/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=3523688aa440a8dcd3c1f501767364e9)
* Config saved to config.json and https://gist.github.com/3523688aa440a8dcd3c1f501767364e9
*/
/*!
* Bootstrap v3.3.6 (http://getbootstrap.com)
* Copyright 2011-2015 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: 1px dotted
}
b, strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #121a38
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
-webkit-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;
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;
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: .35em .625em .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 {
background: transparent !important;
color: #121a38 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-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 #d5ddeb;
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: #121a38 !important
}
.label {
border: 1px solid #121a38
}
.table {
border-collapse: collapse !important
}
.table td, .table th {
background-color: #fff !important
}
.table-bordered th, .table-bordered td {
border: 1px solid #d5ddeb !important
}
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url("../fonts/glyphicons-halflings-regular.eot?");
src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg")
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.glyphicon-asterisk:before {
content: "*"
}
.glyphicon-plus:before {
content: "+"
}
.glyphicon-euro:before, .glyphicon-eur:before {
content: "€"
}
.glyphicon-minus:before {
content: "−"
}
.glyphicon-cloud:before {
content: "â˜"
}
.glyphicon-envelope:before {
content: "✉"
}
.glyphicon-pencil:before {
content: "âœ"
}
.glyphicon-glass:before {
content: "î€"
}
.glyphicon-music:before {
content: ""
}
.glyphicon-search:before {
content: ""
}
.glyphicon-heart:before {
content: ""
}
.glyphicon-star:before {
content: ""
}
.glyphicon-star-empty:before {
content: ""
}
.glyphicon-user:before {
content: ""
}
.glyphicon-film:before {
content: ""
}
.glyphicon-th-large:before {
content: "î€"
}
.glyphicon-th:before {
content: ""
}
.glyphicon-th-list:before {
content: ""
}
.glyphicon-ok:before {
content: ""
}
.glyphicon-remove:before {
content: ""
}
.glyphicon-zoom-in:before {
content: ""
}
.glyphicon-zoom-out:before {
content: ""
}
.glyphicon-off:before {
content: ""
}
.glyphicon-signal:before {
content: ""
}
.glyphicon-cog:before {
content: ""
}
.glyphicon-trash:before {
content: "î€ "
}
.glyphicon-home:before {
content: ""
}
.glyphicon-file:before {
content: ""
}
.glyphicon-time:before {
content: ""
}
.glyphicon-road:before {
content: ""
}
.glyphicon-download-alt:before {
content: ""
}
.glyphicon-download:before {
content: ""
}
.glyphicon-upload:before {
content: ""
}
.glyphicon-inbox:before {
content: ""
}
.glyphicon-play-circle:before {
content: ""
}
.glyphicon-repeat:before {
content: ""
}
.glyphicon-refresh:before {
content: ""
}
.glyphicon-list-alt:before {
content: ""
}
.glyphicon-lock:before {
content: ""
}
.glyphicon-flag:before {
content: ""
}
.glyphicon-headphones:before {
content: ""
}
.glyphicon-volume-off:before {
content: ""
}
.glyphicon-volume-down:before {
content: ""
}
.glyphicon-volume-up:before {
content: ""
}
.glyphicon-qrcode:before {
content: ""
}
.glyphicon-barcode:before {
content: "î€"
}
.glyphicon-tag:before {
content: "î"
}
.glyphicon-tags:before {
content: "î‚"
}
.glyphicon-book:before {
content: "îƒ"
}
.glyphicon-bookmark:before {
content: "î„"
}
.glyphicon-print:before {
content: "î…"
}
.glyphicon-camera:before {
content: "î†"
}
.glyphicon-font:before {
content: "î‡"
}
.glyphicon-bold:before {
content: "îˆ"
}
.glyphicon-italic:before {
content: "î‰"
}
.glyphicon-text-height:before {
content: "î"
}
.glyphicon-text-width:before {
content: "î‘"
}
.glyphicon-align-left:before {
content: "î’"
}
.glyphicon-align-center:before {
content: "î“"
}
.glyphicon-align-right:before {
content: "î”"
}
.glyphicon-align-justify:before {
content: "î•"
}
.glyphicon-list:before {
content: "î–"
}
.glyphicon-indent-left:before {
content: "î—"
}
.glyphicon-indent-right:before {
content: "î˜"
}
.glyphicon-facetime-video:before {
content: "î™"
}
.glyphicon-picture:before {
content: "î "
}
.glyphicon-map-marker:before {
content: "î¢"
}
.glyphicon-adjust:before {
content: "î£"
}
.glyphicon-tint:before {
content: "î¤"
}
.glyphicon-edit:before {
content: "î¥"
}
.glyphicon-share:before {
content: "î¦"
}
.glyphicon-check:before {
content: "î§"
}
.glyphicon-move:before {
content: "î¨"
}
.glyphicon-step-backward:before {
content: "î©"
}
.glyphicon-fast-backward:before {
content: "î°"
}
.glyphicon-backward:before {
content: "î±"
}
.glyphicon-play:before {
content: "î²"
}
.glyphicon-pause:before {
content: "î³"
}
.glyphicon-stop:before {
content: "î´"
}
.glyphicon-forward:before {
content: "îµ"
}
.glyphicon-fast-forward:before {
content: "î¶"
}
.glyphicon-step-forward:before {
content: "î·"
}
.glyphicon-eject:before {
content: "î¸"
}
.glyphicon-chevron-left:before {
content: "î¹"
}
.glyphicon-chevron-right:before {
content: "î‚€"
}
.glyphicon-plus-sign:before {
content: "î‚"
}
.glyphicon-minus-sign:before {
content: "î‚‚"
}
.glyphicon-remove-sign:before {
content: ""
}
.glyphicon-ok-sign:before {
content: "î‚„"
}
.glyphicon-question-sign:before {
content: "î‚…"
}
.glyphicon-info-sign:before {
content: ""
}
.glyphicon-screenshot:before {
content: ""
}
.glyphicon-remove-circle:before {
content: ""
}
.glyphicon-ok-circle:before {
content: ""
}
.glyphicon-ban-circle:before {
content: "î‚"
}
.glyphicon-arrow-left:before {
content: "î‚‘"
}
.glyphicon-arrow-right:before {
content: "î‚’"
}
.glyphicon-arrow-up:before {
content: "î‚“"
}
.glyphicon-arrow-down:before {
content: "î‚”"
}
.glyphicon-share-alt:before {
content: "î‚•"
}
.glyphicon-resize-full:before {
content: "î‚–"
}
.glyphicon-resize-small:before {
content: "î‚—"
}
.glyphicon-exclamation-sign:before {
content: "î„"
}
.glyphicon-gift:before {
content: "î„‚"
}
.glyphicon-leaf:before {
content: ""
}
.glyphicon-fire:before {
content: "î„„"
}
.glyphicon-eye-open:before {
content: "î„…"
}
.glyphicon-eye-close:before {
content: ""
}
.glyphicon-warning-sign:before {
content: ""
}
.glyphicon-plane:before {
content: ""
}
.glyphicon-calendar:before {
content: ""
}
.glyphicon-random:before {
content: "î„"
}
.glyphicon-comment:before {
content: "î„‘"
}
.glyphicon-magnet:before {
content: "î„’"
}
.glyphicon-chevron-up:before {
content: "î„“"
}
.glyphicon-chevron-down:before {
content: "î„”"
}
.glyphicon-retweet:before {
content: "î„•"
}
.glyphicon-shopping-cart:before {
content: "î„–"
}
.glyphicon-folder-close:before {
content: "î„—"
}
.glyphicon-folder-open:before {
content: ""
}
.glyphicon-resize-vertical:before {
content: "î„™"
}
.glyphicon-resize-horizontal:before {
content: "î„ "
}
.glyphicon-hdd:before {
content: "î„¡"
}
.glyphicon-bullhorn:before {
content: "î„¢"
}
.glyphicon-bell:before {
content: "î„£"
}
.glyphicon-certificate:before {
content: ""
}
.glyphicon-thumbs-up:before {
content: "î„¥"
}
.glyphicon-thumbs-down:before {
content: ""
}
.glyphicon-hand-right:before {
content: ""
}
.glyphicon-hand-left:before {
content: ""
}
.glyphicon-hand-up:before {
content: "î„©"
}
.glyphicon-hand-down:before {
content: "î„°"
}
.glyphicon-circle-arrow-right:before {
content: ""
}
.glyphicon-circle-arrow-left:before {
content: ""
}
.glyphicon-circle-arrow-up:before {
content: ""
}
.glyphicon-circle-arrow-down:before {
content: "î„´"
}
.glyphicon-globe:before {
content: ""
}
.glyphicon-wrench:before {
content: ""
}
.glyphicon-tasks:before {
content: "î„·"
}
.glyphicon-filter:before {
content: ""
}
.glyphicon-briefcase:before {
content: ""
}
.glyphicon-fullscreen:before {
content: "î…€"
}
.glyphicon-dashboard:before {
content: "î…"
}
.glyphicon-paperclip:before {
content: "î…‚"
}
.glyphicon-heart-empty:before {
content: "î…ƒ"
}
.glyphicon-link:before {
content: "î…„"
}
.glyphicon-phone:before {
content: "î……"
}
.glyphicon-pushpin:before {
content: "î…†"
}
.glyphicon-usd:before {
content: "î…ˆ"
}
.glyphicon-gbp:before {
content: "î…‰"
}
.glyphicon-sort:before {
content: "î…"
}
.glyphicon-sort-by-alphabet:before {
content: "î…‘"
}
.glyphicon-sort-by-alphabet-alt:before {
content: "î…’"
}
.glyphicon-sort-by-order:before {
content: "î…“"
}
.glyphicon-sort-by-order-alt:before {
content: "î…”"
}
.glyphicon-sort-by-attributes:before {
content: "î…•"
}
.glyphicon-sort-by-attributes-alt:before {
content: "î…–"
}
.glyphicon-unchecked:before {
content: "î…—"
}
.glyphicon-expand:before {
content: "î…˜"
}
.glyphicon-collapse-down:before {
content: "î…™"
}
.glyphicon-collapse-up:before {
content: "î… "
}
.glyphicon-log-in:before {
content: "î…¡"
}
.glyphicon-flash:before {
content: "î…¢"
}
.glyphicon-log-out:before {
content: "î…£"
}
.glyphicon-new-window:before {
content: "î…¤"
}
.glyphicon-record:before {
content: "î…¥"
}
.glyphicon-save:before {
content: "î…¦"
}
.glyphicon-open:before {
content: "î…§"
}
.glyphicon-saved:before {
content: "î…¨"
}
.glyphicon-import:before {
content: "î…©"
}
.glyphicon-export:before {
content: "î…°"
}
.glyphicon-send:before {
content: "î…±"
}
.glyphicon-floppy-disk:before {
content: "î…²"
}
.glyphicon-floppy-saved:before {
content: "î…³"
}
.glyphicon-floppy-remove:before {
content: "î…´"
}
.glyphicon-floppy-save:before {
content: "î…µ"
}
.glyphicon-floppy-open:before {
content: "î…¶"
}
.glyphicon-credit-card:before {
content: "î…·"
}
.glyphicon-transfer:before {
content: "î…¸"
}
.glyphicon-cutlery:before {
content: "î…¹"
}
.glyphicon-header:before {
content: ""
}
.glyphicon-compressed:before {
content: "î†"
}
.glyphicon-earphone:before {
content: ""
}
.glyphicon-phone-alt:before {
content: ""
}
.glyphicon-tower:before {
content: ""
}
.glyphicon-stats:before {
content: ""
}
.glyphicon-sd-video:before {
content: ""
}
.glyphicon-hd-video:before {
content: ""
}
.glyphicon-subtitles:before {
content: ""
}
.glyphicon-sound-stereo:before {
content: ""
}
.glyphicon-sound-dolby:before {
content: "î†"
}
.glyphicon-sound-5-1:before {
content: ""
}
.glyphicon-sound-6-1:before {
content: ""
}
.glyphicon-sound-7-1:before {
content: ""
}
.glyphicon-copyright-mark:before {
content: ""
}
.glyphicon-registration-mark:before {
content: ""
}
.glyphicon-cloud-download:before {
content: ""
}
.glyphicon-cloud-upload:before {
content: ""
}
.glyphicon-tree-conifer:before {
content: ""
}
.glyphicon-tree-deciduous:before {
content: ""
}
.glyphicon-cd:before {
content: "îˆ"
}
.glyphicon-save-file:before {
content: ""
}
.glyphicon-open-file:before {
content: ""
}
.glyphicon-level-up:before {
content: ""
}
.glyphicon-copy:before {
content: ""
}
.glyphicon-paste:before {
content: ""
}
.glyphicon-alert:before {
content: ""
}
.glyphicon-equalizer:before {
content: "îˆ"
}
.glyphicon-king:before {
content: ""
}
.glyphicon-queen:before {
content: ""
}
.glyphicon-pawn:before {
content: ""
}
.glyphicon-bishop:before {
content: ""
}
.glyphicon-knight:before {
content: ""
}
.glyphicon-baby-formula:before {
content: ""
}
.glyphicon-tent:before {
content: "⛺"
}
.glyphicon-blackboard:before {
content: ""
}
.glyphicon-bed:before {
content: ""
}
.glyphicon-apple:before {
content: ""
}
.glyphicon-erase:before {
content: ""
}
.glyphicon-hourglass:before {
content: "⌛"
}
.glyphicon-lamp:before {
content: ""
}
.glyphicon-duplicate:before {
content: ""
}
.glyphicon-piggy-bank:before {
content: ""
}
.glyphicon-scissors:before {
content: ""
}
.glyphicon-bitcoin:before {
content: ""
}
.glyphicon-btc:before {
content: ""
}
.glyphicon-xbt:before {
content: ""
}
.glyphicon-yen:before {
content: "Â¥"
}
.glyphicon-jpy:before {
content: "Â¥"
}
.glyphicon-ruble:before {
content: "₽"
}
.glyphicon-rub:before {
content: "₽"
}
.glyphicon-scale:before {
content: ""
}
.glyphicon-ice-lolly:before {
content: ""
}
.glyphicon-ice-lolly-tasted:before {
content: ""
}
.glyphicon-education:before {
content: ""
}
.glyphicon-option-horizontal:before {
content: ""
}
.glyphicon-option-vertical:before {
content: ""
}
.glyphicon-menu-hamburger:before {
content: ""
}
.glyphicon-modal-window:before {
content: ""
}
.glyphicon-oil:before {
content: ""
}
.glyphicon-grain:before {
content: ""
}
.glyphicon-sunglasses:before {
content: ""
}
.glyphicon-text-size:before {
content: "î‰"
}
.glyphicon-text-color:before {
content: ""
}
.glyphicon-text-background:before {
content: ""
}
.glyphicon-object-align-top:before {
content: ""
}
.glyphicon-object-align-bottom:before {
content: ""
}
.glyphicon-object-align-horizontal:before {
content: ""
}
.glyphicon-object-align-left:before {
content: ""
}
.glyphicon-object-align-vertical:before {
content: ""
}
.glyphicon-object-align-right:before {
content: ""
}
.glyphicon-triangle-right:before {
content: "î‰"
}
.glyphicon-triangle-left:before {
content: ""
}
.glyphicon-triangle-bottom:before {
content: ""
}
.glyphicon-triangle-top:before {
content: ""
}
.glyphicon-console:before {
content: ""
}
.glyphicon-superscript:before {
content: ""
}
.glyphicon-subscript:before {
content: ""
}
.glyphicon-menu-left:before {
content: ""
}
.glyphicon-menu-right:before {
content: ""
}
.glyphicon-menu-down:before {
content: ""
}
.glyphicon-menu-up:before {
content: "î‰ "
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
*:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent
}
body {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
line-height: 1.42857143;
color: #2e404d;
background-color: #fff
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
color: #005b96;
text-decoration: none
}
a:hover, a:focus {
color: #070f26;
text-decoration: underline
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
figure {
margin: 0
}
img {
vertical-align: middle
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: 6px
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #d5ddeb;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .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 #d5ddeb
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
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
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
font-weight: normal;
line-height: 1;
color: #667493
}
h1, .h1, h2, .h2, h3, .h3 {
margin-top: 20px;
margin-bottom: 10px
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
font-size: 65%
}
h4, .h4, h5, .h5, h6, .h6 {
margin-top: 10px;
margin-bottom: 10px
}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
font-size: 75%
}
h1, .h1 {
font-size: 36px
}
h2, .h2 {
font-size: 30px
}
h3, .h3 {
font-size: 24px
}
h4, .h4 {
font-size: 18px
}
h5, .h5 {
font-size: 14px
}
h6, .h6 {
font-size: 12px
}
p {
margin: 0 0 10px
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4
}
@media(min-width:768px) {
.lead {
font-size: 21px
}
}
small, .small {
font-size: 85%
}
mark, .mark {
background-color: #fcf8e3;
padding: .2em
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: #667493
}
.text-primary {
color: #5876aa
}
a.text-primary:hover, a.text-primary:focus {
color: #286090
}
.text-success {
color: #3c763d
}
a.text-success:hover, a.text-success:focus {
color: #2b542c
}
.text-info {
color: #31708f
}
a.text-info:hover, a.text-info:focus {
color: #245269
}
.text-warning {
color: #8a6d3b
}
a.text-warning:hover, a.text-warning:focus {
color: #66512c
}
.text-danger {
color: #a94442
}
a.text-danger:hover, a.text-danger:focus {
color: #843534
}
.bg-primary {
color: #fff;
background-color: #337ab7
}
a.bg-primary:hover, a.bg-primary:focus {
background-color: #286090
}
.bg-success {
background-color: #dff0d8
}
a.bg-success:hover, a.bg-success:focus {
background-color: #c1e2b3
}
.bg-info {
background-color: #d9edf7
}
a.bg-info:hover, a.bg-info:focus {
background-color: #afd9ee
}
.bg-warning {
background-color: #fcf8e3
}
a.bg-warning:hover, a.bg-warning:focus {
background-color: #f7ecb5
}
.bg-danger {
background-color: #f2dede
}
a.bg-danger:hover, a.bg-danger:focus {
background-color: #e4b9b9
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #d5ddeb
}
ul, ol {
margin-top: 0;
margin-bottom: 10px
}
ul ul, ol ul, ul ol, ol ol {
margin-bottom: 0
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
dl {
margin-top: 0;
margin-bottom: 20px
}
dt, dd {
line-height: 1.42857143
}
dt {
font-weight: bold
}
dd {
margin-left: 0
}
@media(min-width:768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
}
abbr[title], abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #d5ddeb
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #d5ddeb
}
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
margin-bottom: 0
}
blockquote footer, blockquote small, blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #667493
}
blockquote footer:before, blockquote small:before, blockquote .small:before {
content: '— '
}
.blockquote-reverse, blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #d5ddeb;
border-left: 0;
text-align: right
}
.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
content: ''
}
.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
content: ' —'
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143
}
code, kbd, pre, samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #121a38;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
-webkit-box-shadow: none;
box-shadow: none
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
word-break: break-all;
word-wrap: break-word;
color: #121a38;
background-color: #f8fafd;
border: 1px solid #d5ddeb;
border-radius: 4px
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
@media(min-width:768px) {
.container {
width: 750px
}
}
@media(min-width:992px) {
.container {
width: 970px
}
}
@media(min-width:1200px) {
.container {
width: 1170px
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
.row {
margin-left: -15px;
margin-right: -15px
}
.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-left: 15px;
padding-right: 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
}
}
table {
background-color: transparent
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #667493;
text-align: left
}
th {
text-align: left
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #d5ddeb
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #d5ddeb
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
border-top: 0
}
.table > tbody + tbody {
border-top: 2px solid #d5ddeb
}
.table .table {
background-color: #fff
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
padding: 5px
}
.table-bordered {
border: 1px solid #d5ddeb
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
border: 1px solid #d5ddeb
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
border-bottom-width: 2px
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column
}
table td[class*="col-"], table th[class*="col-"] {
position: static;
float: none;
display: table-cell
}
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
background-color: #f5f5f5
}
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8
}
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
background-color: #dff0d8
}
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6
}
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
background-color: #d9edf7
}
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3
}
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
background-color: #fcf8e3
}
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc
}
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
background-color: #f2dede
}
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc
}
.table-responsive {
overflow-x: auto;
min-height: .01%
}
@media screen and (max-width:767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #d5ddeb
}
.table-responsive > .table {
margin-bottom: 0
}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
white-space: nowrap
}
.table-responsive > .table-bordered {
border: 0
}
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0
}
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0
}
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #121a38;
border: 0;
border-bottom: 1px solid #e5e5e5
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold
}
input[type="search"] {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
input[type="radio"], input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px;
line-height: normal
}
input[type="file"] {
display: block
}
input[type="range"] {
display: block;
width: 100%
}
select[multiple], select[size] {
height: auto
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #667493
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #667493;
background-color: #fff;
background-image: none;
border: 1px solid #d5ddeb;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(7, 15, 38, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(7, 15, 38, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.form-control::-moz-placeholder {
color: #667493;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #667493
}
.form-control::-webkit-input-placeholder {
color: #667493
}
.form-control::-ms-expand {
border: 0;
background-color: transparent
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1
}
.form-control[disabled], fieldset[disabled] .form-control {
cursor: not-allowed
}
textarea.form-control {
height: auto
}
input[type="search"] {
-webkit-appearance: none
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
line-height: 34px
}
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
line-height: 30px
}
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
line-height: 46px
}
}
.form-group {
margin-bottom: 15px
}
.radio, .checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.radio label, .checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px
}
.radio + .radio, .checkbox + .checkbox {
margin-top: -5px
}
.radio-inline, .checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px
}
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed
}
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
cursor: not-allowed
}
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
cursor: not-allowed
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px
}
.form-control-static.input-lg, .form-control-static.input-sm {
padding-left: 0;
padding-right: 0
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
select.input-sm {
height: 30px;
line-height: 30px
}
textarea.input-sm, select[multiple].input-sm {
height: auto
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px
}
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
height: auto
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}
select.input-lg {
height: 46px;
line-height: 46px
}
textarea.input-lg, select[multiple].input-lg {
height: auto
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px
}
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
height: auto
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333
}
.has-feedback {
position: relative
}
.has-feedback .form-control {
padding-right: 42.5px
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none
}
.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px
}
.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
color: #3c763d
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8
}
.has-success .form-control-feedback {
color: #3c763d
}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
color: #8a6d3b
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3
}
.has-warning .form-control-feedback {
color: #8a6d3b
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
color: #a94442
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede
}
.has-error .form-control-feedback {
color: #a94442
}
.has-feedback label ~ .form-control-feedback {
top: 25px
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #667493
}
@media(min-width:768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-static {
display: inline-block
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle
}
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
width: auto
}
.form-inline .input-group > .form-control {
width: 100%
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle
}
.form-inline .radio, .form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .radio label, .form-inline .checkbox label {
padding-left: 0
}
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
top: 0
}
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px
}
.form-horizontal .radio, .form-horizontal .checkbox {
min-height: 27px
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px
}
@media(min-width:768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px
}
@media(min-width:768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px
}
}
@media(min-width:768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn:hover, .btn:focus, .btn.focus {
color: #121a38;
text-decoration: none
}
.btn:active, .btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none
}
a.btn.disabled, fieldset[disabled] a.btn {
pointer-events: none
}
.btn-default {
color: #121a38;
background-color: #fff;
border-color: #d5ddeb
}
.btn-default:focus, .btn-default.focus {
color: #121a38;
background-color: #f8fafd;
border-color: #d5ddeb
}
.btn-default:hover {
color: #121a38;
background-color: #f8fafd;
border-color: #d5ddeb
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
color: #121a38;
background-color: #f8fafd;
border-color: #d5ddeb
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
color: #121a38;
background-color: #f8fafd;
border-color: #d5ddeb
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
background-image: none
}
.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #d5ddeb
}
.btn-default .badge {
color: #fff;
background-color: #121a38
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #121a38
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-image: none
}
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625
}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
background-image: none
}
.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff
}
.btn-info {
color: #fff;
background-color: #5876aa;
border-color: #5876aa;
border-image: none;
border-radius: 0;
text-shadow: none;
box-shadow: none
}
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #5876aa;
border-color: #5876aa
}
.btn-info:hover {
color: #fff;
background-color: #5876aa;
border-color: #5876aa;
opacity: .8
}
.btn-info a:hover {
text-decoration: none
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #5876aa;
border-color: #5876aa;
box-shadow: none
}
.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #5876aa;
border-color: #5876aa
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
background-image: none
}
.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {
background-color: #5876aa;
border-color: #5876aa
}
.btn-info .badge {
color: #5876aa;
background-color: #fff
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning:focus, .btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d
}
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
background-image: none
}
.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19
}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
background-image: none
}
.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff
}
.btn-link {
color: #337ab7;
font-weight: normal;
border-radius: 0
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
border-color: transparent
}
.btn-link:hover, .btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent
}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
color: #667493;
text-decoration: none
}
.btn-lg, .btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}
.btn-sm, .btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-xs, .btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-block {
display: block;
width: 100%
}
.btn-block + .btn-block {
margin-top: 5px
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
width: 100%
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .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: .35s;
-o-transition-duration: .35s;
transition-duration: .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;
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;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #d5ddeb;
border: 1px solid rgba(7, 15, 38, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
background-clip: padding-box
}
.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: normal;
line-height: 1.42857143;
color: #667493;
white-space: nowrap
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
background-color: #f5f5f5
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #337ab7
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #667493
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed
}
.open > .dropdown-menu {
display: block
}
.open > a {
outline: 0
}
.dropdown-menu-right {
left: auto;
right: 0
}
.dropdown-menu-left {
left: 0;
right: auto
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #667493;
white-space: nowrap
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990
}
.pull-right > .dropdown-menu {
right: 0;
left: auto
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid;
content: ""
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px
}
@media(min-width:768px) {
.navbar-right .dropdown-menu {
left: auto;
right: 0
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto
}
}
.btn-group, .btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle
}
.btn-group > .btn, .btn-group-vertical > .btn {
position: relative;
float: left
}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
z-index: 2
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
margin-left: -1px
}
.btn-toolbar {
margin-left: -5px
}
.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
float: left
}
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
margin-left: 5px
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0
}
.btn-group > .btn:first-child {
margin-left: 0
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group > .btn-group {
float: left
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
outline: 0
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none
}
.btn .caret {
margin-left: 0
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%
}
.btn-group-vertical > .btn-group > .btn {
float: none
}
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate
}
.btn-group-justified > .btn, .btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%
}
.btn-group-justified > .btn-group .btn {
width: 100%
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto
}
[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.input-group {
position: relative;
display: table;
border-collapse: separate
}
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0
}
.input-group .form-control:focus {
z-index: 3
}
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}
select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px
}
textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto
}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px
}
textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto
}
.input-group-addon, .input-group-btn, .input-group .form-control {
display: table-cell
}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0
}
.input-group-addon, .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #667493;
text-align: center;
background-color: #fff;
border: 1px solid #d5ddeb;
border-radius: 4px
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px
}
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
margin-top: 0
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.input-group-addon:first-child {
border-right: 0
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.input-group-addon:last-child {
border-left: 0
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap
}
.input-group-btn > .btn {
position: relative
}
.input-group-btn > .btn + .btn {
margin-left: -1px
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
z-index: 2
}
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
margin-right: -1px
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px
}
.nav {
margin-bottom: 0;
padding-left: 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: #eee
}
.nav > li.disabled > a {
color: #667493
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #667493;
text-decoration: none;
background-color: transparent;
cursor: not-allowed
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #eee;
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 #d5ddeb
}
.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: #d5ddeb #d5ddeb #ddd
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #667493;
background-color: #fff;
border: 1px solid #d5ddeb;
border-bottom-color: transparent;
cursor: default
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0
}
.nav-tabs.nav-justified > li {
float: none
}
.nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px
}
.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 #d5ddeb
}
@media(min-width:768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #d5ddeb;
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: #fff
}
}
.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: #fff;
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 {
text-align: center;
margin-bottom: 5px
}
.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 #d5ddeb
}
@media(min-width:768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #d5ddeb;
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: #fff
}
}
.tab-content > .tab-pane {
display: none
}
.tab-content > .active {
display: block
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent
}
@media(min-width:768px) {
.navbar {
border-radius: 4px
}
}
@media(min-width:768px) {
.navbar-header {
float: left
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
-webkit-overflow-scrolling: touch
}
.navbar-collapse.in {
overflow-y: auto
}
@media(min-width:768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important
}
.navbar-collapse.in {
overflow-y: visible
}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0
}
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height: 340px
}
@media(max-device-width:480px) and (orientation:landscape) {
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height: 200px
}
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px
}
@media(min-width:768px) {
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px
}
@media(min-width:768px) {
.navbar-static-top {
border-radius: 0
}
}
.navbar-fixed-top, .navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030
}
@media(min-width:768px) {
.navbar-fixed-top, .navbar-fixed-bottom {
border-radius: 0
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0
}
.navbar-brand {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
height: 50px
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none
}
.navbar-brand > img {
display: block
}
@media(min-width:768px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left: -15px
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}
.navbar-toggle:focus {
outline: 0
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px
}
@media(min-width:768px) {
.navbar-toggle {
display: none
}
}
.navbar-nav {
margin: 7.5px -15px
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px
}
@media(max-width:767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px
}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none
}
}
@media(min-width:768px) {
.navbar-nav {
float: left;
margin: 0
}
.navbar-nav > li {
float: left
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px
}
}
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
margin-top: 8px;
margin-bottom: 8px
}
@media(min-width:768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.navbar-form .form-control-static {
display: inline-block
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle
}
.navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
width: auto
}
.navbar-form .input-group > .form-control {
width: 100%
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .radio, .navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .radio label, .navbar-form .checkbox label {
padding-left: 0
}
.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0
}
.navbar-form .has-feedback .form-control-feedback {
top: 0
}
}
@media(max-width:767px) {
.navbar-form .form-group {
margin-bottom: 5px
}
.navbar-form .form-group:last-child {
margin-bottom: 0
}
}
@media(min-width:768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px
}
@media(min-width:768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px
}
}
@media(min-width:768px) {
.navbar-left {
float: left !important
}
.navbar-right {
float: right !important;
margin-right: -15px
}
.navbar-right ~ .navbar-right {
margin-right: 0
}
}
.navbar-default {
background-color: #f8fafd;
border-color: #d5ddeb
}
.navbar-default .navbar-brand {
color: #667493
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #667493;
background-color: transparent
}
.navbar-default .navbar-text {
color: #667493
}
.navbar-default .navbar-nav > li > a {
color: #667493
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #121a38;
background-color: transparent
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #667493;
background-color: #e7e7e7
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
color: #667493;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #d5ddeb
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #d5ddeb
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #667493
}
@media(max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #667493
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #121a38;
background-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #667493;
background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #667493;
background-color: transparent
}
}
.navbar-default .navbar-link {
color: #667493
}
.navbar-default .navbar-link:hover {
color: #121a38
}
.navbar-default .btn-link {
color: #667493
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
color: #121a38
}
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
color: #667493
}
.navbar-inverse {
background-color: #070f26;
border-color: #121a38
}
.navbar-inverse .navbar-brand {
color: #667493
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-text {
color: #667493
}
.navbar-inverse .navbar-nav > li > a {
color: #667493
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #121a38
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #667493;
background-color: transparent
}
.navbar-inverse .navbar-toggle {
border-color: #121a38
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #121a38
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #121a38
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #080808;
color: #fff
}
@media(max-width:767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #667493
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #667493;
background-color: transparent
}
}
.navbar-inverse .navbar-link {
color: #667493
}
.navbar-inverse .navbar-link:hover {
color: #fff
}
.navbar-inverse .btn-link {
color: #667493
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
color: #fff
}
.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #667493
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px
}
.breadcrumb > li {
display: inline-block
}
.breadcrumb > li + li:before {
content: "/Â ";
padding: 0 5px;
color: #667493
}
.breadcrumb > .active {
color: #667493
}
.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;
line-height: 1.42857143;
text-decoration: none;
color: #337ab7;
background-color: #fff;
border: 1px solid #d5ddeb;
margin-left: -1px
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #d5ddeb
}
.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: #fff;
background-color: #337ab7;
border-color: #337ab7;
cursor: default
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
color: #667493;
background-color: #fff;
border-color: #d5ddeb;
cursor: not-allowed
}
.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-bottom-left-radius: 6px;
border-top-left-radius: 6px
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-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-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.pager {
padding-left: 0;
margin: 20px 0;
list-style: none;
text-align: center
}
.pager li {
display: inline
}
.pager li > a, .pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #d5ddeb;
border-radius: 15px
}
.pager li > a:hover, .pager li > a:focus {
text-decoration: none;
background-color: #eee
}
.pager .next > a, .pager .next > span {
float: right
}
.pager .previous > a, .pager .previous > span {
float: left
}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
color: #667493;
background-color: #fff;
cursor: not-allowed
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em
}
a.label:hover, a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer
}
.label:empty {
display: none
}
.btn .label {
position: relative;
top: -1px
}
.label-default {
background-color: #777
}
.label-default[href]:hover, .label-default[href]:focus {
background-color: #5e5e5e
}
.label-primary {
background-color: #337ab7
}
.label-primary[href]:hover, .label-primary[href]:focus {
background-color: #286090
}
.label-success {
background-color: #5cb85c
}
.label-success[href]:hover, .label-success[href]:focus {
background-color: #449d44
}
.label-info {
background-color: #5bc0de
}
.label-info[href]:hover, .label-info[href]:focus {
background-color: #31b0d5
}
.label-warning {
background-color: #f0ad4e
}
.label-warning[href]:hover, .label-warning[href]:focus {
background-color: #ec971f
}
.label-danger {
background-color: #d9534f
}
.label-danger[href]:hover, .label-danger[href]:focus {
background-color: #c9302c
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
color: #fff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #777;
border-radius: 10px
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px
}
a.badge:hover, a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #fff
}
.list-group-item > .badge {
float: right
}
.list-group-item > .badge + .badge {
margin-right: 5px
}
.nav-pills > li > a > .badge {
margin-left: 3px
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eee
}
.jumbotron h1, .jumbotron .h1 {
color: inherit
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200
}
.jumbotron > hr {
border-top-color: #d5d5d5
}
.container .jumbotron, .container-fluid .jumbotron {
border-radius: 6px;
padding-left: 15px;
padding-right: 15px
}
.jumbotron .container {
max-width: 100%
}
@media screen and (min-width:768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px
}
.container .jumbotron, .container-fluid .jumbotron {
padding-left: 60px;
padding-right: 60px
}
.jumbotron h1, .jumbotron .h1 {
font-size: 63px
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #d5ddeb;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out
}
.thumbnail > img, .thumbnail a > img {
margin-left: auto;
margin-right: auto
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
border-color: #337ab7
}
.thumbnail .caption {
padding: 9px;
color: #121a38
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px
}
.alert h4 {
margin-top: 0;
color: inherit
}
.alert .alert-link {
font-weight: bold
}
.alert > p, .alert > ul {
margin-bottom: 0
}
.alert > p + p {
margin-top: 5px
}
.alert-dismissable, .alert-dismissible {
padding-right: 35px
}
.alert-dismissable .close, .alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d
}
.alert-success hr {
border-top-color: #c9e2b3
}
.alert-success .alert-link {
color: #2b542c
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f
}
.alert-info hr {
border-top-color: #a6e1ec
}
.alert-info .alert-link {
color: #245269
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b
}
.alert-warning hr {
border-top-color: #f7e1b5
}
.alert-warning .alert-link {
color: #66512c
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442
}
.alert-danger hr {
border-top-color: #e4b9c0
}
.alert-danger .alert-link {
color: #843534
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
.progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease
}
.progress-striped .progress-bar, .progress-bar-striped {
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 40px 40px
}
.progress.active .progress-bar, .progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
background-color: #5cb85c
}
.progress-striped .progress-bar-success {
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
background-color: #5bc0de
}
.progress-striped .progress-bar-info {
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
background-color: #f0ad4e
}
.progress-striped .progress-bar-warning {
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
background-color: #d9534f
}
.progress-striped .progress-bar-danger {
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.media {
margin-top: 15px
}
.media:first-child {
margin-top: 0
}
.media, .media-body {
zoom: 1;
overflow: hidden
}
.media-body {
width: 10000px
}
.media-object {
display: block
}
.media-object.img-thumbnail {
max-width: none
}
.media-right, .media > .pull-right {
padding-left: 10px
}
.media-left, .media > .pull-left {
padding-right: 10px
}
.media-left, .media-right, .media-body {
display: table-cell;
vertical-align: top
}
.media-middle {
vertical-align: middle
}
.media-bottom {
vertical-align: bottom
}
.media-heading {
margin-top: 0;
margin-bottom: 5px
}
.media-list {
padding-left: 0;
list-style: none
}
.list-group {
margin-bottom: 20px;
padding-left: 0
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #d5ddeb
}
.list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
a.list-group-item, button.list-group-item {
color: #667493
}
a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
color: #121a38
}
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
text-decoration: none;
color: #667493;
background-color: #f5f5f5
}
button.list-group-item {
width: 100%;
text-align: left
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
background-color: #eee;
color: #667493;
cursor: not-allowed
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
color: inherit
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
color: #667493
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7
}
.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {
color: inherit
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
color: #c7ddef
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8
}
a.list-group-item-success, button.list-group-item-success {
color: #3c763d
}
a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
color: inherit
}
a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6
}
a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7
}
a.list-group-item-info, button.list-group-item-info {
color: #31708f
}
a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
color: inherit
}
a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3
}
a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3
}
a.list-group-item-warning, button.list-group-item-warning {
color: #8a6d3b
}
a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
color: inherit
}
a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc
}
a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede
}
a.list-group-item-danger, button.list-group-item-danger {
color: #a94442
}
a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
color: inherit
}
a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc
}
a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
.panel-body {
padding: 15px
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
color: inherit
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #d5ddeb;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel > .list-group, .panel > .panel-collapse > .list-group {
margin-bottom: 0
}
.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0
}
.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0
}
.list-group + .panel-footer {
border-top-width: 0
}
.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
margin-bottom: 0
}
.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
padding-left: 15px;
padding-right: 15px
}
.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px
}
.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px
}
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
border-top: 1px solid #d5ddeb
}
.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
border-top: 0
}
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
border: 0
}
.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0
}
.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0
}
.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0
}
.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0
}
.panel > .table-responsive {
border: 0;
margin-bottom: 0
}
.panel-group {
margin-bottom: 20px
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px
}
.panel-group .panel + .panel {
margin-top: 5px
}
.panel-group .panel-heading {
border-bottom: 0
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #d5ddeb
}
.panel-group .panel-footer {
border-top: 0
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #d5ddeb
}
.panel-default {
border-color: #d5ddeb
}
.panel-default > .panel-heading {
color: #121a38;
background-color: #f5f5f5;
border-color: #d5ddeb
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d5ddeb
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #121a38
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d5ddeb
}
.panel-primary {
border-color: #337ab7
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7
}
.panel-success {
border-color: #d6e9c6
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6
}
.panel-info {
border-color: #bce8f1
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1
}
.panel-warning {
border-color: #faebcc
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc
}
.panel-danger {
border-color: #ebccd1
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0
}
.embed-responsive-16by9 {
padding-bottom: 56.25%
}
.embed-responsive-4by3 {
padding-bottom: 75%
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}
.well blockquote {
border-color: #d5ddeb;
border-color: rgba(7, 15, 38, .15)
}
.well-lg {
padding: 24px;
border-radius: 6px
}
.well-sm {
padding: 9px;
border-radius: 3px
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #121a38;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20)
}
.close:hover, .close:focus {
color: #121a38;
text-decoration: none;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50)
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none
}
.modal-open {
overflow: hidden
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-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
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #d5ddeb;
border: 1px solid rgba(7, 15, 38, .2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
background-clip: padding-box;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #121a38
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0)
}
.modal-backdrop.in {
opacity: .5;
filter: alpha(opacity=50)
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
margin-top: -2px
}
.modal-title {
margin: 0;
line-height: 1.42857143
}
.modal-body {
position: relative;
padding: 15px
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px
}
.modal-footer .btn-block + .btn-block {
margin-left: 0
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media(min-width:768px) {
.modal-dialog {
width: 600px;
margin: 30px auto
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}
.modal-sm {
width: 300px
}
}
@media(min-width:992px) {
.modal-lg {
width: 900px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0)
}
.tooltip.in {
opacity: .9;
filter: alpha(opacity=90)
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #070f26;
border-radius: 4px
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #121a38
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #121a38
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #121a38
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #121a38
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #121a38
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #121a38
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #121a38
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #121a38
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #d5ddeb;
border: 1px solid rgba(7, 15, 38, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}
.popover.top {
margin-top: -10px
}
.popover.right {
margin-left: 10px
}
.popover.bottom {
margin-top: 10px
}
.popover.left {
margin-left: -10px
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0
}
.popover-content {
padding: 9px 14px
}
.popover > .arrow, .popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.popover > .arrow {
border-width: 11px
}
.popover > .arrow:after {
border-width: 10px;
content: ""
}
.popover.top > .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #d5ddeb;
border-top-color: rgba(7, 15, 38, .25);
bottom: -11px
}
.popover.top > .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #d5ddeb;
border-right-color: rgba(7, 15, 38, .25)
}
.popover.right > .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff
}
.popover.bottom > .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #d5ddeb;
border-bottom-color: rgba(7, 15, 38, .25);
top: -11px
}
.popover.bottom > .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #d5ddeb;
border-left-color: rgba(7, 15, 38, .25)
}
.popover.left > .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px
}
.carousel {
position: relative
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
line-height: 1
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px
}
.carousel-inner > .item.next, .carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0
}
.carousel-inner > .item.prev, .carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0
}
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0
}
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
display: block
}
.carousel-inner > .active {
left: 0
}
.carousel-inner > .next, .carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%
}
.carousel-inner > .next {
left: 100%
}
.carousel-inner > .prev {
left: -100%
}
.carousel-inner > .next.left, .carousel-inner > .prev.right {
left: 0
}
.carousel-inner > .active.left {
left: -100%
}
.carousel-inner > .active.right {
left: 100%
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: .5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(7, 15, 38, .6);
background-color: transparent
}
.carousel-control.left {
background-image: -o-linear-gradient(left, rgba(7, 15, 38, .5) 0, rgba(7, 15, 38, .0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(7, 15, 38, .5)), to(rgba(7, 15, 38, .0001)));
background-image: linear-gradient(to right, rgba(7, 15, 38, .5) 0, rgba(7, 15, 38, .0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
.carousel-control.right {
left: auto;
right: 0;
background-image: -o-linear-gradient(left, rgba(7, 15, 38, .0001) 0, rgba(7, 15, 38, .5) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(7, 15, 38, .0001)), to(rgba(7, 15, 38, .5)));
background-image: linear-gradient(to right, rgba(7, 15, 38, .0001) 0, rgba(7, 15, 38, .5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
.carousel-control:hover, .carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: .9;
filter: alpha(opacity=90)
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px
}
.carousel-control .icon-prev, .carousel-control .icon-next {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif
}
.carousel-control .icon-prev:before {
content: '‹'
}
.carousel-control .icon-next:before {
content: '›'
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: #070f26;
background-color: transparent
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(7, 15, 38, .6)
}
.carousel-caption .btn {
text-shadow: none
}
@media screen and (min-width:768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
margin-left: -10px
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
margin-right: -10px
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px
}
.carousel-indicators {
bottom: 20px
}
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
content: " ";
display: table
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
clear: both
}
.center-block {
display: block;
margin-left: auto;
margin-right: 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
}
}
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=3523688aa440a8dcd3c1f501767364e9)
* Config saved to config.json and https://gist.github.com/3523688aa440a8dcd3c1f501767364e9
*/
/*!
* Bootstrap v3.3.6 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
text-shadow: none;
box-shadow: none
}
.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn-default.disabled, .btn-primary.disabled, .btn-success.disabled, .btn-info.disabled, .btn-warning.disabled, .btn-danger.disabled, .btn-default[disabled], .btn-primary[disabled], .btn-success[disabled], .btn-info[disabled], .btn-warning[disabled], .btn-danger[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-success, fieldset[disabled] .btn-info, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-danger {
-webkit-box-shadow: none;
box-shadow: none
}
.btn-default .badge, .btn-primary .badge, .btn-success .badge, .btn-info .badge, .btn-warning .badge, .btn-danger .badge {
text-shadow: none
}
.btn:active, .btn.active {
background-image: none
}
.btn-default {
background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#e0e0e0));
background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
text-shadow: 0 1px 0 #fff;
border-color: #d5ddeb
}
.btn-default:hover, .btn-default:focus {
background-color: #e0e0e0;
background-position: 0 -15px
}
.btn-default:active, .btn-default.active {
background-color: #e0e0e0;
border-color: #d5ddeb
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
background-color: #e0e0e0;
background-image: none
}
.btn-primary {
background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#265a88));
background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #245580
}
.btn-primary:hover, .btn-primary:focus {
background-color: #265a88;
background-position: 0 -15px
}
.btn-primary:active, .btn-primary.active {
background-color: #265a88;
border-color: #245580
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
background-color: #265a88;
background-image: none
}
.btn-success {
background-image: -o-linear-gradient(top, #5cb85c 0, #419641 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5cb85c), to(#419641));
background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #3e8f3e
}
.btn-success:hover, .btn-success:focus {
background-color: #419641;
background-position: 0 -15px
}
.btn-success:active, .btn-success.active {
background-color: #419641;
border-color: #3e8f3e
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
background-color: #419641;
background-image: none
}
.btn-info {
background-image: none;
background-repeat: repeat-x;
border-color: #5876aa
}
.btn-info:hover, .btn-info:focus {
background-color: #5876aa;
background-position: 0 -15px
}
.btn-info:active, .btn-info.active {
background-color: #5876aa;
border-color: #5876aa
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
background-color: #5876aa;
background-image: none
}
.btn-warning {
background-image: -o-linear-gradient(top, #f0ad4e 0, #eb9316 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0ad4e), to(#eb9316));
background-image: linear-gradient(to bottom, #f0ad4e 0, #eb9316 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #e38d13
}
.btn-warning:hover, .btn-warning:focus {
background-color: #eb9316;
background-position: 0 -15px
}
.btn-warning:active, .btn-warning.active {
background-color: #eb9316;
border-color: #e38d13
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
background-color: #eb9316;
background-image: none
}
.btn-danger {
background-image: -o-linear-gradient(top, #d9534f 0, #c12e2a 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9534f), to(#c12e2a));
background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #b92c28
}
.btn-danger:hover, .btn-danger:focus {
background-color: #c12e2a;
background-position: 0 -15px
}
.btn-danger:active, .btn-danger.active {
background-color: #c12e2a;
border-color: #b92c28
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
background-color: #c12e2a;
background-image: none
}
.thumbnail, .img-thumbnail {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075)
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#2e6da4));
background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
background-color: #2e6da4
}
.navbar-default {
background-image: -o-linear-gradient(top, #fff 0, #f8f8f8 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#f8f8f8));
background-image: linear-gradient(to bottom, #fff 0, #f8f8f8 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075)
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
background-image: -o-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dbdbdb), to(#e2e2e2));
background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075)
}
.navbar-brand, .navbar-nav > li > a {
text-shadow: 0 1px 0 rgba(255, 255, 255, .25)
}
.navbar-inverse {
background-image: -o-linear-gradient(top, #3c3c3c 0, #222 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3c3c3c), to(#222));
background-image: linear-gradient(to bottom, #3c3c3c 0, #222 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
border-radius: 4px
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a {
background-image: -o-linear-gradient(top, #080808 0, #0f0f0f 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #080808), to(#0f0f0f));
background-image: linear-gradient(to bottom, #080808 0, #0f0f0f 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25)
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
text-shadow: 0 -1px 0 rgba(7, 15, 38, .25)
}
.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom {
border-radius: 0
}
@media(max-width:767px) {
.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#2e6da4));
background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0)
}
}
.alert {
text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05)
}
.alert-success {
background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dff0d8), to(#c8e5bc));
background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
border-color: #b2dba1
}
.alert-info {
background-image: -o-linear-gradient(top, #d9edf7 0, #b9def0 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9edf7), to(#b9def0));
background-image: linear-gradient(to bottom, #d9edf7 0, #b9def0 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
border-color: #9acfea
}
.alert-warning {
background-image: -o-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcf8e3), to(#f8efc0));
background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
border-color: #f5e79e
}
.alert-danger {
background-image: -o-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2dede), to(#e7c3c3));
background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
border-color: #dca7a7
}
.progress {
background-image: -o-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ebebeb), to(#f5f5f5));
background-image: linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0)
}
.progress-bar {
background-image: -o-linear-gradient(top, #337ab7 0, #286090 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#286090));
background-image: linear-gradient(to bottom, #337ab7 0, #286090 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0)
}
.progress-bar-success {
background-image: -o-linear-gradient(top, #5cb85c 0, #449d44 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5cb85c), to(#449d44));
background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0)
}
.progress-bar-info {
background-image: -o-linear-gradient(top, #5bc0de 0, #31b0d5 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5bc0de), to(#31b0d5));
background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0)
}
.progress-bar-warning {
background-image: -o-linear-gradient(top, #f0ad4e 0, #ec971f 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0ad4e), to(#ec971f));
background-image: linear-gradient(to bottom, #f0ad4e 0, #ec971f 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0)
}
.progress-bar-danger {
background-image: -o-linear-gradient(top, #d9534f 0, #c9302c 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9534f), to(#c9302c));
background-image: linear-gradient(to bottom, #d9534f 0, #c9302c 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0)
}
.progress-bar-striped {
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.list-group {
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075)
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
text-shadow: 0 -1px 0 #286090;
background-image: -o-linear-gradient(top, #337ab7 0, #2b669a 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#2b669a));
background-image: linear-gradient(to bottom, #337ab7 0, #2b669a 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
border-color: #2b669a
}
.list-group-item.active .badge, .list-group-item.active:hover .badge, .list-group-item.active:focus .badge {
text-shadow: none
}
.panel {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}
.panel-default > .panel-heading {
background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), to(#e8e8e8));
background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0)
}
.panel-primary > .panel-heading {
background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#2e6da4));
background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0)
}
.panel-success > .panel-heading {
background-image: -o-linear-gradient(top, #dff0d8 0, #d0e9c6 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dff0d8), to(#d0e9c6));
background-image: linear-gradient(to bottom, #dff0d8 0, #d0e9c6 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0)
}
.panel-info > .panel-heading {
background-image: -o-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9edf7), to(#c4e3f3));
background-image: linear-gradient(to bottom, #d9edf7 0, #c4e3f3 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0)
}
.panel-warning > .panel-heading {
background-image: -o-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcf8e3), to(#faf2cc));
background-image: linear-gradient(to bottom, #fcf8e3 0, #faf2cc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0)
}
.panel-danger > .panel-heading {
background-image: -o-linear-gradient(top, #f2dede 0, #ebcccc 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2dede), to(#ebcccc));
background-image: linear-gradient(to bottom, #f2dede 0, #ebcccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0)
}
.well {
background-image: -o-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e8e8e8), to(#f5f5f5));
background-image: linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
border-color: #dcdcdc;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1)
}
/*!
* Bootstrap-select v1.12.2 (http://silviomoreto.github.io/bootstrap-select)
*
* Copyright 2013-2017 bootstrap-select
* Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
*/
select.bs-select-hidden, select.selectpicker {
display: none !important
}
.bootstrap-select {
width: 220px \0
}
.bootstrap-select > .dropdown-toggle {
width: 100%;
padding-right: 25px;
z-index: 1
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
color: #667493
}
.bootstrap-select > select {
position: absolute !important;
bottom: 0;
left: 50%;
display: block !important;
width: .5px !important;
height: 100% !important;
padding: 0 !important;
opacity: 0 !important;
border: none
}
.bootstrap-select > select.mobile-device {
top: 0;
left: 0;
display: block !important;
width: 100% !important;
z-index: 2
}
.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle {
border-color: #b94a48
}
.bootstrap-select.fit-width {
width: auto !important
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 220px
}
.bootstrap-select .dropdown-toggle:focus {
outline: thin dotted #121a38 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none
}
.bootstrap-select.form-control:not([class*="col-"]) {
width: 100%
}
.bootstrap-select.form-control.input-group-btn {
z-index: auto
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
border-radius: 0
}
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
float: none;
display: inline-block;
margin-left: 0
}
.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
float: right
}
.form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {
margin-bottom: 0
}
.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {
padding: 0
}
.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
height: 100%;
font-size: inherit;
line-height: inherit;
border-radius: inherit
}
.form-inline .bootstrap-select.btn-group .form-control {
width: 100%
}
.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled {
cursor: not-allowed
}
.bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus {
outline: none !important
}
.bootstrap-select.btn-group.bs-container {
position: absolute;
height: 0 !important;
padding: 0 !important
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
z-index: 1060
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
display: inline-block;
overflow: hidden;
width: 100%;
text-align: left
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
position: absolute;
top: 50%;
right: 12px;
margin-top: -2px;
vertical-align: middle
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
width: 100%
}
.bootstrap-select.btn-group .dropdown-menu {
min-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.bootstrap-select.btn-group .dropdown-menu.inner {
position: static;
float: none;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.bootstrap-select.btn-group .dropdown-menu li {
position: relative
}
.bootstrap-select.btn-group .dropdown-menu li:nth-child(odd) {
background: #f8fafd
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
color: #fff
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
cursor: not-allowed
}
.bootstrap-select.btn-group .dropdown-menu li a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
position: relative;
padding-left: 2.25em
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
display: none
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
display: inline-block
}
.bootstrap-select.btn-group .dropdown-menu li small {
padding-left: .5em
}
.bootstrap-select.btn-group .dropdown-menu .notify {
position: absolute;
bottom: 5px;
width: 96%;
margin: 0 2%;
min-height: 26px;
padding: 3px 5px;
background: #fff;
border: 1px solid #d5ddeb;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
pointer-events: none;
opacity: .9;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.bootstrap-select.btn-group .no-results {
padding: 3px;
background: #fff;
margin: 0 5px;
white-space: nowrap
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
position: static
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
position: static;
top: auto;
margin-top: -1px
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
position: absolute;
display: inline-block;
right: 15px;
margin-top: 5px
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
margin-right: 34px
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
z-index: 1061
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(204, 204, 204, .2);
position: absolute;
bottom: -4px;
left: 9px;
display: none
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
position: absolute;
bottom: -4px;
left: 10px;
display: none
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
bottom: auto;
top: -3px;
border-top: 7px solid rgba(204, 204, 204, .2);
border-bottom: 0
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
bottom: auto;
top: -3px;
border-top: 6px solid #fff;
border-bottom: 0
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
right: 12px;
left: auto
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
right: 13px;
left: auto
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
display: block
}
.bs-searchbox, .bs-actionsbox, .bs-donebutton {
padding: 4px 8px
}
.bs-actionsbox {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.bs-actionsbox .btn-group button {
width: 50%
}
.bs-donebutton {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.bs-donebutton .btn-group button {
width: 100%
}
.bs-searchbox + .bs-actionsbox {
padding: 0 8px 4px
}
.bs-searchbox .form-control {
margin-bottom: 0;
width: 100%;
float: none
}
/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-filter: gray;
filter: gray
}
.grayscale.grayscale-fade {
-webkit-transition: -webkit-filter .5s;
transition: -webkit-filter .5s;
-o-transition: filter .5s;
transition: filter .5s;
transition: filter .5s, -webkit-filter .5s
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.grayscale.grayscale-fade {
-webkit-transition: -webkit-filter .5s;
transition: -webkit-filter .5s
}
}
.grayscale.grayscale-off, .grayscale.grayscale-fade:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
.grayscale.grayscale-replaced {
-webkit-filter: none;
filter: none
}
.grayscale.grayscale-replaced > svg {
-webkit-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
transition: opacity .5s ease;
opacity: 1
}
.grayscale.grayscale-replaced.grayscale-off > svg, .grayscale.grayscale-replaced.grayscale-fade:hover > svg {
opacity: 0
}
/*! Lity - v2.2.2 - 2016-12-14
* http://sorgalla.com/lity/
* Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */
.lity {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
white-space: nowrap;
background: #070f26;
background: rgba(7, 15, 38, .9);
outline: none !important;
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.lity.lity-opened {
opacity: 1
}
.lity.lity-closed {
opacity: 0
}
.lity * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.lity-wrap {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
outline: none !important
}
.lity-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.25em
}
.lity-loader {
z-index: 9991;
color: #fff;
position: absolute;
top: 50%;
margin-top: -.8em;
width: 100%;
text-align: center;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.lity-loading .lity-loader {
opacity: 1
}
.lity-container {
z-index: 9992;
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
white-space: normal;
max-width: 100%;
max-height: 100%;
outline: none !important
}
.lity-content {
z-index: 9993;
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: -o-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}
.lity-loading .lity-content, .lity-closed .lity-content {
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8)
}
.lity-content:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}
.lity-close {
z-index: 9994;
width: 35px;
height: 35px;
position: fixed;
right: 0;
top: 0;
-webkit-appearance: none;
cursor: pointer;
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(7, 15, 38, .6);
border: 0;
background: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none
}
.lity-close::-moz-focus-inner {
border: 0;
padding: 0
}
.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(7, 15, 38, .6);
border: 0;
background: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none
}
.lity-close:active {
top: 1px
}
.lity-image img {
max-width: 100%;
display: block;
line-height: 0;
border: 0
}
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
width: 100%;
max-width: 964px
}
.lity-iframe-container {
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: auto;
pointer-events: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-overflow-scrolling: touch
}
.lity-iframe-container iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #070f26
}
.lity-hide {
display: none
}
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block
}
.slick-track:before, .slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir="rtl"] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-slide p.larger {
line-height: normal
}
.slick-arrow.slick-hidden {
display: none
}
.slick-loading .slick-list {
background: #fff url("../images/vendor/slick/ajax-loader.gif") center center no-repeat
}
@font-face {
font-family: "slick";
src: url("../fonts/vendor/slick/slick.eot?");
src: url("../fonts/vendor/slick/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/vendor/slick/slick.woff") format("woff"), url("../fonts/vendor/slick/slick.ttf") format("truetype"), url("../fonts/vendor/slick/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal
}
.slick-prev, .slick-next {
position: absolute;
display: block;
height: 6.6rem;
width: auto;
line-height: 6.6rem;
font-size: 0;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
outline: none;
background: transparent;
color: transparent
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: .75
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: .25
}
.slick-prev:before, .slick-next:before {
font-size: 6.6rem;
line-height: 1;
color: #fff;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'nttd-icons' !important
}
.slick-prev.arrow-black:before, .slick-next.arrow-black:before {
color: #121a38
}
.slick-prev {
left: -25px
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px
}
.slick-prev:before {
content: "â†";
content: ""
}
[dir="rtl"] .slick-prev:before {
content: "→";
content: ""
}
.slick-prev.ext-pagination {
left: 1.6rem
}
.slick-next {
right: -25px
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto
}
.slick-next:before {
content: "→";
content: ""
}
[dir="rtl"] .slick-next:before {
content: "â†";
content: ""
}
.slick-next.ext-pagination {
right: 1.6rem
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: .75
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: #121a38;
opacity: .25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
color: #121a38;
opacity: 1
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.slow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.slower {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.slowest {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
opacity: 0;
-webkit-transform: translateX(400px);
-ms-transform: translateX(400px);
transform: translateX(400px)
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1;
display: block
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1;
display: block
}
}
.fadeIn {
opacity: 0
}
.fadeIn.go {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
.mosaic-component .fadeIn.go {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease
}
@-webkit-keyframes growIn {
0% {
-webkit-transform: scale(.2);
opacity: 0
}
100% {
-webkit-transform: scale(1);
opacity: 1
}
}
@keyframes growIn {
0% {
-webkit-transform: scale(.2);
transform: scale(.2);
opacity: 0
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.growIn {
-webkit-transform: scale(.2);
-ms-transform: scale(.2);
transform: scale(.2);
opacity: 0
}
.growIn.go {
-webkit-animation-name: growIn;
animation-name: growIn;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-400px)
}
50% {
opacity: .3
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-400px);
transform: translateX(-400px)
}
50% {
opacity: .3
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInLeft {
opacity: 0;
-webkit-transform: translateX(-400px);
-ms-transform: translateX(-400px);
transform: translateX(-400px)
}
.fadeInLeft.go {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(400px)
}
50% {
opacity: .3
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(400px);
transform: translateX(400px)
}
50% {
opacity: .3
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInRight {
opacity: 0;
-webkit-transform: translateX(400px);
-ms-transform: translateX(400px);
transform: translateX(400px)
}
.fadeInRight.go {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(400px)
}
50% {
opacity: .3
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(400px);
transform: translateY(400px)
}
50% {
opacity: .3
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUp {
opacity: 0;
-webkit-transform: translateY(400px);
-ms-transform: translateY(400px);
transform: translateY(400px)
}
.fadeInUp.go {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-400px)
}
50% {
opacity: .3
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-400px);
transform: translateY(-400px)
}
50% {
opacity: .3
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInDown {
opacity: 0;
-webkit-transform: translateY(-400px);
-ms-transform: translateY(-400px);
transform: translateY(-400px)
}
.fadeInDown.go {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
.hero-slider-component > div {
height: 100vh;
background: #070f26
}
.hero-slider-component img {
font-family: 'object-fit: cover;';
height: auto;
max-height: 100vh;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
min-height: 100vh
}
.hero-slider-component .slick-slide {
height: 100vh;
position: relative
}
.hero-slider-component .slick-slide .container-fluid {
position: relative
}
.hero-slider-component .slick-slide .slider-content {
color: #fff;
font-size: 3rem;
left: 4.7rem;
position: absolute;
right: 4.7rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: -155px
}
.hero-slider-component .slick-slide .slider-content a:hover {
text-decoration: none
}
.hero-slider-component .slick-slide .slider-content h2 {
color: #fff;
font-family: "Noto Sans", sans-serif;
font-weight: 300;
letter-spacing: .2rem;
margin-bottom: 0;
font-size: 4rem;
line-height: 4.7rem;
margin-top: 2.9rem;
font-weight: 300
}
.hero-slider-component .slick-slide .slider-content h2.large {
font-size: 7rem;
letter-spacing: .35rem;
line-height: 6.3rem;
margin-top: 1rem;
margin-bottom: 1rem
}
.hero-slider-component .slick-slide .slider-content p {
font-family: "Noto Sans", sans-serif;
font-size: 2.4rem;
font-weight: 200;
letter-spacing: .12rem;
line-height: 3rem;
margin-top: 9.4rem
}
.hero-slider-component .slick-slide .slider-content .cta {
color: #fff;
display: inline-block;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: -.05rem;
line-height: 3.2rem;
margin-top: 4.4rem;
vertical-align: middle;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.hero-slider-component .slick-slide .slider-content .cta:hover, .hero-slider-component .slick-slide .slider-content .cta:focus {
opacity: .7
}
.hero-slider-component .slick-slide .slider-content .cta:before {
background: #fff;
border-radius: 50%;
color: #0079a1;
content: "";
display: none;
font-family: 'nttd-icons';
font-weight: 700;
height: 2.6rem;
line-height: 25px;
margin: 0 1.4rem .4rem 0;
text-align: center;
vertical-align: inherit;
width: 2.5rem;
padding-left: .25rem;
padding-top: .1rem;
font-size: 1.3rem;
letter-spacing: .065rem;
margin-top: 2.5rem
}
.hero-slider-component .slick-slide .slider-content .cta.blue {
color: #0079a1
}
.hero-slider-component .slick-slide .slider-content .cta.blue:before {
background: #0079a1;
color: #fff
}
.hero-slider-component .slick-slide .slider-content .cta.yellow {
color: #df9e3a
}
.hero-slider-component .slick-slide .slider-content .cta.yellow:before {
background: #df9e3a;
color: #fff
}
.hero-slider-component .slick-slide .slider-content .cta.red {
color: #d0372a
}
.hero-slider-component .slick-slide .slider-content .cta.red:before {
background: #d0372a;
color: #fff
}
@media all and (max-width:1600px) {
.hero-slider-component .slick-slide .slider-content h2.large {
line-height: 7rem
}
.hero-slider-component .slick-slide .slider-content p {
margin-top: 6rem
}
}
@media all and (max-width:1024px) {
.hero-slider-component .slick-slide .slider-content {
right: 2.8rem;
left: 2.8rem
}
.hero-slider-component .slick-slide .slider-content h2.large {
font-size: 4rem;
line-height: 4.7rem;
letter-spacing: .2rem
}
}
@media all and (max-width:767px) {
.hero-slider-component .slick-slide .slider-content {
right: 1.8rem;
left: 1.8rem;
top: -170px
}
.hero-slider-component .slick-slide .slider-content h2 {
letter-spacing: .15rem;
font-size: 3rem;
line-height: 4rem
}
.hero-slider-component .slick-slide .slider-content h2.large {
font-size: 3rem;
line-height: 4rem;
letter-spacing: .15rem
}
.hero-slider-component .slick-slide .slider-content a {
max-width: 360px
}
.hero-slider-component .slick-slide .slider-content p {
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: .08rem
}
.hero-slider-component .slick-slide .slider-content .cta {
margin-top: 2.1rem
}
.hero-slider-component .slick-slide .slide-count-wrap {
bottom: 54px;
letter-spacing: .09rem;
font-size: 1.8rem;
right: 20px
}
}
@media all and (max-width:374px) {
.hero-slider-component .slick-slide .slider-content p {
margin-top: 2rem
}
}
.slide-count-wrap {
position: absolute;
right: 47px;
bottom: 64px;
color: #fff;
letter-spacing: .12rem;
font-size: 2.4rem
}
@media screen and (min-width:768px) and (max-width:1200px) {
.emea-ntt .hero-slider-component .slick-slide .slider-content {
top: -193px
}
.emea-ntt .hero-slider-component .slick-slide .slider-content .ctac {
margin-top: 4.5rem
}
.emea-ntt .hero-slider-component .slick-slide .slide-count-wrap {
letter-spacing: .08rem;
font-size: 1.6rem;
bottom: 75px;
right: 30px
}
}
.primary-menu-toggle {
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-top: 1rem;
height: 1.4rem;
width: 2rem
}
.primary-menu-toggle.hood-anchored {
color: #fff;
top: 4rem;
right: 4.6rem;
z-index: 101;
position: fixed;
display: block;
-webkit-transition: .5s ease transform;
-o-transition: .5s ease transform;
transition: .5s ease transform
}
@media screen and (max-width:1199px) {
.primary-menu-toggle.hood-anchored {
right: 3.2rem;
top: 4rem
}
}
@media screen and (max-width:767px) {
.primary-menu-toggle.hood-anchored {
top: 3.7rem;
right: 1.6rem
}
}
.primary-menu-toggle.top-anchored {
color: #121a38;
top: 4.8rem;
right: 4.6rem;
position: fixed;
display: block;
z-index: 101
}
.primary-menu-toggle.top-anchored > span {
background: #fff
}
.primary-menu-toggle.top-anchored > span:after {
background: #070f26
}
.primary-menu-toggle.top-anchored > span:before {
background: #070f26
}
.primary-menu-toggle.top-anchored.active > span {
background: transparent
}
.primary-menu-toggle.top-anchored.active > span:after {
background: #fff
}
.primary-menu-toggle.top-anchored.active > span:before {
background: #fff
}
.primary-menu-toggle.top-anchored:not(.morphing-anchored) {
display: none
}
@media screen and (max-width:1199px) {
.primary-menu-toggle.top-anchored {
right: 3.2rem;
top: 3.1rem
}
}
@media screen and (max-width:767px) {
.primary-menu-toggle.top-anchored {
top: 3.2rem;
right: 1.6rem
}
}
.primary-menu-toggle.top-anchored.morphing-anchored {
top: 9rem;
display: none
}
@media screen and (max-width:1199px) {
.primary-menu-toggle.top-anchored.morphing-anchored {
top: 4rem
}
}
@media screen and (max-width:1023px) {
.primary-menu-toggle.top-anchored.morphing-anchored {
display: block
}
}
@media screen and (max-width:767px) {
.primary-menu-toggle.top-anchored.morphing-anchored {
top: 3.7rem
}
}
@media screen and (max-width:1199px) {
.primary-menu-toggle.top-anchored.morphing-anchored.morphed {
top: 3.2rem
}
}
.primary-menu-component {
position: fixed;
right: 0;
top: 0;
z-index: 99;
padding: 3.6rem 4.7rem 0
}
@media screen and (max-width:1199px) {
.primary-menu-component {
right: auto
}
}
.primary-menu-component .action-buttons .search-toggle {
padding-top: 1px
}
.primary-menu-component .action-buttons .search-toggle.hood-anchored {
margin-right: 7rem
}
.primary-menu-component .action-buttons .search-toggle.top-anchored {
margin-right: 5rem
}
.primary-menu-component .action-buttons .cta {
display: none
}
.primary-menu-component.sticky .breadcrumb-wrapper span {
color: #667493
}
.primary-menu-component.sticky.inverted #NTT-Data-Logo #logo-sub {
display: none
}
.primary-menu-component.sticky .action-buttons {
padding-top: .5rem;
padding-bottom: .5rem
}
.primary-menu-component .breadcrumb-wrapper {
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem
}
.primary-menu-component .breadcrumb-wrapper span {
color: #fff;
font-family: "Noto Sans", sans-serif;
font-weight: 700;
font-size: 1.4rem;
letter-spacing: .07rem
}
.primary-menu-component.morphed {
padding-top: 1.6rem;
padding-bottom: 1.6rem
}
.primary-menu-component.morphed svg {
position: relative;
top: 1rem;
width: 15rem
}
.primary-menu-component.morphed svg #logo-sub {
display: none
}
.primary-menu-component.morphed.inverted logo svg:last-child .fill-target {
fill: #fff !important
}
.primary-menu-component.morphed .breadcrumb-text, .primary-menu-component.morphed .breadcrumb-wrapper {
display: none !important
}
.primary-menu-component.morphed .action-buttons {
padding-top: .5rem;
padding-bottom: .5rem
}
.primary-menu-component.morphed .action-buttons button {
margin-left: 2rem;
display: inline-block
}
@media screen and (min-width:768px) {
.primary-menu-component.morphed .action-buttons button.primary-menu-toggle {
-webkit-transform: translateY(0) !important;
-ms-transform: translateY(0) !important;
transform: translateY(0) !important;
margin-top: 4px
}
}
.primary-menu-component.morphed .action-buttons .cta {
color: #fff;
font-family: "Noto Sans", sans-serif;
vertical-align: top;
margin-top: 1rem;
display: inline-block
}
.primary-menu-component.morphed .action-buttons .cta:after {
border-right: 1px solid #fff;
content: "";
margin-left: 3rem
}
.primary-menu-component.inverted .logo .fill-target {
fill: #5876aa
}
.primary-menu-component.inverted .logo svg:not(:first-of-type):last-child .fill-target {
fill: #121a38
}
.primary-menu-component.inverted .breadcrumb-wrapper {
color: #121a38
}
.primary-menu-component.inverted .breadcrumb-wrapper span {
color: #121a38
}
.primary-menu-component .logo .fill-target {
fill: initial;
-webkit-transition: .2s ease fill;
-o-transition: .2s ease fill;
transition: .2s ease fill
}
.primary-menu-component.slider {
position: absolute;
top: 0;
width: 100%;
z-index: 100
}
.primary-menu-component.slider a {
color: #fff
}
.emea-ntt .primary-menu-component.slider a svg {
width: 168px
}
.primary-menu-component.slider .breadcrumb-text {
color: #fff;
display: inline-block;
font-family: "Noto Sans", sans-serif
}
.primary-menu-component.slider.inverted .breadcrumb-text {
color: #121a38;
-webkit-transition: .2s ease color;
-o-transition: .2s ease color;
transition: .2s ease color
}
.primary-menu-component.slider.inverted .breadcrumb-text span {
color: #121a38;
-webkit-transition: .2s ease color;
-o-transition: .2s ease color;
transition: .2s ease color
}
.primary-menu-component.slider.inverted .breadcrumb-wrapper {
color: #121a38
}
.primary-menu-component.slider.inverted .breadcrumb-wrapper span {
color: #121a38;
font-family: "Noto Sans", sans-serif;
font-weight: 700;
font-size: 1.4rem;
letter-spacing: .07rem
}
.primary-menu-component.slider.inverted .action-buttons .nttd {
color: #121a38
}
.primary-menu-component.slider.inverted .action-buttons .nttd-menu {
background: transparent
}
.primary-menu-component.slider .action-buttons .nttd {
color: #fff
}
.primary-menu-component.slider .action-buttons .nttd-menu {
background: #fff
}
.primary-menu-component.sticky {
padding-top: 16px;
background: #fff;
padding-bottom: 16px;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
box-shadow: 0 0 2px rgba(0, 0, 0, .5)
}
.primary-menu-component.sticky .text-center ul {
list-style: outside none none;
padding: 0
}
.primary-menu-component.sticky .text-center ul li {
display: inline-block
}
.primary-menu-component.sticky .text-center ul li a {
color: #121a38;
font-size: 2rem;
letter-spacing: 1px;
padding: 0 1rem;
font-family: "Noto Sans", sans-serif
}
.primary-menu-component.sticky .logo svg {
max-height: 3.8rem;
position: relative;
top: 1rem;
width: 15rem
}
.primary-menu-component.sticky .breadcrumb-text {
margin-bottom: .8rem;
display: inline-block
}
.primary-menu-component.morphing-sticky {
position: fixed;
z-index: 99;
top: 0;
-webkit-transition: .2s ease background, .2s ease box-shadow;
-o-transition: .2s ease background, .2s ease box-shadow;
transition: .2s ease background, .2s ease box-shadow;
padding-bottom: 2rem;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .5);
box-shadow: 0 0 0 rgba(0, 0, 0, .5)
}
.primary-menu-component.morphing-sticky .action-buttons {
display: flex;
align-items: center
}
.primary-menu-component.morphing-sticky > .row:first-child {
display: inline-block;
width: auto;
position: absolute;
top: 100px
}
.primary-menu-component.morphing-sticky > .row:last-child {
width: calc(100% - 5.9rem);
position: absolute
}
.primary-menu-component.morphing-sticky.morphed > .row:last-child {
width: auto;
position: static
}
.primary-menu-component.morphing-sticky .row .col-xs-12 {
float: none;
display: inline-block;
width: auto
}
@media screen and (min-width:1200px) {
.primary-menu-component.morphing-sticky > .row:last-child {
width: calc(100% - 6.6rem)
}
}
@media screen and (max-width:1199px) {
.primary-menu-component.morphing-sticky > .row:last-child {
width: calc(100% - 3.9rem)
}
}
@media screen and (max-width:1023px) {
.primary-menu-component.morphing-sticky > .row:last-child {
width: calc(100% - 3rem)
}
.primary-menu-component.morphing-sticky > .row:first-child {
top: 90px
}
}
@media screen and (max-width:767px) {
.primary-menu-component.morphing-sticky > .row:last-child {
width: calc(100% - 1rem)
}
}
.primary-menu-component.morphing-sticky .action-buttons .search-toggle {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
@media screen and (max-width:767px) {
.primary-menu-component.morphing-sticky .action-buttons .search-toggle {
-webkit-transform: translateY(.5rem);
-ms-transform: translateY(.5rem);
transform: translateY(.5rem)
}
}
.primary-menu-component.morphing-sticky .action-buttons .primary-menu-toggle {
-webkit-transform: translateY(-.5rem);
-ms-transform: translateY(-.5rem);
transform: translateY(-.5rem)
}
@media screen and (min-width:1024px) {
.primary-menu-component.morphing-sticky .action-buttons .primary-menu-toggle {
display: none
}
}
@media screen and (max-width:767px) {
.primary-menu-component.morphing-sticky .action-buttons .primary-menu-toggle {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.primary-menu-component.morphing-sticky.morphed {
background: #fff;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
box-shadow: 0 0 2px rgba(0, 0, 0, .5)
}
.primary-menu-component.morphing-sticky.morphed.inverted .breadcrumb-text {
color: #fff
}
.primary-menu-component.morphing-sticky.morphed.inverted .breadcrumb-text span {
color: #fff
}
.primary-menu-component.morphing-sticky.morphed .fill-target {
fill: #337ab7
}
.primary-menu-component.morphing-sticky.morphed + .primary-menu-component .primary-menu-toggle.top-anchored.morphing-anchored {
top: 2.3rem
}
.primary-menu-component.morphing-sticky.morphed .action-buttons .nttd, .primary-menu-component.morphing-sticky.morphed .action-buttons .cta {
color: #fff
}
.primary-menu-component.morphing-sticky.morphed .action-buttons .cta:after {
border-color: #121a38
}
.primary-menu-component.morphing-sticky.morphed .action-buttons .search-toggle {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.primary-menu-component.morphing-sticky.morphed .action-buttons .nttd-menu {
background: transparent
}
.primary-menu-component.morphing-sticky.morphed .logo #Logo-NTT-Bianco {
fill: #5876aa !important
}
.primary-menu-component .action-buttons a, .primary-menu-component .action-buttons button {
color: #121a38;
margin-left: 3rem;
vertical-align: middle
}
.primary-menu-component .action-buttons a:first-child, .primary-menu-component .action-buttons button:first-child {
margin-left: 0;
margin-right: 0
}
@media screen and (min-width:1024px) {
.primary-menu-component .action-buttons a:first-child, .primary-menu-component .action-buttons button:first-child {
margin-right: 0;
margin-top: 9px
}
.emea-ntt .site .primary-menu-component .action-buttons .search-toggle {
margin-top: 3px
}
}
@media screen and (max-width:1023px) {
.emea-ntt .site .primary-menu-component .action-buttons .search-toggle {
margin-top: -2px
}
}
.primary-menu-component .action-buttons .nttd {
font-size: 3.3rem
}
.primary-menu-component .action-buttons .nttd.nttd-search {
font-size: 2.7rem
}
.primary-menu-component .breadcrumb-text {
color: #667493;
font-size: 1.4rem;
letter-spacing: .07rem;
cursor: pointer;
font-family: "Noto Sans", sans-serif
}
.primary-menu-component .breadcrumb-text span {
color: #fff;
font-weight: 700;
font-family: "Noto Sans", sans-serif
}
.primary-menu-component .submenu-holder {
position: absolute;
right: 0;
top: 0;
width: 100%;
transition: right .4s
}
.primary-menu-component .submenu {
position: absolute;
right: 0;
top: 0;
z-index: 100;
width: 100%
}
@media screen and (max-width:1023px) {
.primary-menu-component .submenu-holder {
display: none;
right: -322px;
position: fixed;
height: 100%;
min-height: 100%;
overflow-x: hidden
}
.primary-menu-component .submenu-holder.open {
display: block;
right: 0
}
.primary-menu-component .submenu {
display: none;
height: 100%;
overflow-y: auto
}
.primary-menu-component .submenu.open {
display: block
}
}
.primary-menu-component .submenu .generic-modal-component.region ul li a {
font-size: 1.6rem;
letter-spacing: .16rem;
line-height: 3rem;
color: #fff
}
.primary-menu-component .submenu.no-scroll {
overflow: hidden
}
@media screen and (max-width:1023px) {
.primary-menu-component .submenu {
width: 37.5rem;
max-width: 37.5rem
}
}
.primary-menu-component .submenu h3 {
font-size: 2rem;
color: #fff;
font-weight: 700
}
.primary-menu-component .submenu .submenu-wrapper {
background-repeat: no-repeat;
background-position: bottom right;
height: auto;
min-height: 100%;
padding-top: 4rem;
position: relative
}
@media screen and (max-width:1023px) {
.primary-menu-component .submenu .submenu-wrapper {
min-width: 29rem
}
}
@media screen and (min-width:1201px) and (max-width:1440px) {
.primary-menu-component .submenu .submenu-wrapper {
background-size: contain
}
}
.primary-menu-component .submenu .primary {
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
margin-top: 3rem
}
.primary-menu-component .submenu .primary a {
line-height: 1;
display: block
}
.primary-menu-component .submenu .primary a:hover, .primary-menu-component .submenu .primary a:focus, .primary-menu-component .submenu .primary a:active {
color: #fff
}
.primary-menu-component .submenu .primary li {
font-size: 1.4rem
}
@media screen and (max-width:1023px) {
.primary-menu-component .submenu .primary {
font-size: 3.2rem
}
.primary-menu-component .submenu .primary a {
line-height: 5rem
}
.primary-menu-component .submenu .primary li {
font-size: 3.4rem
}
}
@media screen and (max-width:767px) {
.primary-menu-component .submenu .primary a:hover, .primary-menu-component .submenu .primary a:focus, .primary-menu-component .submenu .primary a:active {
text-decoration: none
}
}
.primary-menu-component .submenu .primary .mobile-second-level {
margin-bottom: 1rem
}
.primary-menu-component .submenu .primary .mobile-second-level ul {
margin-left: 2rem
}
.primary-menu-component .submenu .primary .mobile-second-level ul li {
margin: .2rem 0
}
.primary-menu-component .submenu .primary .mobile-second-level ul li:last-child {
margin-bottom: 0
}
.primary-menu-component .submenu .primary .mobile-second-level a {
font-size: 1.6rem;
line-height: 3rem;
font-family: "Noto Sans", sans-serif
}
.primary-menu-component .submenu .secondary {
font-size: 1.1rem;
margin-bottom: 0;
position: absolute;
font-family: "Noto Sans", sans-serif;
width: auto
}
.primary-menu-component .submenu .secondary a {
font-size: 1.3rem
}
@media screen and (max-width:1023px) {
.primary-menu-component .submenu .secondary {
bottom: 3.6rem;
font-size: 1.4rem;
left: 4.6rem;
width: calc(100% - 4.6rem)
}
.primary-menu-component .submenu .secondary a {
font-size: 1.4rem
}
}
.primary-menu-component .submenu .secondary .region {
padding-bottom: 1rem
}
.primary-menu-component .submenu .secondary .mobile-second-level ul {
margin-left: 3rem
}
.primary-menu-component .submenu .secondary .mobile-second-level a {
font-size: 1.4rem;
line-height: 3rem;
font-family: "Noto Sans", sans-serif
}
.primary-menu-component .submenu .nttd-times {
color: #fff;
cursor: pointer;
font-size: 1.9rem
}
@media all and (min-width:1921px) {
.primary-menu-component.morphed svg {
width: auto
}
.primary-menu-component.morphed svg:last-child {
width: auto
}
.primary-menu-component.morphed .action-buttons .cta {
font-size: 1.4rem
}
.primary-menu-component .submenu .submenu-wrapper {
padding: 4.8rem 2rem 0 3rem
}
.primary-menu-component .submenu .primary {
font-size: 2.2rem
}
.primary-menu-component .submenu .primary a {
line-height: 3.4rem
}
.primary-menu-component .submenu .primary li {
font-size: 2.2rem
}
.primary-menu-component .submenu .secondary {
left: 3rem
}
}
@media screen and (max-width:1366px) {
.primary-menu-component.new .action-buttons {
padding-top: 2rem
}
}
@media screen and (max-width:1199px) {
.primary-menu-component {
padding: 3.6rem 2.8rem 0
}
.primary-menu-component.morphed .action-buttons {
padding: 0
}
.primary-menu-component.morphed .action-buttons .cta {
margin-top: .6rem
}
.primary-menu-component .action-buttons a, .primary-menu-component .action-buttons button {
margin-left: 2rem
}
.primary-menu-component .action-buttons .nttd {
font-size: 1.9rem
}
.primary-menu-component.sticky .action-buttons {
padding: 1rem 0 0 0
}
.primary-menu-component.sticky .action-buttons .cta {
margin-top: .6rem
}
.primary-menu-component.sticky .action-buttons button {
margin-top: .2rem
}
.primary-menu-component.sticky .breadcrumb-text {
margin-bottom: 1.6rem
}
.primary-menu-component.sticky .logo img {
max-width: 8.8rem
}
.primary-menu-component.sticky .text-center ul li a {
font-size: 1.4rem;
letter-spacing: .07rem
}
}
@media screen and (max-width:1023px) {
.primary-menu-component.morphed .action-buttons {
margin-top: 16px
}
}
@media screen and (max-width:767px) {
.primary-menu-component.morphed .action-buttons {
margin-top: 13px
}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.primary-menu-component .submenu {
overflow-x: hidden;
width: 30vw
}
.primary-menu-component .submenu .primary a {
font-size: 3vw;
line-height: 5vw
}
.primary-menu-component .submenu .secondary {
left: 3.6vw;
bottom: 3.6vw
}
.primary-menu-component .submenu .submenu-wrapper {
padding: 30px
}
.primary-menu-component .submenu .submenu-wrapper {
min-width: 0
}
}
@media screen and (max-width:991px) {
.primary-menu-component.new .action-buttons {
padding-top: 1.4rem
}
}
@media screen and (max-width:767px) {
.primary-menu-component {
padding: 3.2rem 1.9rem 0
}
.primary-menu-component.new .logo br, .primary-menu-component.new .logo br + svg {
display: none
}
.primary-menu-component.new .action-buttons {
padding-top: .4rem
}
.primary-menu-component .logo img {
max-width: 13rem
}
.primary-menu-component.sticky .logo img {
min-width: 13rem;
max-width: 13rem
}
.primary-menu-component .submenu {
height: 100%;
overflow: auto;
min-height: 100vh;
width: 100%
}
.primary-menu-component .submenu .submenu-wrapper {
padding: 3rem 2rem 24rem 2rem;
min-height: 100vh;
height: auto
}
.primary-menu-component .submenu .submenu-wrapper ul {
margin-bottom: 0;
left: 2rem
}
.primary-menu-component .submenu .submenu-wrapper .breadcrumb-wrapper {
float: left
}
.primary-menu-component .submenu .submenu-wrapper .breadcrumb-wrapper .breadcrumb-text {
font-size: 1.6rem;
letter-spacing: .08rem;
margin-bottom: 0
}
.primary-menu-component .submenu .primary a {
line-height: 4.8rem;
font-size: 3rem
}
.primary-menu-component .primary {
font-size: 3rem
}
.primary-menu-component .secondary li a {
line-height: 3rem
}
}
@media screen and (max-width:374px) {
.primary-menu-component .submenu .submenu-wrapper {
min-width: 32rem
}
}
.primary-menu-component.inverted #NTT-Data-Logo {
fill: #5876aa
}
.primary-menu-component.inverted #NTT-Data-Logo #logo-sub {
fill: #121a38
}
.primary-menu-component.inverted.morphed #NTT-Data-Logo {
fill: #fff
}
.emea-ntt .primary-menu-component.slider.primary-menu.morphed {
padding: 1rem 4.7rem 1rem 4.7rem
}
@media screen and (max-width:1199px) {
.emea-ntt .primary-menu-component.slider.primary-menu.morphed {
padding: 1rem 3rem 1rem 3rem
}
}
@media screen and (max-width:767px) {
.emea-ntt .primary-menu-component.slider.primary-menu.morphed {
padding: 0 2rem
}
}
@media screen and (max-width:375px) {
.emea-ntt .primary-menu-component.slider.primary-menu.morphed {
padding-left: 2rem;
padding-right: 2rem
}
}
.emea-ntt .primary-menu-component.slider.primary-menu.morphed svg {
margin-top: 4px;
top: 1rem
}
@media screen and (min-width:1024px) {
.emea-ntt .primary-menu-component.slider.primary-menu.morphed svg {
margin-top: 4px
}
}
@media screen and (max-width:767px) {
.emea-ntt .primary-menu-component.slider.primary-menu.morphed svg {
margin-top: 0
}
}
.emea-ntt .primary-menu-component.slider.primary-menu.morphed .nttd-innovator {
display: none
}
.emea-ntt .primary-menu-component.slider.primary-menu.morphed .action-buttons .search-toggle {
-webkit-transform: translateY(.5rem);
-ms-transform: translateY(.5rem);
transform: translateY(.5rem)
}
.emea-ntt .primary-menu-component.slider.primary-menu.morphed .action-buttons .search-toggle {
display: none
}
@media screen and (min-width:1024px) {
.emea-ntt .primary-menu-component.slider.primary-menu.morphed .action-buttons .search-toggle {
display: none
}
}
@media screen and (max-width:1023px) {
.emea-ntt .primary-menu-component.slider.primary-menu.morphed .action-buttons .search-toggle {
display: block
}
.emea-ntt .header-search.primary-menu-component.slider.primary-menu.morphed .action-buttons .search-toggle {
display: none
}
}
@media screen and (max-width:767px) {
.emea-ntt .primary-menu-component.slider.primary-menu.morphed .action-buttons .primary-menu-toggle {
margin-top: 5px
}
}
.emea-ntt .primary-menu-component.slider.primary-menu:not(.morphed) ul.primry_menu {
display: none
}
.emea-ntt .primary-menu-component.slider.primary-menu .breadcrumb-text {
color: #667493
}
.emea-ntt .primary-menu-component.slider.primary-menu .breadcrumb-text span {
color: #667493
}
.emea-ntt .primary-menu-component.slider .action-buttons .nttd-search {
margin-right: 2rem
}
@media screen and (min-width:1024px) {
.emea-ntt .primary-menu-component.slider .action-buttons .nttd-search {
margin-right: 0
}
}
@media screen and (max-width:375px) {
.emea-ntt .primary-menu-component.slider .action-buttons .nttd-search {
margin-right: 0
}
}
.hood-helper {
height: 100vh;
width: 100%
}
.hood-component:not(.hood-component-alt), .hood-component-alt:not(.hood-component-alt) {
top: 0;
bottom: 0;
right: 0;
left: 0;
position: fixed;
z-index: 100;
-webkit-transition: .5s ease all;
-o-transition: .5s ease all;
transition: .5s ease all
}
.hood-component .slider-pagination, .hood-component-alt .slider-pagination {
bottom: 6rem;
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 2.4rem;
letter-spacing: .12rem;
position: absolute;
right: 4.7rem;
z-index: 9
}
.hood-component .slick-prev, .hood-component .slick-next, .hood-component-alt .slick-prev, .hood-component-alt .slick-next {
line-height: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
height: auto;
top: 45%;
opacity: .5;
z-index: 1
}
.hood-component .slick-prev:before, .hood-component .slick-next:before, .hood-component-alt .slick-prev:before, .hood-component-alt .slick-next:before {
font-size: 3rem;
font-weight: 700
}
.hood-component .slick-prev, .hood-component-alt .slick-prev {
left: 4.7rem
}
.hood-component .slick-prev:before, .hood-component-alt .slick-prev:before {
content: "î¤"
}
.hood-component .slick-next, .hood-component-alt .slick-next {
right: 4.7rem
}
.hood-component .slick-next:before, .hood-component-alt .slick-next:before {
content: ""
}
.hood-component .slick-dots, .hood-component-alt .slick-dots {
-webkit-transition: margin .3s ease;
-o-transition: margin .3s ease;
transition: margin .3s ease;
bottom: 0;
margin-bottom: 1.8rem
}
.hood-component .slick-dots li, .hood-component-alt .slick-dots li {
margin: 0 .7rem
}
.hood-component .slick-dots li.slick-active button:before, .hood-component-alt .slick-dots li.slick-active button:before {
color: #fff
}
.hood-component .slick-dots li button:before, .hood-component-alt .slick-dots li button:before {
color: #667493;
font-size: 1.3rem;
opacity: 1
}
.hood-component .scroll-action, .hood-component-alt .scroll-action {
bottom: 1.8rem;
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
opacity: 0
}
.hood-component .scroll-action:after, .hood-component-alt .scroll-action:after {
content: "";
font-family: 'nttd-icons';
font-size: 3.4rem;
font-weight: 700;
line-height: 1
}
.hood-component .hero-slider-component .slick-slide .slider-content a, .hood-component-alt .hero-slider-component .slick-slide .slider-content a {
text-decoration: none
}
.hood-component .hero-slider-component .slick-slide .slider-content a .cta, .hood-component-alt .hero-slider-component .slick-slide .slider-content a .cta {
text-decoration: none
}
.hood-component .hero-slider-component .slick-slide .slider-content a:hover, .hood-component .hero-slider-component .slick-slide .slider-content a:focus, .hood-component-alt .hero-slider-component .slick-slide .slider-content a:hover, .hood-component-alt .hero-slider-component .slick-slide .slider-content a:focus {
text-decoration: none
}
.hood-component.unhide .slick-dots, .hood-component-alt.unhide .slick-dots {
margin-bottom: 6rem
}
.hood-component.unhide .scroll-action, .hood-component-alt.unhide .scroll-action {
opacity: 1;
-webkit-transition: opacity .1s ease;
-o-transition: opacity .1s ease;
transition: opacity .1s ease
}
.hood-component.unhide .scroll-action:hover, .hood-component-alt.unhide .scroll-action:hover {
cursor: pointer;
opacity: .8
}
.hood-component.unhide .scroll-action::after, .hood-component-alt.unhide .scroll-action::after {
display: block
}
@media all and (max-width:1024px) {
.hood-component .slick-prev, .hood-component-alt .slick-prev {
left: 2.8rem
}
.hood-component .slick-next, .hood-component-alt .slick-next {
right: 2.8rem
}
}
@media all and (max-width:767px) {
.hood-component .slick-prev, .hood-component-alt .slick-prev {
left: 1.8rem
}
.hood-component .slick-next, .hood-component-alt .slick-next {
right: 1.8rem
}
}
.mosaic-component {
padding-bottom: 1.4rem
}
.mosaic-component.board.mosaic-home {
padding-top: 12rem
}
.mosaic-component.mosaic-3-elements-component {
padding-bottom: 1.8rem !important
}
@media all and (max-width:991px) {
.mosaic-component.mosaic-3-elements-component {
padding-bottom: 1.2rem !important
}
}
@media all and (max-width:767px) {
.mosaic-component.mosaic-3-elements-component {
padding-bottom: .2rem !important
}
}
.mosaic-component p.info-p {
font-size: 2rem;
font-weight: 300;
font-family: "Noto Sans", sans-serif;
letter-spacing: .1rem;
line-height: 2.8rem
}
.mosaic-component p.info-p.large {
font-size: 3rem;
line-height: 5rem;
margin: 4rem 0
}
.mosaic-component p.intro-p {
font-family: "Noto Sans", sans-serif;
font-size: 2rem !important;
font-weight: 300;
line-height: 1.3rem;
letter-spacing: .13rem
}
.mosaic-component .subtitle {
font-family: "Noto Sans", sans-serif;
font-size: 20px;
letter-spacing: .05rem;
font-weight: 700;
margin-top: 7.2rem
}
.mosaic-component h2.list-title {
margin-top: 0;
font-family: "Noto Sans", sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.5;
letter-spacing: .05rem
}
.mosaic-component p.secondary-text, .mosaic-component ul.secondary-text > li {
font-size: 1.4rem
}
.mosaic-component .same-height-class {
height: calc(50% - 2.6rem)
}
.mosaic-component hr.align-left {
display: inline-block
}
.mosaic-component hr.spacer-top-l {
margin-top: 7.2rem;
padding-top: 0
}
.mosaic-component.secondary-type p:not(.info-p), .mosaic-component.secondary-type ul li {
line-height: 2.4rem;
font-size: 1.4rem;
color: #121a38
}
.mosaic-component.presentation p.light {
color: #121a38;
font-family: "Noto Sans", sans-serif;
font-size: 2rem;
letter-spacing: .13rem;
font-weight: 200;
opacity: .6
}
.mosaic-component.presentation a {
letter-spacing: .07rem;
font-weight: 500;
font-family: "Noto Sans", sans-serif;
color: #121a38;
font-size: 1.3rem
}
.mosaic-component.presentation .info-p {
margin-top: 4rem;
margin-bottom: 4.6rem;
width: 40%
}
.mosaic-component.presentation .col-md-8.col-sm-12 .info-p {
margin-top: 4rem;
margin-bottom: 4.6rem;
width: 40%
}
.mosaic-component.presentation .info-p-dark {
color: #121a38;
margin-top: 4rem;
margin-bottom: 4.6rem;
width: 60%;
font-size: 2rem;
font-weight: 300;
font-family: "Noto Sans", sans-serif;
letter-spacing: .1rem;
line-height: 2.8rem
}
.mosaic-component.presentation .informative {
opacity: 1;
font-size: 1.4rem;
font-weight: 200;
letter-spacing: .1rem;
font-family: "Noto Sans", sans-serif;
color: #121a38
}
.mosaic-component.presentation .small {
font-family: "Noto Sans", sans-serif
}
.mosaic-component.presentation ul {
padding: 0;
color: #121a38
}
.mosaic-component.presentation ul li {
list-style: none;
color: #121a38
}
.mosaic-component.presentation ul li a {
font-size: 1.4rem;
font-weight: 600;
letter-spacing: .06rem;
color: #0079a1;
line-height: 2.86;
padding: 0
}
.mosaic-component.presentation ul li a::after {
content: "ï„…";
font: normal normal normal 14px/1 FontAwesome;
margin-left: .8rem
}
.mosaic-component.document p {
font-weight: 300;
letter-spacing: .03rem;
line-height: 1.79;
padding-bottom: 2.2rem
}
.mosaic-component.document p:not(.small-responsive) {
font-size: 1.6rem
}
.mosaic-component.document p.larger {
font-size: 2rem;
font-weight: 300;
letter-spacing: .04rem;
line-height: 1.7;
margin-bottom: 2.8rem;
margin-top: 2.8rem
}
.mosaic-component.mosaic-listing .mosaic-block-holder {
display: block;
margin-bottom: 3.8rem
}
.mosaic-component.mosaic-listing .mosaic-block-holder h2 {
font-size: 3.5rem;
font-weight: 200;
margin: 0
}
.mosaic-component.mosaic-listing .mosaic-block-holder .mosaic-block {
height: 30rem;
margin-bottom: 1.5rem
}
.mosaic-component.mosaic-listing .mosaic-block-holder .mosaic-block .grayscale {
background-size: cover !important
}
.mosaic-component.mosaic-listing .mosaic-block-holder .mosaic-block > img {
max-height: 30rem;
min-height: 30rem
}
.mosaic-component.mosaic-listing .mosaic-block-holder .mosaic-block:hover:not(.unhoverable) {
opacity: 1;
-webkit-transition: none;
-o-transition: color 0 ease-in;
-o-transition: none;
transition: none
}
.mosaic-component.mosaic-listing .mosaic-block-holder:hover {
text-decoration: none
}
.mosaic-component .mosaic-block {
height: 68rem;
position: relative;
background-size: cover;
margin-bottom: 2.6rem;
overflow-y: hidden
}
.mosaic-component .mosaic-block.with-overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .4 !important;
background-color: #070f26 !important;
z-index: 1;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.mosaic-component .mosaic-block .mosaic-name {
position: absolute;
top: 2.8rem;
left: 3.1rem;
font-family: "Noto Sans", sans-serif;
color: #fff;
font-size: 1.3rem;
letter-spacing: .14rem;
font-weight: bold
}
.mosaic-component .mosaic-block .mosaic-sub-name {
position: absolute;
top: 5.2rem;
left: 3.1rem;
font-family: "Noto Sans", sans-serif;
color: #fff;
font-size: 1.3rem;
letter-spacing: .14rem
}
.mosaic-component .mosaic-block .share-component {
top: 2.2rem;
right: 3.1rem
}
.mosaic-component .mosaic-block .mosaic-block-overlay {
visibility: hidden;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #5876aa;
opacity: .9
}
.mosaic-component .mosaic-block.has-overlay:hover > h3 {
display: none
}
.mosaic-component .mosaic-block.has-overlay:hover .mosaic-block-overlay {
visibility: visible;
padding: 3.4rem;
cursor: pointer;
z-index: 9999
}
.mosaic-component .mosaic-block.has-overlay:hover .mosaic-block-overlay h3 {
position: relative;
top: auto;
left: auto;
right: auto
}
.mosaic-component .mosaic-block.has-overlay:hover .mosaic-block-overlay > a {
display: block;
margin-top: 3.4rem;
font-family: "Noto Sans", sans-serif;
color: #fff;
font-size: 1.3rem;
font-weight: bold;
text-transform: uppercase
}
.mosaic-component .mosaic-block.has-overlay:hover .mosaic-block-overlay > a:hover {
text-decoration: none
}
.mosaic-component .mosaic-block.has-name h3 {
bottom: 7.5rem
}
.mosaic-component .mosaic-block.has-name .name {
bottom: 5.5rem;
position: absolute;
font-size: 1.35rem;
left: 3.5rem
}
@media all and (max-width:991px) {
.mosaic-component .mosaic-block.has-name h3 {
bottom: 6rem
}
.mosaic-component .mosaic-block.has-name .name {
bottom: 4rem;
left: 2rem
}
}
.mosaic-component .mosaic-block > .cta {
bottom: 3rem;
color: #fff;
left: 3.5rem;
position: absolute
}
.mosaic-component .mosaic-block > .cta a {
color: inherit
}
.mosaic-component .mosaic-block > .cta:hover {
text-decoration: underline
}
.mosaic-component .mosaic-block.unhoverable {
cursor: default
}
.mosaic-component .mosaic-block.unhoverable h3 {
cursor: default
}
.mosaic-component .mosaic-block:hover:not(.unhoverable):not(.has-overlay) {
cursor: pointer;
opacity: .8;
-o-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
-webkit-transition: opacity .3s ease-in
}
.mosaic-component .mosaic-block:hover:not(.unhoverable):not(.has-overlay) .overlay {
background: #070f26;
opacity: .2
}
.mosaic-component .mosaic-block:hover:not(.unhoverable):not(.has-overlay) .share-component {
opacity: 1;
-o-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
-webkit-transition: opacity .3s ease-in
}
.mosaic-component .mosaic-block .bottom-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(7, 15, 38, .65);
padding: 2.6rem 3rem 5rem
}
.mosaic-component .mosaic-block .bottom-content .label, .mosaic-component .mosaic-block .bottom-content h3 {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: 0
}
.mosaic-component .mosaic-block .bottom-content h3 {
font-size: 4rem;
letter-spacing: 2.7rem;
letter-spacing: .2rem;
font-weight: 400;
margin-top: 4rem;
margin-bottom: 1.8rem
}
.mosaic-component .mosaic-block .bottom-content p {
font-size: 2rem;
line-height: 3rem;
letter-spacing: .1rem;
font-weight: 300;
color: #fff;
font-family: "Noto Sans", sans-serif;
margin-bottom: 0
}
.mosaic-component .mosaic-block > a:not(.share) {
display: block;
height: 100%;
width: 100%
}
.mosaic-component .mosaic-block .share-component {
opacity: 0;
position: absolute;
right: 2rem;
top: 2rem
}
.mosaic-component .mosaic-block > img, .mosaic-component .mosaic-block a > img, .mosaic-component .mosaic-block > picture img, .mosaic-component .mosaic-block a > picture img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top center;
object-position: top center;
width: 100%;
min-height: 68rem
}
@media all and (min-width:1600px) {
.mosaic-component .mosaic-block {
height: 68rem;
-o-transition: height .3s ease;
transition: height .3s ease;
-webkit-transition: height .3s ease
}
.mosaic-component .mosaic-block > img, .mosaic-component .mosaic-block a > img, .mosaic-component .mosaic-block > picture img, .mosaic-component .mosaic-block a > picture img {
min-height: 68rem
}
}
@media all and (min-width:1900px) {
.mosaic-component .mosaic-block {
height: 68rem;
-o-transition: height .3s ease;
transition: height .3s ease;
-webkit-transition: height .3s ease
}
.mosaic-component .mosaic-block > img, .mosaic-component .mosaic-block a > img, .mosaic-component .mosaic-block > picture img, .mosaic-component .mosaic-block a > picture img {
min-height: 68rem
}
}
.mosaic-component .mosaic-block .author-info-component {
position: absolute;
top: 8rem;
left: 2.9rem
}
.mosaic-component .mosaic-block .author-info-component .author-info .media .media-body .media-heading {
color: #fff
}
.mosaic-component .mosaic-block .mosaic-date {
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .15rem;
color: #fff;
text-transform: uppercase;
font-family: "Noto Sans", sans-serif;
position: absolute;
top: 41.5rem;
right: 3.4rem;
left: 3.4rem
}
@media(max-width:991px) {
.mosaic-component .mosaic-block .mosaic-date {
left: 2rem;
right: 2rem;
top: 21rem
}
}
.mosaic-component .mosaic-block h3 {
font-family: "Noto Sans", sans-serif;
font-size: 3rem;
line-height: 4.5rem;
letter-spacing: .15rem;
color: #fff;
font-weight: 300;
position: absolute;
top: 44.4rem;
right: 3.4rem;
left: 3.4rem;
margin-top: 0;
z-index: 9999
}
.mosaic-component .mosaic-block.orange-bg .mosaic-name, .mosaic-component .mosaic-block.orange-bg .mosaic-date, .mosaic-component .mosaic-block.orange-bg .mosaic-sub-name, .mosaic-component .mosaic-block.orange-bg h3 {
color: #121a38
}
.mosaic-component .mosaic-block h3 small {
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .15rem;
color: #fff;
text-transform: uppercase;
font-family: "Noto Sans", sans-serif
}
.mosaic-component .mosaic-block h3 a {
color: #fff;
text-decoration: none
}
.mosaic-component .mosaic-block h3.position {
font-family: "Noto Sans", sans-serif;
font-size: 2.4rem;
font-weight: 500;
color: #fff;
line-height: 3.7rem
}
.mosaic-component .mosaic-block h3.position small {
color: #fff;
font-size: 1.4rem;
line-height: 2.3rem;
font-weight: 400;
display: inline-block;
text-transform: none
}
.mosaic-component .mosaic-block h3.large {
font-size: 4rem;
letter-spacing: .13rem
}
.mosaic-component .mosaic-block .overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none
}
.mosaic-component .mosaic-block .label {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
letter-spacing: .14rem;
padding: 0;
position: absolute;
top: 3.2rem;
left: 3.4rem;
text-align: left
}
.mosaic-component .mosaic-block .label span {
font-weight: 400;
font-family: "Noto Sans", sans-serif;
margin-top: 6px;
display: block
}
.mosaic-component .mosaic-block.light h3, .mosaic-component .mosaic-block.light > .cta, .mosaic-component .mosaic-block.light .label {
color: #121a38
}
.mosaic-component .mosaic-block.light .label span {
color: #121a38
}
.mosaic-component .full-height {
height: 100%
}
.mosaic-component .full-height img {
max-height: none;
height: 100%;
min-height: 98rem
}
@media screen and (min-width:1700px) {
.mosaic-component .full-height img {
max-height: 96rem;
min-height: 96rem
}
}
.mosaic-component.mosaic-list .mosaic-block {
display: block !important
}
.mosaic-component.mosaic-list .mosaic-block:hover {
opacity: 1;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.mosaic-component.mosaic-list .mosaic-block a.overlay:hover, .mosaic-component.mosaic-list .mosaic-block a.overlay:focus, .mosaic-component.mosaic-list .mosaic-block a.overlay:active {
text-decoration: none
}
.mosaic-component.mosaic-list .mosaic-block a.overlay:hover .cta:hover, .mosaic-component.mosaic-list .mosaic-block a.overlay:focus .cta:hover, .mosaic-component.mosaic-list .mosaic-block a.overlay:active .cta:hover {
text-decoration: underline
}
.mosaic-component.mosaic-list .mosaic-block a.overlay p {
color: #fff
}
.mosaic-component.mosaic-list .mosaic-block .overlay {
cursor: pointer;
opacity: 0;
display: block;
background-color: rgba(88, 118, 170, .7);
padding: 25px;
-webkit-transition: opacity .3s ease-in;
-o-transition: opacity .3s ease-in;
transition: opacity .3s ease-in
}
.mosaic-component.mosaic-list .mosaic-block .overlay h3 {
display: inline-block !important;
font-size: 4rem;
letter-spacing: .13rem;
top: 3rem;
display: block;
position: static;
margin-bottom: 25px
}
.mosaic-component.mosaic-list .mosaic-block .overlay p {
font-family: "Noto Sans", sans-serif;
font-size: 2rem;
font-weight: 200;
line-height: 1.3;
letter-spacing: .13rem;
margin-bottom: 33px
}
.mosaic-component.mosaic-list .mosaic-block .overlay .cta {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: .07rem;
color: #fff;
-webkit-transition: text-decoration .3s ease;
-o-transition: text-decoration .3s ease;
-webkit-transition: -webkit-text-decoration .3s ease;
transition: -webkit-text-decoration .3s ease;
transition: text-decoration .3s ease;
transition: text-decoration .3s ease, -webkit-text-decoration .3s ease
}
.mosaic-component.mosaic-list .mosaic-block:hover:not(.unhoverable) .overlay {
opacity: 1;
background-color: rgba(88, 118, 170, .7)
}
.mosaic-component.mosaic-list .mosaic-block:hover:not(.unhoverable) h3 {
display: none
}
.mosaic-component a.more, .mosaic-component a.less {
font-size: 1.3rem;
letter-spacing: .07rem;
color: #121a38;
font-weight: 500;
font-family: "Noto Sans", sans-serif
}
.mosaic-component a.more:hover, .mosaic-component a.more:focus, .mosaic-component a.less:hover, .mosaic-component a.less:focus {
color: #0079a1;
text-decoration: none
}
.mosaic-component a.less {
display: none
}
@media all and (min-width:1300px) {
.mosaic-component.secondary-type p:not(.info-p), .mosaic-component.secondary-type ul li {
font-size: 1.6rem
}
}
@media all and (max-width:991px) {
.mosaic-component {
padding: 3.8rem 2.8rem 2rem !important
}
.mosaic-component.board.mosaic-home {
padding-top: 14rem !important
}
.mosaic-component.grid .mosaic-block {
min-height: calc(100% - 2.6rem)
}
.mosaic-component .news-block-component p:first-child {
margin-top: 2.5rem
}
.mosaic-component.presentation .info-p {
margin-top: 4.4rem;
margin-bottom: 4rem;
width: 100%
}
.mosaic-component.mosaic-list .mosaic-block h3, .mosaic-component.mosaic-list .mosaic-block.large {
font-size: 2rem;
letter-spacing: .12rem
}
.mosaic-component.mosaic-list .mosaic-block .overlay h3, .mosaic-component.mosaic-list .mosaic-block .overlay.large {
font-size: 2rem;
letter-spacing: .12rem;
line-height: 2.2rem
}
.mosaic-component.mosaic-list .mosaic-block .overlay p {
font-size: 1.6rem
}
.mosaic-component a.more, .mosaic-component a.less {
font-size: 1.1rem;
letter-spacing: .06rem
}
.mosaic-component .mosaic-block {
height: 44.8rem
}
.mosaic-component .mosaic-block img, .mosaic-component .mosaic-block a img, .mosaic-component .mosaic-block picture img, .mosaic-component .mosaic-block a picture img {
height: 100%;
min-height: 0;
max-height: none
}
.mosaic-component .mosaic-block h3 {
line-height: 4rem;
letter-spacing: .12rem;
left: 2rem;
right: 2rem;
top: 24rem
}
.mosaic-component .mosaic-block > .cta {
bottom: 1.6rem;
left: 2rem
}
.mosaic-component .mosaic-block .label {
font-size: 1.1rem;
letter-spacing: .12rem;
top: 2.2rem;
left: 2rem
}
.mosaic-component .full-height {
height: 100%
}
.mosaic-component .full-height img {
max-height: none;
height: 100%
}
.mosaic-component .col-xs-12.text-center {
line-height: 1.1rem
}
.mosaic-component .subtitle {
margin-top: 0
}
}
@media all and (max-width:991px) {
.mosaic-component {
padding-top: 2.2rem
}
.mosaic-component h2.list-title {
line-height: 1.5;
letter-spacing: .1rem
}
.mosaic-component.presentation .col-md-8.col-sm-12 .info-p-dark, .mosaic-component.presentation .col-md-8.col-sm-12 .info-p {
width: 100%
}
.mosaic-component p.intro-p, .mosaic-component p.secondary-text, .mosaic-component ul.secondary-text > li {
font-size: 1.6rem;
font-weight: 300;
line-height: 2.4rem;
font-family: "Noto Sans", sans-serif;
letter-spacing: .13rem
}
.mosaic-component.grid .mosaic-block h3 {
line-height: 1.38
}
}
@media all and (max-width:767px) {
.mosaic-component {
padding: 1.8rem 1.8rem 2rem !important
}
.mosaic-component.board.mosaic-home {
padding-top: 10rem !important
}
.mosaic-component.mosaic-list .mosaic-block h3, .mosaic-component.mosaic-list .mosaic-block.large {
font-size: 1.8rem;
letter-spacing: .12rem
}
.mosaic-component.mosaic-list .mosaic-block .overlay h3, .mosaic-component.mosaic-list .mosaic-block .overlay.large {
font-size: 1.8rem;
letter-spacing: .12rem
}
.mosaic-component h2.list-title {
font-size: 2.6rem;
line-height: 1.35;
letter-spacing: .06rem
}
.mosaic-component .mosaic-block {
margin-bottom: 1.6rem
}
.mosaic-component .full-height {
height: 100%
}
.mosaic-component .full-height img {
height: 100%
}
.mosaic-component .mosaic-carousel .slick-prev, .mosaic-component .mosaic-carousel .slick-next {
bottom: -4rem;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: auto;
height: 4.6rem
}
.mosaic-component .mosaic-carousel .slick-prev:before, .mosaic-component .mosaic-carousel .slick-next:before {
font-size: 4.6rem;
color: #121a38
}
.mosaic-component .mosaic-carousel .slick-prev {
left: 1.8rem
}
.mosaic-component .mosaic-carousel .slick-next {
right: 1.8rem
}
.mosaic-component .mosaic-carousel-pagination {
font-size: 1.4rem;
line-height: 3.3rem;
letter-spacing: .07rem;
font-weight: 200;
text-align: center
}
.mosaic-component .mosaic-carousel-pagination .active {
font-size: 2rem;
letter-spacing: .1rem;
vertical-align: top
}
.mosaic-component .testimonial {
margin-top: 4rem
}
}
@-webkit-keyframes grow {
0% {
display: none;
opacity: 0
}
1% {
display: block;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes grow {
0% {
display: none;
opacity: 0
}
1% {
display: block;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.campaign-block-link .mosaic-component .mosaic-block > img, .campaign-block-link .mosaic-component .mosaic-block a > img, .campaign-block-link .mosaic-component .mosaic-block > picture img, .campaign-block-link .mosaic-component .mosaic-block a > picture img, .page-campaign-content .mosaic-component .mosaic-block > img, .page-campaign-content .mosaic-component .mosaic-block a > img, .page-campaign-content .mosaic-component .mosaic-block > picture img, .page-campaign-content .mosaic-component .mosaic-block a > picture img {
max-height: 67rem;
min-height: 67rem;
height: 67rem
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1;
display: block
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1;
display: block
}
}
.fadeIn {
opacity: 0
}
.fadeIn.go {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
.mosaic-component .fadeIn.go, .mosaic-componentmosaic-home .fadeIn.go {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease
}
.side-image.mosaic-component .mosaic-block {
margin-bottom: 0
}
.same-height-mosaic-target {
margin-bottom: 2.8rem
}
.same-height-mosaic-target.mosaic-block > img {
height: 100%;
max-height: none
}
.mosaic-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width:767px) {
.mosaic-flex-container {
display: block
}
.mosaic-flex-container img {
position: relative !important
}
}
.mosaic-flex-container > div {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.mosaic-flex-container > .mosaic-flex-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative
}
@media screen and (max-width:767px) {
.mosaic-flex-container .same-height-class {
height: auto
}
}
.mosaic-flex-container .same-height-class:last-child {
width: 100%
}
.mosaic-flex-container .mosaic-block {
overflow-y: hidden
}
.full-height-flex .news-block-component {
height: calc(100% - 2.6rem)
}
@media screen and (max-width:767px) {
.full-height-flex {
width: auto;
display: block
}
}
.mosaic-flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.mosaic-block-container-66-34 > div {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
@media screen and (min-width:768px) {
.mosaic-block-container-66-34 > div {
width: 100%
}
}
.mosaic-block-container-66-34 > div:first-child {
-ms-flex-item-align: start;
align-self: flex-start
}
.mosaic-block-container-66-34 > div:last-child {
-ms-flex-item-align: end;
align-self: flex-end
}
.double-mosaic-block-container > div {
height: calc(50% - 2.6rem)
}
@media screen and (max-width:767px) {
.double-mosaic-block-container > div {
height: auto
}
}
.double-mosaic-block-container > div:last-child {
width: 100%;
-ms-flex-item-align: end;
align-self: flex-end
}
@media screen and (min-width:768px) {
.double-mosaic-block-container > div:last-child {
width: 100%
}
}
.mosaic-block-homepage {
margin-bottom: 2.6rem;
padding: 0 1rem
}
.mosaic-block-homepage .mosaic-block-homepage-content {
width: 100%;
height: 23rem;
overflow: hidden;
position: relative
}
@media screen and (min-width:1400px) {
.mosaic-block-homepage .mosaic-block-homepage-content {
height: 32rem
}
}
.mosaic-block-homepage .mosaic-block-homepage-content > img {
width: 100%;
position: absolute
}
@media screen and (min-width:768px) and (max-width:992px) {
.mosaic-block-homepage .mosaic-block-homepage-content > img {
height: 100%
}
}
@media screen and (mix-width:768px) and (max-width:992px) {
.mosaic-block-homepage .mosaic-block-homepage-content {
height: 40rem
}
}
.mosaic-block-homepage .mosaic-block-homepage-text {
padding: 1.6rem;
color: #fff;
font-size: 2.2rem
}
.mosaic-block-homepage .mosaic-block-homepage-title {
font-family: "Noto Sans", sans-serif;
text-transform: uppercase;
color: #121a38;
font-size: 1.3rem;
font-weight: 700;
margin-top: 1rem
}
.mosaic-block-homepage .mosaic-block-homepage-subtitle {
font-size: 1.8rem;
line-height: 2.6rem;
color: #121a38;
font-weight: 300;
min-height: 6rem
}
a.mosaic-see-more {
display: block;
width: 100%;
text-transform: uppercase;
margin: 2rem auto;
text-align: center;
text-decoration: none;
color: #121a38;
font-size: 1.4rem
}
a.mosaic-see-more > span {
font-family: "Noto Sans", sans-serif
}
.anchor-block {
cursor: pointer;
display: block
}
.anchor-block:hover {
text-decoration: none
}
.anchor-block .mosaic-block-overlay {
cursor: pointer
}
.anchor-block .mosaic-preview-text {
color: #fff;
text-transform: uppercase;
font-size: 1.4rem
}
.mosaic-video-block.video-grid-block {
height: 68rem;
background: #fff
}
@media(max-width:991px) {
.mosaic-video-block.video-grid-block {
height: 44.8rem
}
}
.mosaic-video-block.video-grid-block .video-grid-preview img {
height: 40rem
}
@media screen and (max-width:992px) {
.mosaic-video-block.video-grid-block .video-grid-preview img {
height: 24rem
}
}
.mosaic-video-block.video-grid-block:before {
left: 41%;
top: 23%
}
@media screen and (max-width:992px) {
.mosaic-video-block.video-grid-block:before {
top: 18%;
left: 45%
}
}
@media screen and (max-width:576px) {
.mosaic-video-block.video-grid-block:before {
top: 20%
}
}
.panels-component.mosaic-event-block {
height: 68rem;
padding: 0;
padding-top: 0
}
@media screen and (max-width:992px) {
.panels-component.mosaic-event-block {
padding: 0 1.5rem;
height: auto
}
}
.panels-component.mosaic-event-block .thumbnail {
border: 1px solid #d5ddeb
}
.panels-component.mosaic-event-block .thumbnail img {
height: 40rem
}
@media screen and (max-width:992px) {
.panels-component.mosaic-event-block .thumbnail img {
height: 24rem
}
}
.panels-component.mosaic-event-block .thumbnail .caption {
height: 28rem
}
.flags-wrapper {
position: absolute;
top: 2.8rem;
right: 3.1rem;
padding: .5rem;
background: #fff;
height: 2rem;
cursor: pointer;
display: none
}
.flags-wrapper .flags-container .flag {
position: relative
}
.flags-wrapper .flags-container .flag > img {
width: 2rem;
margin-top: -2.6rem
}
.show-flags .flags-wrapper {
display: block
}
.center-carousel-component {
padding: 4.6rem 0 12.6rem !important;
position: relative
}
.center-carousel-component .slick-slider {
margin-bottom: 0
}
.center-carousel-component .slick-prev, .center-carousel-component .slick-next {
bottom: 4.2rem;
height: auto;
line-height: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: auto;
z-index: 1
}
.center-carousel-component .slick-prev:before, .center-carousel-component .slick-next:before {
font-size: 3rem
}
.center-carousel-component .slick-prev {
left: 4.7rem
}
.center-carousel-component .slick-prev:before {
content: "î¤"
}
.center-carousel-component .slick-next {
right: 4.7rem
}
.center-carousel-component .slick-next:before {
content: ""
}
.center-carousel-component .center-carousel-black-arrow.slick-prev, .center-carousel-component .center-carousel-black-arrow.slick-next {
top: 0 !important
}
.center-carousel-component .center-carousel-black-arrow.slick-prev:before, .center-carousel-component .center-carousel-black-arrow.slick-next:before {
color: #121a38;
font-size: 6.6rem;
line-height: 1
}
.center-carousel-component .center-carousel-black-arrow.slick-prev {
left: 0
}
.center-carousel-component .center-carousel-black-arrow.slick-prev:before {
content: ''
}
.center-carousel-component .center-carousel-black-arrow.slick-next {
right: 0
}
.center-carousel-component .center-carousel-black-arrow.slick-next:before {
content: ''
}
.center-carousel-component .slick-dots {
bottom: 4.2rem
}
.center-carousel-component .slick-dots li {
margin: 0 .7rem
}
.center-carousel-component .slick-dots li.slick-active button:before {
opacity: 1
}
.center-carousel-component .slick-dots li button:before {
color: #fff;
font-size: 1.3rem;
opacity: .45
}
.center-carousel-component p, .center-carousel-component p a.description {
margin: 0 auto;
max-width: 60vw;
padding: 0 5rem;
font-size: 3rem;
line-height: 3rem;
letter-spacing: .13rem;
font-family: "Noto Sans", sans-serif;
font-weight: 300;
cursor: default
}
.center-carousel-component p a, .center-carousel-component p a.description a {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: .07rem;
color: #fff;
margin-top: 6.8rem;
display: inline-block
}
.orange-bg.center-carousel-component p a, .orange-bg.center-carousel-component p a.description a, .yellow-bg.center-carousel-component p a, .yellow-bg.center-carousel-component p a.description a {
color: #121a38
}
.center-carousel-component p a:hover, .center-carousel-component p a:focus, .center-carousel-component p a.description a:hover, .center-carousel-component p a.description a:focus {
opacity: .5;
text-decoration: none
}
.center-carousel-component p a.description {
cursor: pointer
}
.center-carousel-component h2 {
font-size: 2.4rem;
letter-spacing: -.05rem !important;
font-weight: 500;
font-family: "Noto Sans", sans-serif;
color: #fff;
margin: 0
}
.orange-bg.center-carousel-component h2, .yellow-bg.center-carousel-component h2 {
color: #121a38
}
.center-carousel-component .center-carousel-pagination {
color: #fff;
font-size: 1.4rem;
line-height: 3.3rem;
letter-spacing: .07rem;
font-weight: 200;
font-family: "Noto Sans", sans-serif
}
.center-carousel-component .center-carousel-pagination.colored {
color: #5ba6d1
}
.center-carousel-component .center-carousel-pagination.colored .active {
color: #fff
}
.center-carousel-component .center-carousel-pagination .active {
font-size: 2.4rem;
letter-spacing: .12rem;
vertical-align: top;
display: inline-block;
font-family: "Noto Sans", sans-serif;
margin-right: 0;
margin-top: 0
}
.center-carousel-component .center-carousel .slide {
padding: 0 5rem;
cursor: default;
outline: none
}
.center-carousel-component .center-carousel .slide h3, .center-carousel-component .center-carousel .slide h3 a {
font-size: 6rem;
line-height: 7.4rem;
color: #5ba6d1;
font-weight: 400;
margin: 6.8rem 0 3.2rem
}
.center-carousel-component .center-carousel .slide h3 a:hover, .center-carousel-component .center-carousel .slide h3 a:active, .center-carousel-component .center-carousel .slide h3 a:focus {
opacity: .5;
text-decoration: none
}
.center-carousel-component .center-carousel .slide.slick-active h3, .center-carousel-component .center-carousel .slide.slick-active h3 a {
color: #fff
}
.center-carousel-component .center-carousel .slide.slick-active p {
display: block
}
.center-carousel-component .center-carousel .slick-list {
padding-bottom: 0 !important
}
.center-carousel-component.full-size {
padding: 7rem 0 6rem !important
}
.center-carousel-component.full-size h2 {
font-size: 1.4rem;
text-transform: uppercase
}
.center-carousel-component.full-size .slide .date, .center-carousel-component.full-size .slide .share a {
opacity: .6;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
letter-spacing: .15rem;
color: #fff
}
.center-carousel-component.full-size .slide h3 {
margin: .8rem 0 .5rem;
font-family: "Noto Sans", sans-serif;
font-weight: 300;
line-height: 1.23;
letter-spacing: .3rem
}
.center-carousel-component.full-size .slide .share img {
padding-right: 5px;
font-size: 19px;
display: inline-block
}
.center-carousel-component.full-size .slick-prev, .center-carousel-component.full-size .slick-next {
top: 45%
}
.center-carousel-component.full-size .center-carousel-pagination {
margin-top: 2.5rem;
font-size: 1.4rem;
letter-spacing: .07rem
}
.center-carousel-component.full-size .center-carousel-pagination .active {
margin-right: .5rem;
margin-top: .1rem
}
.center-carousel-component .share {
position: relative
}
.center-carousel-component .share #socialShareid {
margin-right: 0;
position: absolute;
bottom: -5rem;
left: 0;
right: 0
}
.center-carousel-component .share .fa-share-alt {
padding-right: 1rem
}
@media all and (max-width:1024px) {
.slick-prev {
left: 2.8rem
}
.slick-next {
right: 2.8rem
}
.center-carousel-component h2 {
font-size: 1.3rem
}
.center-carousel-component p, .center-carousel-component p a.description {
font-size: 1.6rem;
line-height: 2.5rem;
letter-spacing: .08rem;
max-width: 85vw
}
.center-carousel-component p a, .center-carousel-component p a.description a {
margin-top: 3rem;
font-size: 1.1rem;
letter-spacing: .06rem
}
.center-carousel-component .center-carousel-pagination {
font-size: 1.4rem;
letter-spacing: .07rem
}
.center-carousel-component .center-carousel-pagination .active {
font-size: 2rem;
letter-spacing: .1rem;
margin-top: 0
}
.center-carousel-component .center-carousel .slide {
padding: 0 2rem
}
.center-carousel-component .center-carousel .slide h3, .center-carousel-component .center-carousel .slide h3 a {
font-size: 4rem;
line-height: 5.4rem;
letter-spacing: .2rem;
margin: 2.6rem 0 1.8rem
}
}
@media screen and (max-width:375px) {
.center-carousel-component .center-carousel .slide h3, .center-carousel-component .center-carousel .slide h3 a {
font-size: 2rem;
line-height: 2.7rem
}
}
.search-modal-component {
background: #1d264d;
color: #fff;
bottom: 0;
left: 0;
position: fixed;
height: 100vh;
right: 0;
top: 0;
-webkit-transform: translate(0, -100vh);
-ms-transform: translate(0, -100vh);
transform: translate(0, -100vh);
-webkit-transition: .2s ease transform;
-o-transition: .2s ease transform;
transition: .2s ease transform;
z-index: 103
}
.search-modal-component.opened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.search-modal-component .search-toggle {
font-size: 1.9rem;
position: absolute;
right: 3rem;
top: 9rem;
z-index: 10
}
.search-modal-component .results, .search-modal-component .suggestions {
opacity: 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
pointer-events: none
}
.search-modal-component .suggestions {
font-family: "Noto Sans", sans-serif;
position: absolute;
bottom: .1rem;
font-size: 0;
left: .8rem;
font-weight: 700;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.search-modal-component .suggestions li {
font-size: 1.3rem;
border-right: 1px solid #fff;
padding-right: 1.6rem;
padding-left: 1.6rem
}
.search-modal-component .suggestions li:first-child {
padding-left: 0
}
.search-modal-component .suggestions li:first-child a {
color: #fff
}
.search-modal-component .suggestions li:last-child {
border-right: 0
}
.search-modal-component .suggestions li a {
color: #fff;
font-weight: 500
}
.search-modal-component form {
border-right: 3px solid #fff;
box-sizing: border-box;
overflow: hidden;
position: absolute;
top: 50%;
transform: translate(0, -50%);
transition: .2s ease top, .2s ease transform, .2s ease padding;
width: 100%;
opacity: 0;
z-index: 1
}
.search-modal-component form input[type="text"] {
background: transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 7rem;
font-weight: 700;
padding: 0;
width: 100%;
height: 10rem;
margin: 4rem 0
}
@media(min-width:1410px) {
.search-modal-component form {
width: calc(100% - 190px);
max-width: 1360px
}
.search-modal-component form input[type="text"] {
width: calc(100% - 190px)
}
}
.search-modal-component form input[type="text"]::-webkit-input-placeholder {
color: #fff
}
.search-modal-component form input[type="text"]::-moz-placeholder {
color: #fff;
opacity: 1
}
.search-modal-component form input[type="text"]:-ms-input-placeholder {
color: #fff
}
.search-modal-component form input[type="text"]:-moz-placeholder {
color: #fff
}
.search-modal-component form .search-decoration {
font-size: 5rem;
cursor: default;
left: 0;
line-height: 9rem;
position: absolute;
top: 4rem;
-webkit-transition: .2s ease opacity;
-o-transition: .2s ease opacity;
transition: .2s ease opacity
}
.search-modal-component form .search-info {
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .14rem;
opacity: 0;
-webkit-transition: .2s ease opacity;
-o-transition: .2s ease opacity;
transition: .2s ease opacity;
position: absolute;
top: .3rem;
left: 0;
pointer-events: none
}
.search-modal-component.opened form {
-webkit-animation: .6s ease-in .2s 1 normal forwards fadeIn, .8s ease-in .8s 1 normal forwards animateInput;
animation: .6s ease-in .2s 1 normal forwards fadeIn, .8s ease-in .8s 1 normal forwards animateInput
}
@media all and (max-width:767px) {
.search-modal-component.opened form {
-webkit-animation: .6s ease-in .2s 1 normal forwards fadeIn, .8s ease-in .8s 1 normal forwards animateInputMobile;
animation: .6s ease-in .2s 1 normal forwards fadeIn, .8s ease-in .8s 1 normal forwards animateInputMobile
}
}
.search-modal-component.showing-results form {
top: 2.6rem;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
padding-left: 0;
padding: 3rem 0 4rem 0
}
.search-modal-component.showing-results .search-decoration {
opacity: 0;
pointer-events: none
}
.search-modal-component.showing-results .suggestions {
-webkit-transition: all .5s ease 1s;
-o-transition: all .5s ease 1s;
transition: all .5s ease 1s;
opacity: 1;
pointer-events: auto
}
.search-modal-component.showing-results .results {
opacity: 1;
font-family: "Noto Sans", sans-serif;
font-weight: 400;
position: relative;
z-index: 0;
top: 10rem;
left: 3rem;
-webkit-transition: all .5s ease 1s;
-o-transition: all .5s ease 1s;
transition: all .5s ease 1s;
pointer-events: auto
}
.search-modal-component.showing-results .results li {
margin-bottom: 4rem
}
.search-modal-component.showing-results .results li small {
font-size: 1.2rem;
font-weight: 200;
letter-spacing: .1rem
}
.search-modal-component.showing-results .results li a {
font-weight: 400;
font-size: 2rem;
letter-spacing: .12rem;
color: #fff
}
.search-modal-component.showing-results .search-info {
opacity: 1;
pointer-events: auto
}
@media screen and (max-width:1024px) {
.search-modal-component form input[type="text"] {
font-size: 5rem
}
.search-modal-component form .search-decoration {
line-height: 7rem
}
}
@media screen and (max-width:767px) {
.search-modal-component form {
padding-left: 8vw;
max-width: 80vw;
top: 20%
}
.search-modal-component form input[type="text"] {
font-size: 6vw;
width: 100%
}
.search-modal-component form .search-decoration {
font-size: 6vw;
line-height: 8vw
}
.search-modal-component.showing-results .results {
left: 0;
padding: 0 2.8rem 0 1.8rem;
top: 6rem
}
.search-modal-component.showing-results .results li {
font-size: 1.2rem;
letter-spacing: .12rem;
font-weight: 400
}
.search-modal-component.showing-results .results li a {
font-size: 1.8rem
}
.search-modal-component.showing-results form {
left: 1.8rem;
right: 3.8rem;
max-width: 100%;
padding: 3rem 0 4rem
}
.search-modal-component.showing-results form input[type="text"] {
font-size: 3.2rem;
width: auto
}
.search-modal-component .search-toggle {
top: 3rem;
right: 1.8rem
}
}
.emea-ntt .search-modal-component form .search-decoration {
font-size: 6rem
}
.emea-ntt .search-modal-component form {
padding-left: 9.5rem;
left: 4.7rem
}
.emea-ntt .search-modal-component.showing-results form {
padding: .4rem 0 2.4rem 0;
left: 4.7rem;
top: 1.4rem
}
.emea-ntt .search-modal-component.showing-results .results {
left: 4.7rem;
top: 10.5rem
}
.emea-ntt .search-modal-component form input[type="text"] {
line-height: 94px;
font-size: 8rem;
font-weight: 600;
letter-spacing: .3rem
}
.emea-ntt .search-modal-component.showing-results form input[type="text"] {
font-size: 10rem
}
.emea-ntt .search-modal-component .search-toggle {
width: 19px;
height: 19px;
top: 8.3rem;
right: 4.7rem
}
.emea-ntt .search-modal-component {
-webkit-transform: translate(0, -108vh);
-ms-transform: translate(0, -108vh);
transform: translate(0, -108vh)
}
.emea-ntt .search-modal-component.opened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.emea-ntt .ntt-blue {
background: #5876aa
}
@media screen and (min-width:768px) and (max-width:1200px) {
.emea-ntt .search-modal-component form input[type="text"] {
font-size: 5rem;
line-height: 74px;
letter-spacing: .2rem
}
.emea-ntt .search-modal-component.showing-results form input[type="text"] {
font-size: 5rem
}
.emea-ntt .search-modal-component form .search-decoration {
font-size: 4rem
}
.emea-ntt .search-modal-component form {
padding-left: 6.5rem;
left: 3rem
}
.emea-ntt .search-modal-component .search-toggle {
top: 8.8rem;
right: 3rem
}
.emea-ntt .search-modal-component.showing-results form {
left: 3rem;
top: 1.4rem;
padding: 4.9rem 0 5.6rem 0
}
.emea-ntt .search-modal-component.showing-results .results {
left: 3rem;
top: 9.1rem
}
.emea-ntt .search-modal-component .suggestions li {
font-size: 1.6rem;
letter-spacing: .11rem;
padding-right: 15px;
padding-left: 15px
}
.emea-ntt .search-modal-component .suggestions li:first-child {
padding-left: 5px
}
}
@media all and (max-width:767px) {
.emea-ntt .search-modal-component form .search-decoration {
font-size: 2rem;
line-height: 31px;
top: 3px
}
.emea-ntt .search-modal-component form input[type="text"] {
font-size: 2.6rem;
line-height: 1.4;
letter-spacing: .04rem;
margin: 0 !important;
height: auto
}
.emea-ntt .search-modal-component form {
padding-left: 3rem;
left: 1.9rem
}
.emea-ntt .search-modal-component.showing-results form {
left: 1.9rem;
top: 2.9rem;
padding: 5.2rem 0 6.5rem
}
.emea-ntt .search-modal-component.showing-results .results {
left: 0
}
.emea-ntt .search-modal-component.showing-results form input[type="text"] {
font-size: 3.2rem
}
}
.sitemap h2, .sitemap h2 a {
color: #121a38;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0;
margin: 0 0 1rem 0;
text-transform: uppercase
}
.sitemap .sitemap-block {
margin-bottom: 3rem
}
.sitemap .sitemap-block:last-child {
margin-bottom: 0
}
.sitemap .sitemap-block .sitemap-holder.collapse.in {
height: auto !important
}
.sitemap .sitemap-cat {
list-style-type: none;
margin: 0;
padding-left: 0
}
.sitemap .sitemap-cat li {
margin-bottom: .8rem
}
.sitemap .sitemap-cat li:last-child {
margin-bottom: 0
}
.sitemap .sitemap-cat li:last-child .sitemap-subcat {
padding-bottom: 0
}
.sitemap .sitemap-cat li a {
color: #121a38;
display: block;
font-size: 1.6rem
}
.sitemap .sitemap-cat li .sitemap-subcat {
list-style-type: none;
padding: .8rem 0 2.2rem 2rem
}
.sitemap .sitemap-cat li .sitemap-subcat li a {
font-size: 1.4rem
}
.sitemap .sitemap-block.colored {
display: inline-block;
padding: 2.5rem;
width: 70%
}
@media screen and (max-width:767px) {
.sitemap .cat-title {
cursor: pointer;
margin: 0 0 .5rem
}
.sitemap .cat-title:not(.colored):after {
content: "ï„…";
font-family: FontAwesome;
position: absolute;
right: 20px
}
.sitemap .is-open .cat-title:not(.colored):after {
content: ""
}
.sitemap [class*='col-']:last-child .sitemap-block:last-child {
margin-bottom: 0
}
.sitemap .sitemap-block {
margin-bottom: 1.8rem
}
.sitemap .sitemap-block:last-child {
margin-bottom: 1.8rem
}
.sitemap .sitemap-block.colored {
display: block;
margin-left: -18px;
margin-right: -18px;
padding: 2.5rem 2rem;
width: auto
}
.sitemap .sitemap-cat li .sitemap-subcat {
list-style-type: none;
padding-bottom: 1rem
}
}
section.banner-intro {
margin-bottom: 6rem
}
section.banner-intro .container-fluid {
padding: 0
}
section.two-column .box h3, section.intro-section .box h3 {
font-family: "Noto Sans", sans-serif;
font-size: 3.2rem;
font-weight: bold;
line-height: 1.5;
letter-spacing: .04rem;
color: #121a38;
margin: 0 0 2.8rem
}
section.two-column .box p, section.intro-section .box p {
font-size: 1.4rem;
line-height: 1.93;
letter-spacing: .7px;
color: #121a38;
font-family: "Noto Sans", sans-serif
}
section.two-column .col-sm-12.box + .col-sm-12.box, section.intro-section .col-sm-12.box + .col-sm-12.box {
padding: 0 47px
}
section.two-column.board:not(.larger) {
padding-top: 0;
padding-bottom: 5.4rem
}
section.two-column:last-child {
padding-bottom: 0
}
.same-height-terms-component .same-height-target {
width: 48%
}
.same-height-terms-component .same-height-target.selector {
float: right
}
.terms-carousel-component .left {
width: 48%;
float: left
}
.terms-carousel-component .right {
width: 48%;
float: right
}
.terms-carousel-component .slide {
padding-top: 5.8rem;
padding-bottom: 5.6rem
}
.terms-carousel-component .slide.divider-top {
padding-top: 0
}
.terms-carousel-component .slide.col-sm-12 a {
font-size: 1.3rem;
font-weight: 500;
font-family: "Noto Sans", sans-serif;
letter-spacing: .07rem;
color: #121a38;
text-decoration: underline;
margin-top: 3rem;
display: inline-block
}
.terms-carousel-component .slide.col-sm-12 a:hover, .terms-carousel-component .slide.col-sm-12 a:focus {
color: #0079a1
}
@media screen and (max-width:1199px) {
.same-height-terms-component .same-height-target {
width: 100%
}
.same-height-terms-component .same-height-target.selector {
float: left;
margin-top: 5rem
}
.same-height-terms-component .same-height-target.selector .valign {
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.terms-carousel-component {
margin-left: -2.8rem;
margin-right: -2.8rem
}
.terms-carousel-component .left, .terms-carousel-component .right {
width: 100%
}
.terms-carousel-component .slide {
padding-left: 2.8rem;
padding-right: 2.8rem
}
.terms-carousel-component .slide.divider-top-tablet {
padding-top: 0
}
}
@media screen and (max-width:767px) {
.terms-carousel-component {
margin-left: -1.8rem;
margin-right: -1.8rem
}
.terms-carousel-component .left, .terms-carousel-component .right {
width: auto
}
.terms-carousel-component .left {
position: relative
}
.terms-carousel-component .right {
margin-left: 0;
float: left
}
.terms-carousel-component .clearfix-right {
clear: none
}
.terms-carousel-component .slide {
background: #f3f3f3;
padding-top: 3rem;
padding-left: 1.8rem;
padding-right: 1.8rem
}
.terms-carousel-component .slide.col-sm-12 {
margin-top: 0
}
.terms-carousel-component .slide.divider-top-tablet, .terms-carousel-component .slide.divider-top {
padding-top: 3rem
}
.terms-carousel-component .slide.divider-top-tablet:before, .terms-carousel-component .slide.divider-top:before {
display: none
}
.terms-carousel-component .slick-prev, .terms-carousel-component .slick-next {
top: -4rem;
z-index: 9
}
.terms-carousel-component .slick-prev:before, .terms-carousel-component .slick-next:before {
color: #121a38
}
.terms-carousel-component .slick-prev {
left: 3rem
}
.terms-carousel-component .slick-next {
right: 3rem
}
.same-height-terms-component .valign {
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.terms-carousel-pagination {
background: #f3f3f3;
color: #121a38;
text-align: center;
margin: 0 -1.8rem;
font-size: 2.5rem;
line-height: 3.3rem;
letter-spacing: .6rem;
padding: 3rem 0 2.4rem
}
.terms-carousel-pagination .active {
font-size: 5rem;
letter-spacing: .25rem;
vertical-align: top
}
}
section.banner-intro.board {
padding-top: 18rem
}
section.banner-intro .container-fluid {
padding: 0
}
section.banner-intro.light h2, section.banner-intro.light p {
color: #fff
}
section.banner-intro h2 {
font-family: "Noto Sans", sans-serif;
font-weight: 500;
letter-spacing: .15rem;
font-size: 4rem;
line-height: 1.3;
letter-spacing: .15rem;
margin: 1.6rem 0
}
section.banner-intro h2.condense-mobile > strong::after {
content: "/";
font-weight: 300;
padding: 0 0 0 15px
}
section.banner-intro h2.larger {
font-size: 6rem;
line-height: 7.6rem;
letter-spacing: .3rem;
font-weight: 300
}
section.banner-intro p {
opacity: .8;
font-family: "Noto Sans", sans-serif;
font-size: 1.6rem;
font-weight: 200;
line-height: 2.6rem;
letter-spacing: .08rem
}
section.banner-intro p.larger {
font-size: 2.6rem;
line-height: 3.6rem;
letter-spacing: .13rem;
margin-bottom: 1rem;
margin-top: 1rem;
opacity: 1
}
section.banner-intro .button.dark.wide.empty {
margin-bottom: 20px;
margin-top: 50px
}
section.banner-intro .button.dark.wide.empty:hover, section.banner-intro .button.dark.wide.empty:focus {
color: #0079a1;
border-color: #0079a1
}
section.banner-intro .cta {
margin-top: 4rem;
display: inline-block;
margin-bottom: 3.6rem
}
@media screen and (max-width:1199px) {
.banner-intro.board h2 {
font-size: 3rem;
line-height: 7.4rem;
letter-spacing: .15rem;
font-family: "Noto Sans", sans-serif;
font-weight: 500;
text-transform: none
}
}
@media screen and (max-width:1024px) {
section.banner-intro.board {
padding-top: 16rem
}
}
@media screen and (max-width:767px) {
section.banner-intro.board {
padding-top: 7.8rem
}
section.banner-intro.board h2.condense-mobile {
margin: 30px 0 15px;
line-height: 4.4rem
}
section.banner-intro.board h2.condense-mobile strong {
display: block
}
section.banner-intro.board h2.condense-mobile strong::after {
content: ""
}
section.banner-intro p.larger {
line-height: 3.2rem;
letter-spacing: .09rem;
margin-bottom: 2rem
}
section.banner-intro .cta {
margin: 2rem 0
}
}
section.two-column .container-fluid {
padding: 0
}
section.two-column p {
font-size: 1.4rem;
line-height: 1.93;
letter-spacing: .07rem;
margin-bottom: 0
}
section.two-column p.large {
font-size: 1.8rem;
line-height: 3.4rem;
letter-spacing: .04rem
}
section.two-column p + p {
margin-top: 2.6rem
}
section.two-column label {
font-size: 1.4rem;
opacity: .6
}
section.two-column .custom-select select {
border: 1px solid #121a38;
font-size: 2rem
}
section.two-column p, section.two-column label, section.two-column .custom-select select {
font-family: "Noto Sans", sans-serif
}
section.two-column .selector label {
display: block;
font-weight: 300;
opacity: .6;
margin-bottom: 1.4rem
}
section.two-column h2.title {
font-family: "Noto Sans", sans-serif;
font-size: 2.6rem;
line-height: 1.15;
letter-spacing: .05rem;
margin: 0 0 3rem 0;
font-weight: 700
}
section.two-column h2.title.small {
font-size: 2rem;
line-height: 3rem;
letter-spacing: .1rem
}
section.two-column .align-to-quote {
padding-left: 4rem
}
section.two-column .info-section {
color: #121a38
}
section.two-column .info-section h4 {
color: #667493;
font-family: "Noto Sans", sans-serif;
font-size: 1.2rem;
font-weight: 600;
line-height: 2rem;
letter-spacing: .02rem;
margin: 0;
text-transform: uppercase
}
section.two-column .info-section span {
display: inline-block;
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: .04rem;
padding-bottom: 2.6rem
}
section.two-column .info-section p > .button {
min-width: 50%;
text-align: center
}
section.two-column .quote-section > h3 {
color: #121a38;
font-family: "Noto Sans", sans-serif;
font-size: 2.4rem;
font-weight: 500;
margin: 0
}
section.two-column .quote-section > sub {
color: #8c8c8c;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
line-height: normal;
vertical-align: top
}
section.two-column .quote-section .quote {
font-family: "Noto Sans", sans-serif;
font-size: 2.4rem;
font-weight: 300;
line-height: 1.29;
letter-spacing: .12rem;
margin: 1.3rem 0
}
section.two-column.larger:last-child {
padding-bottom: 4.4rem
}
section.two-column .numbered-paragraph {
counter-reset: paragraph;
font-family: "Noto Sans", sans-serif
}
section.two-column .numbered-paragraph .title {
display: block
}
section.two-column .numbered-paragraph p {
font-family: "Noto Sans", sans-serif;
font-size: 2.4rem;
font-weight: 300;
line-height: 1.27;
letter-spacing: normal;
position: relative;
padding-left: 1.7rem;
z-index: 1
}
section.two-column .numbered-paragraph > div:before {
bottom: 0;
content: counter(paragraph);
counter-increment: paragraph;
display: inline-block;
font-size: 20rem;
font-weight: 300;
height: 100%;
left: 0;
line-height: 1;
opacity: .15;
position: absolute;
top: -2.3rem;
z-index: 0
}
section.two-column .numbered-paragraph.secondary > div:before {
color: #d5ddeb;
opacity: 1;
top: -9.2rem;
left: 1rem
}
section.two-column .numbered-paragraph.secondary .col-xs-12.col-sm-4 {
margin-top: 13rem
}
section.two-column .numbered-paragraph.secondary span {
font-size: 3rem;
line-height: 3rem;
letter-spacing: .15rem;
color: #121a38;
position: relative;
margin-bottom: 50px
}
section.two-column .numbered-paragraph.secondary p {
font-size: 1.4rem;
line-height: 2.5rem;
letter-spacing: .03rem;
font-family: "Noto Sans", sans-serif;
font-weight: 400;
padding-left: 0;
margin-top: 4rem;
max-width: 80%
}
section.two-column .cta-slide-component .slide-content {
padding: 0 2rem;
bottom: 3.8rem;
left: 0;
right: 0
}
section.two-column .cta-slide-component .slide-content .button {
margin-top: 0
}
section.two-column.content.board:not(.larger) {
padding-bottom: 6rem;
padding-top: 6rem
}
section.two-column.content.board:not(.larger) h2, section.two-column.content.board:not(.larger) h3 {
font-family: "Noto Sans", sans-serif
}
section.two-column.content.board:not(.larger) h2, section.two-column.content.board:not(.larger) h3 {
margin-top: 0
}
section.two-column.content.board:not(.larger) h3 {
font-size: 26px;
font-weight: 500
}
section.two-column.content.board:not(.larger) p.small {
margin-bottom: 20px
}
.same-height-two-columns .secondary-type p.mobile-large.spacer-bottom-s {
font-size: 1.6rem
}
@media all and (min-width:1300px) {
section.two-column p {
font-size: 1.6rem
}
section.two-column .numbered-paragraph.secondary p {
font-size: 1.6rem
}
}
@media screen and (max-width:1199px) {
section.two-column .cta-slide-component .slide-content {
left: 0;
right: 0;
padding: 0 3rem;
bottom: 3rem
}
section.two-column .cta-slide-component .slide-content h2 {
margin-bottom: 3rem;
font-size: 2.4rem;
line-height: 3.8rem
}
section.two-column .cta-slide-component .slide-content .button {
margin-top: 0
}
}
@media screen and (max-width:991px) {
section.two-column p.large {
font-size: 1.6rem;
line-height: 3rem;
letter-spacing: .07rem
}
section.two-column .numbered-paragraph.secondary p {
font-size: 1.6rem;
line-height: 3rem;
letter-spacing: .08rem
}
section.two-column .cta-slide-component .slide-content {
padding: 0 9.2rem;
bottom: 4.2rem
}
section.two-column .cta-slide-component .slide-content h2 {
margin-bottom: 7.4rem
}
section.two-column .cta-slide-component .slide-content .button {
margin-top: 0
}
}
@media screen and (max-width:767px) {
section.two-column h2.title {
font-size: 2rem
}
section.two-column h2.title.small {
font-size: 2.6rem;
line-height: 3.5rem;
letter-spacing: .06rem
}
section.two-column .info-section, section.two-column .quote-section {
margin-top: 2rem
}
section.two-column .numbered-paragraph .col-xs-12 {
margin-bottom: 4rem
}
section.two-column .numbered-paragraph .col-xs-12:last-child {
margin-bottom: 0
}
section.two-column .numbered-paragraph.secondary span {
font-size: 4rem;
line-height: 3rem;
letter-spacing: .2rem
}
section.two-column .numbered-paragraph.secondary p {
font-size: 2rem;
line-height: 3.3rem;
letter-spacing: .07rem
}
section.two-column .numbered-paragraph.secondary .col-xs-12 {
margin-bottom: 14rem
}
section.two-column .numbered-paragraph.secondary .col-xs-12:last-child {
margin-bottom: 0
}
section.two-column .cta-slide-component .slide-content {
padding: 0 1.8rem;
bottom: 2.4rem
}
section.two-column .cta-slide-component .slide-content h2 {
margin-bottom: 2.6rem;
font-size: 1.4rem;
line-height: 2.7rem;
letter-spacing: .06rem
}
section.two-column .cta-slide-component .slide-content .button {
margin-top: 0
}
}
.region-modal-component {
background: #0079a1;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
-webkit-transform: translate(0, -100vh);
-ms-transform: translate(0, -100vh);
transform: translate(0, -100vh);
-webkit-transition: .2s ease transform;
-o-transition: .2s ease transform;
transition: .2s ease transform;
z-index: 102;
overflow: hidden
}
.region-modal-component.opened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.region-modal-component.opened .region-modal-component__right-side {
-webkit-transition: left .4s .4s ease;
-o-transition: left .4s .4s ease;
transition: left .4s .4s ease;
left: 50%
}
.region-modal-component__left-side, .region-modal-component__right-side {
float: left;
position: relative;
height: 100%
}
.region-modal-component__left-side .constrain-proportion, .region-modal-component__right-side .constrain-proportion {
padding: 4.6rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100vh
}
.region-modal-component__left-side {
width: 50%;
background: #070f26
}
.region-modal-component__left-side .constrain-proportion {
padding: 0
}
.region-modal-component__left-side .constrain-proportion .language-slider-pagination {
position: absolute;
right: 5rem;
top: 16rem;
z-index: 9;
color: #fff;
font-size: 2rem;
line-height: 2.9rem;
letter-spacing: .04rem;
font-family: "Noto Sans", sans-serif
}
.region-modal-component__right-side {
width: auto;
left: 0;
right: 0;
background: #0079a1;
position: absolute;
-webkit-transition: 0s ease .2s left;
-o-transition: 0s ease .2s left;
transition: 0s ease .2s left;
float: none;
z-index: 10
}
.region-modal-component__right-side-content {
position: relative;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.region-modal-component__right-side form .col-sm-12.hidden-xs {
padding: 10px 0
}
.region-modal-component__right-side form .col-sm-12.hidden-xs p {
color: #121a38;
font-family: "Noto Sans", sans-serif;
font-weight: 300
}
.region-modal-component__right-side .constrain-proportion {
padding: 0 6rem;
max-width: 50vw
}
.region-modal-component__right-side .constrain-proportion form a {
font-size: 1.5rem;
letter-spacing: .07rem;
color: #fff;
font-weight: 500;
font-family: "Noto Sans", sans-serif;
margin-top: 3.4rem;
display: inline-block
}
.region-modal-component__right-side .constrain-proportion form a:hover, .region-modal-component__right-side .constrain-proportion form a:focus {
opacity: .5;
text-decoration: none
}
.region-modal-component__right-side .constrain-proportion form label {
font-family: "Noto Sans", sans-serif;
letter-spacing: .14rem;
font-weight: 300;
color: #121a38;
margin-bottom: 1.2rem;
font-size: 1.4rem
}
.region-modal-component__right-side .constrain-proportion form .custom-select {
width: 95%;
font-family: "Noto Sans", sans-serif;
letter-spacing: .1rem;
font-weight: 300
}
.region-modal-component__close {
font-size: 1.9rem;
position: absolute;
right: 3rem;
top: 4.5rem;
z-index: 10;
cursor: pointer
}
@media all and (max-width:1024px) {
.region-modal-component.opened {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media all and (max-width:1024px) {
.region-modal-component.opened .region-modal-component__left-side, .region-modal-component.opened .region-modal-component__right-side {
width: 100%;
float: right;
position: relative;
height: 50vh;
-webkit-transition: none;
-o-transition: none;
transition: none;
left: 0
}
.region-modal-component.opened .region-modal-component__left-side .constrain-proportion, .region-modal-component.opened .region-modal-component__right-side .constrain-proportion {
width: 100%;
max-width: none;
height: 50vh
}
.region-modal-component.opened .region-modal-component__left-side .language-slider-pagination, .region-modal-component.opened .region-modal-component__right-side .language-slider-pagination {
top: 9rem;
right: 3rem
}
.region-modal-component.opened .region-modal-component__right-side .constrain-proportion {
padding: 0 5rem
}
.region-modal-component.opened .region-modal-component__right-side .constrain-proportion .region-modal-component__right-side-content form .col-sm-6, .region-modal-component.opened .region-modal-component__right-side .constrain-proportion .region-modal-component__right-side-content form .col-sm-12 {
padding: 0 5rem
}
.region-modal-component.opened .region-modal-component__right-side .constrain-proportion .region-modal-component__right-side-content form .col-sm-6 .custom-select, .region-modal-component.opened .region-modal-component__right-side .constrain-proportion .region-modal-component__right-side-content form .col-sm-12 .custom-select {
width: 100%
}
.region-modal-component.opened .language-slider-component .slide {
width: 100vw !important
}
}
@media all and (max-width:767px) {
.site .region-modal-component.opened {
z-index: 100;
position: relative
}
.region-modal-component.opened .region-modal-component__right-side-content {
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: static
}
.region-modal-component.opened .region-modal-component__left-side, .region-modal-component.opened .region-modal-component__right-side {
height: auto;
min-height: 50vh
}
.region-modal-component.opened .region-modal-component__left-side .language-slider-pagination, .region-modal-component.opened .region-modal-component__right-side .language-slider-pagination {
position: relative;
top: auto;
right: auto;
left: auto;
font-size: 1.4rem;
line-height: 2.9rem;
letter-spacing: .03rem
}
.region-modal-component.opened .region-modal-component__left-side .region-modal-component__close, .region-modal-component.opened .region-modal-component__right-side .region-modal-component__close {
color: #fff;
top: 3rem
}
.region-modal-component.opened .region-modal-component__right-side .constrain-proportion {
height: auto;
padding: 3rem 4rem;
position: relative
}
.region-modal-component.opened .region-modal-component__right-side .constrain-proportion .region-modal-component__right-side-content form a {
margin-top: 1.6rem
}
.region-modal-component.opened .region-modal-component__right-side .constrain-proportion .region-modal-component__right-side-content form .col-sm-6, .region-modal-component.opened .region-modal-component__right-side .constrain-proportion .region-modal-component__right-side-content form .col-sm-12 {
padding: 0 15px
}
.region-modal-component.opened .region-modal-component__right-side .constrain-proportion .region-modal-component__right-side-content form .col-sm-6 {
margin-bottom: 3.4rem
}
.region-modal-component.opened .region-modal-component__right-side .constrain-proportion .region-modal-component__right-side-content form .col-sm-6 + .col-sm-6 {
margin-bottom: 0
}
}
@media all and (max-width:374px) {
.region-modal-component.opened .region-modal-component__right-side .constrain-proportion .region-modal-component__right-side-content form .col-sm-6 {
margin-bottom: 1.4rem
}
}
.global-region-modal .modal-dialog {
margin-top: 7.6rem;
width: 80vw
}
.global-region-modal .modal-dialog .modal-content .modal-header {
border-bottom: none;
padding: 2rem 2rem 0 2rem
}
.global-region-modal .modal-dialog .modal-content .modal-body {
padding: 2rem
}
.global-region-modal .modal-dialog .modal-content .modal-body h2 {
color: #fff;
font-size: 3.5rem;
margin-top: 0
}
.global-region-modal .modal-dialog .modal-content .modal-body form label {
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .14rem;
margin-bottom: 1.2rem
}
.global-region-modal .modal-dialog .modal-content .modal-body form .text-area {
margin-bottom: 3rem
}
.global-region-modal .modal-dialog .modal-content .modal-body form .text-area p {
font-size: 1.6rem;
font-weight: 300
}
.global-region-modal .modal-dialog .modal-content .modal-body form .text-area p:last-child {
margin-bottom: 0
}
.global-region-modal .modal-dialog .modal-content .modal-body form .filter-option {
text-shadow: none
}
.global-region-modal .modal-dialog .modal-content .modal-body form .apply {
margin-top: 3.4rem;
display: inline-block
}
.global-region-modal .modal-dialog .modal-content .modal-body form .apply:hover {
opacity: .5;
text-decoration: none
}
.global-region-modal .modal-dialog .modal-content .modal-body form .apply.button.x-light-gray {
float: right;
color: #121a38
}
@media screen and (max-width:767px) {
.global-region-modal .modal-dialog {
margin-top: 1rem;
width: auto
}
.global-region-modal .modal-dialog .modal-body .generic-select {
margin-bottom: 1.6rem
}
.global-region-modal .modal-dialog .modal-body .row .col-sm-4:last-child .generic-select {
margin-bottom: 0
}
}
.generic-modal-component {
background: #1d264d;
bottom: 0;
left: 0;
position: static;
right: 0;
top: 0;
-webkit-transition: .2s ease transform;
-o-transition: .2s ease transform;
transition: .2s ease transform;
z-index: 102;
overflow: auto
}
.generic-modal-component.modal-in-page .hero-component.no-image.spacing .content {
padding-top: 18rem
}
.generic-modal-component:not(.modal-in-page) {
-webkit-transform: translate(0, -100vh);
-ms-transform: translate(0, -100vh);
transform: translate(0, -100vh)
}
.generic-modal-component .floating-content-header {
padding: 2.4rem;
text-align: right;
-webkit-transition: .2s ease background, .2s ease box-shadow;
-o-transition: .2s ease background, .2s ease box-shadow;
transition: .2s ease background, .2s ease box-shadow;
position: absolute;
top: 0;
width: 100%;
background: transparent
}
.generic-modal-component .floating-content-header.morphed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9;
background: #121a38
}
.generic-modal-component .floating-content-header.morphed .close-toggle {
right: 2rem;
color: #fff !important
}
.generic-modal-component .step {
-webkit-transform: translate(0, -100vh);
-ms-transform: translate(0, -100vh);
transform: translate(0, -100vh);
-webkit-transition: .2s ease transform;
-o-transition: .2s ease transform;
transition: .2s ease transform;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: auto;
width: 100%;
height: 100vh;
padding: 4rem
}
.generic-modal-component .step.current {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.generic-modal-component.gutter {
top: 3.2rem;
left: 2.8rem;
right: 2.8rem;
-webkit-box-shadow: 0 -3.2rem 0 3.2rem rgba(0, 0, 0, .5);
box-shadow: 0 -3.2rem 0 3.2rem rgba(0, 0, 0, .5)
}
.generic-modal-component.gutter .close-toggle {
color: #fff
}
.generic-modal-component.gutter .board {
padding: 5.7rem
}
.generic-modal-component.opened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.generic-modal-component .close-toggle {
font-size: 1.9rem;
z-index: 10;
color: #fff
}
.generic-modal-component .close-toggle.dark {
color: #121a38
}
.generic-modal-component .floating-close-button {
position: absolute;
right: 8rem;
top: 4rem
}
.generic-modal-component.grey-bg .close-toggle {
color: #121a38
}
.generic-modal-component h2 {
font-family: "Noto Sans", sans-serif;
font-size: 5rem;
font-weight: normal;
line-height: 1;
letter-spacing: .1rem
}
.generic-modal-component h2.intro, .generic-modal-component h2.intro-secondary {
font-size: 4rem;
line-height: 5.7rem;
color: #121a38;
font-weight: 300
}
.generic-modal-component h2.intro {
letter-spacing: .2rem
}
.generic-modal-component h2.intro-secondary {
letter-spacing: .15rem
}
.generic-modal-component h3, .generic-modal-component .h3 {
font-family: "Noto Sans", sans-serif;
font-weight: 700;
line-height: 2;
font-size: 1.4rem;
letter-spacing: .2rem;
margin-bottom: 2.7rem
}
.generic-modal-component.region {
background: #0079a1;
left: auto;
padding: 2rem;
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0)
}
.generic-modal-component.region.opened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.generic-modal-component.region .close-toggle {
font-size: 2.5rem;
top: 3.8rem;
right: 5rem
}
.generic-modal-component.region .close-toggle .nttd-times {
font-size: 2.5rem
}
@media screen and (min-width:768px) and (max-width:1199px) {
.generic-modal-component.region .close-toggle {
top: 3.8rem;
right: 3.6rem
}
.generic-modal-component.region .close-toggle .nttd-times {
font-size: 2.6rem
}
}
@media screen and (max-width:767px) {
.generic-modal-component.region .close-toggle {
top: 3.5rem;
right: 2rem
}
.generic-modal-component.region .close-toggle .nttd-times {
font-size: 2.6rem
}
}
.generic-modal-component.region .content-holder {
height: auto;
min-height: 100%;
padding-bottom: 4rem;
position: relative
}
.generic-modal-component.region h2 {
font-size: 3.2rem;
line-height: 4rem;
letter-spacing: .16rem;
margin: 6rem 0 2rem 0
}
.generic-modal-component.region h3 {
font-size: 2rem;
color: #fff;
font-weight: 700;
margin-bottom: 0
}
.generic-modal-component.region ul {
margin-left: 2rem
}
.generic-modal-component.region ul li {
margin: .2rem 0
}
.generic-modal-component.region ul li a {
font-size: 1.6rem;
letter-spacing: .16rem;
line-height: 3rem;
color: #fff
}
.generic-modal-component.region .visit {
bottom: 0;
color: #fff;
font-size: 1.6rem;
line-height: 3rem;
position: absolute
}
@media screen and (min-width:1441px) {
.generic-modal-component.region {
width: 37.5rem
}
}
@media screen and (min-width:1201px) and (max-width:1440px) {
.generic-modal-component.region {
width: 29rem
}
}
@media screen and (min-width:768px) and (max-width:1200px) {
.generic-modal-component.region {
width: 30vw
}
}
@media screen and (max-width:767px) {
.generic-modal-component.region h2 {
font-size: 2.8rem;
line-height: 3.6rem
}
}
@media screen and (max-width:991px) {
.generic-modal-component h2.intro-secondary {
font-size: 3.5rem;
line-height: 1.41;
letter-spacing: .12rem
}
.generic-modal-component.gutter {
top: 0;
left: 0;
right: 0
}
.generic-modal-component.gutter .board {
padding: 2.8rem
}
}
@media screen and (max-width:767px) {
.generic-modal-component .close-toggle {
top: 3rem;
right: 2rem
}
.generic-modal-component h2.intro {
font-size: 4rem;
line-height: 5.5rem;
letter-spacing: .15rem
}
.generic-modal-component h2.intro-secondary {
font-size: 2.6rem;
line-height: 1.71;
letter-spacing: .09rem
}
.generic-modal-component.region {
left: 0
}
}
.select-wrapper label.small-label {
font-weight: 400;
font-size: 2rem
}
.custom-select {
position: relative;
background-color: transparent;
border-color: #fff;
margin: 0;
width: 100%;
border-radius: 0;
border: 1px solid #fff;
display: inline-block
}
.custom-select:hover .custom-select-arrow, .custom-select:focus .custom-select-arrow {
border-top-color: #fff
}
.custom-select.light:hover .custom-select-arrow, .custom-select.light:focus .custom-select-arrow {
opacity: .3;
border-top-color: #121a38
}
.custom-select.white-select {
background-color: #fff
}
.custom-select.disabled {
opacity: .4
}
.custom-select.disabled .custom-select-arrow {
display: none
}
.custom-select.disabled .form-control[disabled] {
background-color: transparent !important;
color: #fff !important
}
.custom-select select {
display: block;
width: 100%;
background: transparent;
background-image: none;
overflow-x: hidden;
overflow-y: scroll;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
text-indent: 0;
margin: 0;
padding: 8px 45px 8px 15px;
color: #fff;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 5rem;
font-size: 2rem
}
.custom-select select.dark-text {
color: #070f26
}
.custom-select select:focus {
border-color: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.custom-select select:hover {
cursor: pointer
}
.custom-select select::-ms-expand {
display: none
}
.custom-select select:disabled {
color: #fff;
border-radius: 0
}
.custom-select select option {
padding: 5px;
background: #fff;
color: #121a38
}
.custom-select-arrow {
position: absolute;
right: 2rem;
top: 2.2rem;
pointer-events: none
}
.custom-select-arrow.arrow-down {
border-bottom: 0;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
border-top: 8px solid #121a38
}
.social-component {
font-size: 2.2rem;
letter-spacing: .11rem;
font-weight: 200;
font-family: "Noto Sans", sans-serif;
color: #667493;
margin-top: 1.6rem
}
.social-component.social-slider {
padding: 0 4.2rem
}
.social-component.social-slider .slick-prev, .social-component.social-slider .slick-next {
height: auto;
line-height: 1;
z-index: 1
}
.social-component.social-slider .slick-prev:before, .social-component.social-slider .slick-next:before {
color: #121a38;
font-size: 3rem;
font-weight: 900
}
.social-component.social-slider .slick-prev {
left: 1.5rem
}
.social-component.social-slider .slick-prev:before {
content: "î¤"
}
.social-component.social-slider .slick-next {
right: 1.5rem
}
.social-component.social-slider .slick-next:before {
content: ""
}
@media screen and (max-width:1024px) {
.social-component {
font-size: 1.8rem
}
}
.social-component p {
font-size: 1.8rem;
letter-spacing: .09rem;
font-weight: 300;
font-family: "Noto Sans", sans-serif;
line-height: 3rem
}
.social-component p a {
color: #5876aa;
font-weight: 400
}
@media screen and (max-width:1024px) {
.social-component p {
font-size: 1.4rem
}
}
.social-component .title {
margin: 1.8rem 0 1rem 0;
display: block;
font-weight: 700;
font-family: "Noto Sans", sans-serif;
font-size: 1.8rem
}
.social-component .title small {
font-size: 1.2rem;
color: #667493;
margin-left: 1rem
}
.social-component .title.sub {
font-size: 1.8rem;
margin-bottom: 0;
margin-top: 1rem
}
.social-component .fa {
color: #121a38;
margin: 1.6rem 0
}
.social-component .cta-slide-component {
display: inline-block;
border-radius: 2px;
text-align: center;
overflow: hidden
}
.social-component .cta-slide-component img {
display: inline-block;
max-height: 20rem;
width: auto;
border-radius: 2px;
overflow: hidden
}
.social-component .cta-slide-component .slide-content {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
bottom: auto
}
.social-component .cta-slide-component .slide-content .button {
margin-top: 0
}
.social-component + .social-component {
margin-top: 3rem
}
.twitter-component .social-component .cta-slide-component img {
height: auto;
width: auto;
max-height: 200px;
max-width: 400px
}
@media all and (max-width:767px) {
.social-component > [class*="col-"] {
margin-bottom: 3rem
}
}
.language-slider-component .slick-prev, .language-slider-component .slick-next {
z-index: 9;
top: 5rem
}
.language-slider-component .slick-prev {
left: 5rem
}
.language-slider-component .slick-next {
right: 5rem
}
.language-slider-component .slide {
background-size: cover;
height: 100vh;
position: relative
}
.language-slider-component .slide h1 {
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 10rem;
font-weight: 700;
margin: 10rem 4.6rem 0
}
.language-slider-component .slide .contact-details {
position: absolute;
bottom: 3rem;
left: 5rem;
right: 5rem
}
.language-slider-component .slide .contact-details .contact-details-city {
text-transform: uppercase
}
.language-slider-component .slide .contact-details .contact-details-address {
margin-top: -2.9rem;
white-space: pre-line
}
.language-slider-component .slide .contact-details span {
color: #fff;
display: block;
font-family: "Noto Sans", sans-serif;
font-size: 2rem;
letter-spacing: .04rem;
line-height: 2.9rem
}
.language-slider-component .slide .contact-details .row.location + .row.location {
margin-top: 1.5rem
}
@media all and (max-width:1024px) {
.language-slider-component .slide {
height: 50vh
}
.language-slider-component .slide h1 {
margin: 3rem 3rem 0
}
.language-slider-component .slide .contact-details {
text-align: right;
right: 3rem;
left: 3rem;
bottom: 5rem
}
}
@media all and (max-width:767px) {
.language-slider-component .slide h1 {
margin: 1.8rem 2rem 0;
font-size: 4rem
}
.language-slider-component .slide .contact-details {
right: 1.8rem;
left: 1.8rem;
bottom: 3rem
}
.language-slider-component .slide .contact-details .contact-details-address {
margin-top: -1.8rem
}
.language-slider-component .slide .contact-details span {
font-size: 1.4rem;
line-height: 1.8rem;
letter-spacing: .03rem
}
}
.neo-vertical-carousel-component {
padding: 3.2rem 3.2rem 2rem !important;
overflow: hidden;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: relative
}
.neo-vertical-carousel-component .slide {
-webkit-transform: scale(.125, .125);
-ms-transform: scale(.125, .125);
transform: scale(.125, .125);
top: 80%;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
opacity: 0;
-webkit-transition: 1s ease transform, .5s ease opacity, 1s ease top;
-o-transition: 1s ease transform, .5s ease opacity, 1s ease top;
transition: 1s ease transform, .5s ease opacity, 1s ease top;
font-size: 6rem;
cursor: default;
letter-spacing: .3rem;
font-weight: 300;
left: 2rem;
right: 2rem;
position: absolute
}
.neo-vertical-carousel-component .slide + .slide {
top: 95%
}
.neo-vertical-carousel-component .slide .tagline {
color: #121a38;
line-height: 7.7rem;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.neo-vertical-carousel-component .slide .tagline a {
color: #121a38;
text-decoration: none
}
.neo-vertical-carousel-component .slide.slide-previous {
-webkit-transform: scale(.5, .5);
-ms-transform: scale(.5, .5);
transform: scale(.5, .5);
opacity: 0;
top: -25%
}
.neo-vertical-carousel-component .slide.slide-current {
-webkit-transition: none;
-o-transition: none;
transition: none;
opacity: 1;
-webkit-transition: 1s ease transform, .5s ease opacity, 1s ease top;
-o-transition: 1s ease transform, .5s ease opacity, 1s ease top;
transition: 1s ease transform, .5s ease opacity, 1s ease top;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
top: 50%
}
.neo-vertical-carousel-component .slide.slide-next {
opacity: .5;
-webkit-transform: scale(.25, .25);
-ms-transform: scale(.25, .25);
transform: scale(.25, .25);
letter-spacing: .07rem;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
top: 80%
}
.neo-vertical-carousel-component .slide.slide-next2 {
opacity: 0;
-webkit-transform: scale(.125, .125);
-ms-transform: scale(.125, .125);
transform: scale(.125, .125);
letter-spacing: .07rem;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
top: 95%;
-webkit-transition: none;
-o-transition: none;
transition: none
}
@media screen and (max-width:1024px) {
.neo-vertical-carousel-component {
padding: 6.2rem 4.4rem 2rem !important
}
.neo-vertical-carousel-component .slide {
font-size: 4rem;
letter-spacing: .2rem
}
.neo-vertical-carousel-component .slide .tagline {
line-height: 6.4rem
}
.neo-vertical-carousel-component .slide.slide-next {
-webkit-transform: scale(.375, .375);
-ms-transform: scale(.375, .375);
transform: scale(.375, .375)
}
}
@media screen and (max-width:767px) {
.neo-vertical-carousel-component {
padding: 4rem 3.8rem 1rem !important
}
.neo-vertical-carousel-component .slide {
font-size: 3rem;
letter-spacing: .15rem;
left: 1rem;
right: 1rem
}
.neo-vertical-carousel-component .slide .tagline {
line-height: 4.4rem
}
.neo-vertical-carousel-component .slide.slide-next {
-webkit-transform: scale(.5, .5);
-ms-transform: scale(.5, .5);
transform: scale(.5, .5)
}
}
.search-results-component.board.header.human-blue {
background-color: #0079a1
}
.search-results-component form {
border-right: 3px solid #fff;
-webkit-box-sizing: content-box;
box-sizing: content-box;
overflow: hidden;
width: 0;
opacity: 0;
position: relative;
z-index: 1;
-webkit-animation: .2s ease-in .2s 1 normal forwards fadeIn, .4s ease-in .8s 1 normal forwards animateInput;
animation: .2s ease-in .2s 1 normal forwards fadeIn, .4s ease-in .8s 1 normal forwards animateInput
}
@media all and (max-width:767px) {
.search-results-component form {
-webkit-animation: .2s ease-in .2s 1 normal forwards fadeIn, .4s ease-in .8s 1 normal forwards animateInputMobile;
animation: .2s ease-in .2s 1 normal forwards fadeIn, .4s ease-in .8s 1 normal forwards animateInputMobile
}
}
.search-results-component form input[type="text"] {
background: transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 10rem;
font-weight: 700;
width: 116rem;
width: auto
}
.search-results-component form input[type="text"]::-webkit-input-placeholder {
color: #fff
}
.search-results-component form input[type="text"]::-moz-placeholder {
color: #fff;
opacity: 1
}
.search-results-component form input[type="text"]:-ms-input-placeholder {
color: #fff
}
.search-results-component form input[type="text"]:-moz-placeholder {
color: #fff
}
.search-results-component.filter-wrapper h2 {
font-size: 3rem
}
.search-results-component.filter-wrapper .excerpt {
font-size: 1.8rem
}
.search-results-component.filter-wrapper .excerpt .date {
display: block;
margin-bottom: 1rem;
font-size: 1.5rem
}
.search-results-component.header {
padding-top: 18.4rem
}
.search-results-component .thumbnail {
border: none;
margin: 0;
padding: 0;
border-radius: 0;
font-family: 'object-fit: cover;';
height: auto;
max-height: 368px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%
}
.search-results-component .search-info {
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .14rem;
-webkit-transition: .2s ease opacity;
-o-transition: .2s ease opacity;
transition: .2s ease opacity;
white-space: nowrap;
pointer-events: none
}
.search-results-component .results .result {
margin-bottom: 8rem
}
.search-results-component .results .row:last-child > [class*='col-']:last-child .result {
margin-bottom: 0
}
.search-results-component .quicklinks a {
color: #121a38;
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: 300;
letter-spacing: .06rem;
margin-right: 1.5rem;
text-transform: uppercase
}
.search-results-component .quicklinks a:last-child {
margin-right: 0
}
.search-results-component .quicklinks a .nttd {
color: #121a38;
font-size: 1.7rem;
margin-right: .5rem;
display: inline-block;
text-decoration: none
}
.search-results-component h2 {
font-family: "Noto Sans", sans-serif;
font-size: 3.5rem;
font-weight: 300;
margin-top: 0;
margin-bottom: 2rem
}
.search-results-component h2 a {
color: #121a38
}
.search-results-component .excerpt {
font-family: "Noto Sans", sans-serif;
font-size: 2rem;
font-weight: 200;
line-height: 2.6rem;
letter-spacing: .13rem;
color: #121a38
}
.search-results-component .share-component {
margin-top: 1rem
}
.search-results-component .breadcrumbs {
font-size: 1.2rem;
line-height: 1.2rem;
font-family: "Noto Sans", sans-serif
}
.search-results-component .breadcrumbs li {
line-height: 1.2rem
}
.search-results-component .breadcrumbs li:not(.result-meta) {
text-transform: uppercase;
border-right: 1px solid #0079a1;
padding-right: 1.2rem
}
.search-results-component .breadcrumbs li:not(.result-meta) a {
font-weight: 700
}
.search-results-component .breadcrumbs li a {
color: #667493
}
.search-results-component .breadcrumbs li:not(:first-child) {
padding-left: 1.2rem
}
.search-results-component .breadcrumbs li:last-child {
border-right: none
}
.search-results-component .breadcrumbs li.result-meta:last-child {
padding-left: 0
}
.search-results-component .breadcrumbs + h2 {
margin-top: 2rem
}
@media screen and (max-width:1300px) {
.search-results-component form {
width: 92rem !important
}
.search-results-component form input[type="text"] {
width: 92rem;
font-size: 8rem
}
}
@media screen and (max-width:1023px) {
.search-results-component .thumbnail {
margin-bottom: 1.6rem
}
.search-results-component .breadcrumbs {
margin-bottom: 3.2rem
}
.search-results-component h2 {
font-size: 4rem
}
.search-results-component .excerpt {
margin-bottom: 1rem
}
}
@media screen and (max-width:991px) {
.search-results-component form {
width: 58rem !important
}
.search-results-component form input[type="text"] {
width: 58rem;
font-size: 5rem
}
}
@media screen and (max-width:767px) {
.search-results-component.header {
padding-top: 10.2rem
}
.search-results-component .thumbnail {
max-height: 24rem
}
.search-results-component form {
width: 34rem !important
}
.search-results-component form input[type="text"] {
font-size: 3.2rem;
width: 34rem
}
}
.emea-ntt .search-results-component .row.result h2 {
margin: 2rem 0
}
.emea-ntt .search-results-component.header {
padding-top: 18.4rem
}
.emea-ntt .search-results-component form input[type="text"] {
height: 100%;
max-height: 11rem;
width: 100%
}
@media screen and (max-width:767px) {
.emea-ntt .search-results-component form input[type="text"] {
width: 100%;
margin-left: 0
}
}
.emea-ntt .filter-component.secondary ul li.highlight a span, .emea-ntt .filter-component.secondary ul li.highlight a em {
opacity: .3;
color: #121a38;
font-weight: bold
}
.pagination-component.board {
padding: 5.4rem 4.4rem
}
.pagination-component.board.light .page-navigator, .pagination-component.board.light .page-count, .pagination-component.board.light .page-count small {
color: #2e404d
}
.pagination-component.board.tight {
padding: 3.4rem 4.4rem
}
.pagination-component.board.large {
padding: 10rem 4.4rem
}
.pagination-component .title {
color: #121a38;
display: block;
font-size: 2rem;
font-weight: 600;
margin-bottom: 2rem;
text-transform: uppercase
}
.pagination-component.numbered {
padding-top: 2.2rem;
padding-bottom: 2.2rem;
position: relative
}
.pagination-component.numbered .pagination-wrapper {
display: inline-block
}
.pagination-component.numbered .pagination, .pagination-component.numbered .nttd-angle-left, .pagination-component.numbered .nttd-angle-right {
vertical-align: middle
}
.pagination-component.numbered .nttd-angle-left, .pagination-component.numbered .nttd-angle-right {
color: #667493;
font-size: 1.2rem;
font-weight: 600;
text-decoration: none
}
.pagination-component.numbered .nttd-angle-left {
margin-right: .5rem
}
.pagination-component.numbered .nttd-angle-right {
margin-left: .5rem
}
.pagination-component.numbered .pagination {
margin: 0;
font-size: 0
}
.pagination-component.numbered .pagination li {
display: inline-block;
vertical-align: middle
}
.pagination-component.numbered .pagination li.active a {
background: none;
color: #667493;
font-size: 2.6rem;
opacity: .7
}
.pagination-component.numbered .pagination li a {
background: none;
border: none;
color: #121a38;
font-size: 1.8rem;
padding: 0 .8rem
}
.pagination-component.numbered .number-items-page {
bottom: 2.5rem;
position: absolute;
right: 4.4rem;
text-align: right
}
.pagination-component.numbered .number-items-page:hover {
cursor: pointer
}
.pagination-component.numbered .number-items-page .option {
color: #121a38;
display: inline-block;
font-size: 2rem;
font-weight: 300;
min-width: 15rem
}
.pagination-component.numbered .number-items-page .option .caret {
border-top: .5rem dashed;
border-right: .5rem solid transparent;
border-left: .5rem solid transparent;
margin-left: .4rem
}
.pagination-component.numbered .number-items-page .dropdown-menu {
min-width: 0
}
.pagination-component.numbered .number-items-page .dropdown-menu li a {
color: #121a38;
font-size: 2rem;
font-weight: 300
}
.pagination-component.numbered .number-items-page .dropdown-menu li a:hover {
background-color: #f3f3f3;
background-image: none;
-webkit-filter: none;
filter: none
}
@media all and (max-width:767px) {
.pagination-component.numbered .pagination-wrapper {
display: block
}
.pagination-component.numbered .number-items-page {
display: inline-block;
float: none;
margin-top: .5rem;
position: relative;
right: auto;
bottom: auto
}
.pagination-component.numbered .number-items-page .option {
min-width: 0
}
}
.pagination-component .pagination-holder {
display: table;
table-layout: fixed;
width: 100%
}
.pagination-component .pagination-holder .page-navigator {
display: table-cell;
font-size: 2.4rem;
font-weight: 300;
color: #121a38;
vertical-align: middle;
white-space: nowrap
}
.pagination-component .pagination-holder .page-navigator.disabled {
visibility: hidden
}
.pagination-component .pagination-holder .navigator-title {
display: inline-block;
white-space: normal
}
.pagination-component .pagination-holder .nttd {
font-size: 3rem
}
.pagination-component .pagination-holder .nttd.nttd-angle-left {
padding-right: 1rem
}
.pagination-component .pagination-holder .nttd.nttd-angle-right {
padding-left: 1rem
}
.pagination-component .pagination-holder .back-to-top, .pagination-component .pagination-holder .back-to-top a {
color: #121a38;
cursor: auto;
display: table-cell;
font-size: 2.4rem;
font-weight: 300;
opacity: .5;
padding: 0 3rem;
position: static
}
@media all and (max-width:767px) {
.pagination-component .pagination-holder .back-to-top {
padding: 0;
width: auto
}
}
.pagination-component .page-navigator {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: 200;
letter-spacing: .2rem;
color: #fff;
text-decoration: none;
line-height: 3rem;
position: relative;
z-index: 8
}
.pagination-component .page-navigator span {
vertical-align: middle;
font-family: "Noto Sans", sans-serif
}
.pagination-component .page-navigator .nttd {
font-size: 3rem
}
.pagination-component .page-navigator .nttd.nttd-arrow-left {
padding-right: 1rem
}
.pagination-component .page-navigator .nttd.nttd-arrow-right {
padding-left: 1rem
}
@media screen and (max-width:767px) {
.pagination-component .page-navigator .nttd {
font-size: 5rem;
line-height: 3rem
}
}
.pagination-component.grey.dark {
padding-top: 0
}
.pagination-component.grey.dark span, .pagination-component.grey.dark a, .pagination-component.grey.dark small {
color: #121a38
}
.pagination-component.grey.dark .page-count {
font-size: 2rem
}
.pagination-component.grey.dark .page-count small {
font-size: 1.5rem
}
.pagination-component .page-count {
font-family: "Noto Sans", sans-serif;
font-size: 7rem;
font-weight: 200;
letter-spacing: .3rem;
color: #fff;
vertical-align: middle;
display: inline-block;
position: absolute;
line-height: 3rem;
left: 0;
right: 0
}
.pagination-component .page-count small {
font-family: "Noto Sans", sans-serif;
font-size: 2.7rem;
font-weight: 200;
font-style: normal;
font-stretch: normal;
letter-spacing: .13rem;
color: #fff
}
.pagination-component .back-to-top {
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: 500;
font-style: normal;
font-stretch: normal;
letter-spacing: .07rem;
vertical-align: middle;
display: inline-block;
text-align: center;
line-height: 3rem;
left: 0;
right: 0;
cursor: pointer
}
.pagination-component .back-to-top h3 {
color: #121a38
}
.pagination-component .back-to-top .nttd-angle-up {
padding-left: 1rem
}
.pagination-component .back-to-top span {
font-family: "Noto Sans", sans-serif;
padding-left: .5rem
}
.pagination-component .back-to-top a {
color: #fff
}
.pagination-component .back-to-top a:hover, .pagination-component .back-to-top a:focus {
text-decoration: none
}
.pagination-component .back-to-top:first-child:last-child {
position: static
}
.pagination-component .back-to-top .nttd-arrow-up:before {
font-size: 4rem
}
.pagination-component .social {
list-style: none
}
.pagination-component .social li {
display: inline-block;
text-align: left;
font-size: 1.3rem;
padding: 0 1.75rem
}
.pagination-component .social li a {
color: #fff
}
.pagination-component .social li a i {
font-size: 3.5rem
}
@media all and (max-width:767px) {
.pagination-component .page-navigator {
font-size: 0;
line-height: 1.54;
display: block
}
.pagination-component .page-navigator.left {
text-align: left
}
.pagination-component .page-navigator.right {
text-align: right
}
}
@media all and (max-width:375px) {
.pagination-component .back-to-top {
width: 28%
}
}
.news-pagination {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: 400
}
.news-pagination span.active {
font-weight: 200;
font-size: 2.4rem
}
.filter-toggle.large {
background: rgba(7, 15, 38, .5);
border: 0;
color: #fff;
display: block;
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: .2rem;
margin: -2.66rem -1.86rem 1.8rem;
padding: 2.8rem;
text-align: center;
width: auto
}
.filter-toggle.large:hover, .filter-toggle.large:focus {
color: #fff;
text-decoration: none
}
.filter-component-container [data-filter-type] {
opacity: .2;
-webkit-transition: 1s ease all;
-o-transition: 1s ease all;
transition: 1s ease all
}
.filter-component-container.filter-all [data-filter-type] {
opacity: 1;
-webkit-transition: 1s ease all;
-o-transition: 1s ease all;
transition: 1s ease all
}
.filter-component-container.filter-blog [data-filter-type='blog'] {
opacity: 1
}
.filter-component-container.filter-document [data-filter-type='document'] {
opacity: 1
}
.filter-component-container.filter-case-study [data-filter-type='case-study'] {
opacity: 1
}
.filter-component-container.filter-news [data-filter-type='news'] {
opacity: 1
}
.filter-component-container.filter-services [data-filter-type='services'] {
opacity: 1
}
.filter-component-container.filter-capability [data-filter-type='capability'] {
opacity: 1
}
.filter-component-container.filter-trends [data-filter-type='trends'] {
opacity: 1
}
.filter-component-container.filter-social [data-filter-type='social'] {
opacity: 1
}
.filter-component-container.filter-resource [data-filter-type='resource'] {
opacity: 1
}
.filter-component-container.filter-trend [data-filter-type='trend'] {
opacity: 1
}
.filter-component .filter-toggle {
font-size: 1.8rem;
position: absolute;
right: 2.3rem;
top: 2.3rem
}
.filter-component .info {
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: .2rem;
margin-top: 2.4rem;
text-align: center;
text-transform: uppercase
}
.filter-component .title {
color: #121a38;
display: block;
font-family: "Noto Sans", sans-serif;
font-size: 2rem;
font-weight: 300;
letter-spacing: .33rem;
line-height: 3rem;
margin-bottom: 1.6rem;
opacity: .4
}
.filter-component ul {
width: 100%
}
.filter-component ul.restrain {
margin-top: 3.8rem;
margin-bottom: 7.6rem
}
.filter-component ul li {
min-width: 12.5%
}
.filter-component ul li a {
color: #121a38
}
.filter-component ul li a:hover, .filter-component ul li a:focus {
text-decoration: none
}
.filter-component ul li a span {
font-family: "Noto Sans", sans-serif;
vertical-align: middle;
font-size: 1.3rem;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .2rem
}
.filter-component ul li a em {
opacity: .6;
font-family: "Noto Sans", sans-serif;
font-size: 4rem;
line-height: 4rem;
font-weight: 300;
letter-spacing: .62rem;
text-align: center;
vertical-align: middle;
font-style: normal;
color: #0079a1
}
.filter-component ul li.highlight a {
color: #0079a1
}
.filter-component ul li.highlight a span {
font-weight: 800
}
.filter-component.secondary ul li {
min-width: 0;
margin-right: 8rem
}
.filter-component.secondary ul li:last-child {
margin-right: 0
}
.filter-component.secondary ul li.highlight a {
color: #121a38
}
.filter-component.secondary ul li.highlight a span {
opacity: 1
}
.filter-component.secondary ul li a span {
opacity: .6
}
.filter-component.secondary ul li em {
color: #121a38;
opacity: .3
}
@media screen and (max-width:1199px) {
.filter-component.secondary ul {
font-size: 0
}
.filter-component.secondary ul li {
margin-right: 7rem
}
}
@media screen and (max-width:1024px) {
.filter-component.secondary ul li {
margin-right: 5.2rem
}
.filter-component.secondary ul li a span {
font-size: 1.1rem;
line-height: 3rem;
letter-spacing: .17rem
}
}
@media screen and (max-width:991px) {
.filter-component.secondary ul li {
margin-right: 2.4rem
}
.filter-component.secondary ul li a span {
font-size: 1.1rem;
line-height: 3rem;
letter-spacing: .17rem
}
}
@media screen and (max-width:767px) {
.filter-component {
position: fixed;
top: 6.3rem;
left: 0;
right: 0;
bottom: 0;
background: rgba(7, 15, 38, .9);
z-index: 98;
-webkit-transform: translate(0, 100vh);
-ms-transform: translate(0, 100vh);
transform: translate(0, 100vh);
text-align: center;
overflow: auto;
-webkit-transition: .2s ease transform;
-o-transition: .2s ease transform;
transition: .2s ease transform
}
.filter-component.opened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.filter-component.secondary {
padding: 1.6rem;
top: 0
}
.filter-component.secondary .filter-done {
margin-bottom: 1.6rem
}
.filter-component.secondary ul li {
margin-right: 0
}
.filter-component.secondary ul li:first-child {
margin-top: 4rem
}
.filter-component.secondary ul li.highlight span {
color: #fff;
opacity: 1
}
.filter-component.secondary ul li a span {
font-size: 1.3rem;
line-height: 1.42857143;
letter-spacing: .17rem;
color: rgba(255, 255, 255, .8)
}
.filter-component.secondary ul li a {
position: relative
}
.filter-component.secondary ul li a em {
color: #fff;
position: absolute;
right: -5rem
}
.filter-component.restrain {
margin: 0
}
.filter-component ul li {
display: block;
margin-bottom: 2rem
}
.filter-component ul li a span {
color: rgba(255, 255, 255, .5)
}
.filter-component ul li a em {
color: rgba(255, 255, 255, .5);
font-size: 3.5rem
}
.filter-component ul li.highlight span {
color: #fff
}
}
@media screen and (max-width:1024px) {
.board.filter-wrapper {
padding-top: 2rem;
padding-bottom: 1rem
}
}
@media screen and (max-width:767px) {
.filter-component {
z-index: 101
}
.filter-toggle.large {
position: fixed;
bottom: 0;
z-index: 97;
width: 100%;
margin: 0 -1.8rem 0;
background: #070f26;
opacity: .9;
text-transform: uppercase
}
}
.modal-hero-component {
position: relative
}
.modal-hero-component.no-image .content {
position: relative;
left: auto;
right: auto;
bottom: auto;
padding: 4.6rem 6.6rem 6.6rem
}
.modal-hero-component.no-image .content h1 {
margin: 0 0 1.2rem
}
.modal-hero-component.no-image .content p {
font-size: 2rem;
letter-spacing: .1rem;
font-weight: 200;
margin: 0;
padding-bottom: .2rem
}
.modal-hero-component.no-image .content p.fine-print {
margin: 6rem 0 .6rem;
font-size: 1.4rem;
line-height: 3rem
}
.modal-hero-component.no-image .content .button {
margin-top: 0
}
.modal-hero-component img {
font-family: 'object-fit: cover;';
height: auto;
max-height: 100vh;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
min-height: 100vh
}
.modal-hero-component .label {
position: absolute;
top: 4.8rem;
left: 5.7rem;
font-size: 1.4rem;
line-height: 3rem;
letter-spacing: .07rem;
font-family: "Noto Sans", sans-serif;
font-weight: 700;
padding: 0
}
.modal-hero-component .content {
position: absolute;
left: 5.7rem;
right: 5.7rem;
bottom: 13.6rem;
color: #fff
}
.modal-hero-component .content h1 {
font-size: 7rem;
line-height: 6.3rem;
margin-top: 1rem;
margin-bottom: 1rem;
letter-spacing: .35rem;
font-weight: 300
}
.modal-hero-component .content p {
font-size: 2.4rem;
line-height: 3rem;
letter-spacing: .12rem;
font-family: "Noto Sans", sans-serif;
font-weight: 200;
margin-top: 3.2rem
}
.modal-hero-component .content .button {
margin-top: 7.4rem
}
@media screen and (max-width:1024px) {
.modal-hero-component .label {
font-size: 1.1rem;
letter-spacing: .12rem;
left: 2.8rem
}
.modal-hero-component .content {
left: 2.8rem;
right: 2.8rem;
bottom: 10rem
}
.modal-hero-component .content h1 {
font-size: 4rem;
letter-spacing: .2rem;
line-height: 4.7rem
}
.modal-hero-component .content .button {
margin-top: 5rem
}
}
@media screen and (max-width:767px) {
.modal-hero-component .label {
left: 1.8rem
}
.modal-hero-component .content {
left: 1.8rem;
right: 1.8rem
}
.modal-hero-component .content h1 {
font-size: 3rem;
line-height: 4rem;
letter-spacing: .15rem
}
.modal-hero-component .content p {
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: .08rem
}
}
.contact-us-component .message {
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 300;
line-height: 1.93;
letter-spacing: .1rem;
color: #fff
}
.contact-us-component .thank-you {
font-family: "Noto Sans", sans-serif;
font-size: 3rem;
font-weight: 300;
letter-spacing: .1rem;
color: #fff
}
.contact-us-component .error {
font-family: "Noto Sans", sans-serif;
font-size: 3rem;
font-weight: 200;
color: #fff
}
.contact-us-component dl dt, .contact-us-component dl dd {
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 200;
line-height: 2.14;
letter-spacing: .1rem;
color: #fff;
display: block;
float: left
}
.contact-us-component dl dt {
opacity: .7;
clear: left;
min-width: 16rem
}
.contact-us-component h2 {
margin-top: 4rem;
font-family: "Noto Sans", sans-serif;
font-weight: 200
}
.contact-us-component h3 {
margin-bottom: 4.8rem
}
.contact-us-component .bootstrap-select > .dropdown-toggle, .contact-us-component .bootstrap-select > .dropdown-toggle.bs-placeholder {
background: transparent;
border-color: #fff;
border-radius: 0;
color: #fff
}
.contact-us-component .bootstrap-select .bs-caret {
color: #121a38
}
.contact-us-component .bootstrap-select.open > .dropdown-toggle.btn-default:hover, .contact-us-component .bootstrap-select.open > .dropdown-toggle.btn-default {
background: transparent;
border-color: #fff;
border-radius: 0;
color: #fff
}
.contact-us-component .bootstrap-select.open .bs-caret {
color: #fff
}
.contact-us-component .bootstrap-select .filter-option {
font-family: "Noto Sans", sans-serif;
font-size: 2rem;
font-weight: 300;
text-shadow: none
}
.contact-us-component .bootstrap-select .bs-actionsbox .btn-group button {
background: transparent;
color: #121a38
}
.contact-us-component textarea {
resize: none
}
.contact-us-component input[type="checkbox"].material-input + label {
margin-bottom: 34px
}
.contact-us-component .generic-modal-component h3, .contact-us-component .generic-modal-component .h3 {
margin-bottom: 4.5rem
}
.contact-us-component input[type="text"].material-input, .contact-us-component input[type="email"].material-input, .contact-us-component input[type="password"].material-input {
width: 90%;
padding: 0 0 .5rem .8rem;
font-weight: 400
}
.contact-us-component input[type="text"].material-input:focus + label, .contact-us-component input[type="text"].material-input.filled + label, .contact-us-component input[type="email"].material-input:focus + label, .contact-us-component input[type="email"].material-input.filled + label, .contact-us-component input[type="password"].material-input:focus + label, .contact-us-component input[type="password"].material-input.filled + label {
line-height: 1
}
.contact-us-component .text-center-md.spacer-bottom-m, .contact-us-component .text-center-md.spacer-bottom-xs-m {
padding-bottom: 0 !important
}
.contact-us-component .contact-us-component h2 {
margin-top: 4rem
}
.contact-us-component input[type="checkbox"].material-input:focus + label {
outline: 0
}
@media screen and (min-width:768px) and (max-width:1200px) {
.contact-us-component input[type="checkbox"].material-input + label {
margin-bottom: 34px;
padding-left: 3rem
}
.contact-us-component input[type="text"].material-input, .contact-us-component input[type="email"].material-input, .contact-us-component input[type="password"].material-input {
width: 99%
}
}
@media all and (max-width:767px) {
.contact-us-component input[type="text"].material-input, .contact-us-component input[type="email"].material-input, .contact-us-component input[type="password"].material-input {
width: 100%
}
.contact-us-component .contact-us-component > .step h2 {
margin-bottom: 6rem
}
.contact-us-component .contact-us-component > .step {
padding-top: 3.2rem
}
.contact-us-component input[type="text"].material-input, .contact-us-component input[type="email"].material-input, .contact-us-component input[type="password"].material-input {
font-size: 1.8rem
}
}
@media all and (max-width:767px) {
.contact-us-component > .step {
padding: 1.9rem
}
.contact-us-component > .step h2 {
font-size: 3rem;
line-height: 1.67;
letter-spacing: .15rem;
margin: 0 0 4.2rem
}
.contact-us-component > .step .button.white {
text-transform: none;
width: 100%
}
.contact-us-component > .step textarea {
min-height: 10rem
}
}
.contact-us-section {
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.contact-us-section iframe {
height: 715px
}
@media all and (max-width:991px) {
.contact-us-section iframe {
height: 742px
}
}
@media all and (max-width:767px) {
.contact-us-section iframe {
height: 1030px
}
}
.captcha-error {
text-align: center
}
.captcha-error .error-text {
color: #fff;
font-size: 1.6rem;
text-transform: uppercase;
font-family: "Noto Sans", sans-serif;
font-weight: 700;
margin-top: 2rem
}
.g-recaptcha > div {
margin: 10px auto !important;
text-align: center;
width: auto !important;
height: auto !important
}
.one-quarter-carousel-component.board {
padding: 5rem 0 5rem 5.7rem !important
}
.one-quarter-carousel-component h2 {
font-size: 2.6rem;
line-height: 3rem;
letter-spacing: .05rem;
color: #fff;
font-weight: 700;
font-family: "Noto Sans", sans-serif;
margin-top: 0
}
.one-quarter-carousel-component .one-quarter-carousel-pagination {
font-size: 1.4rem;
line-height: 3.3rem;
letter-spacing: .07rem;
font-weight: 200;
margin-top: 2.4rem
}
.one-quarter-carousel-component .one-quarter-carousel-pagination .active {
font-size: 2.4rem;
letter-spacing: .12rem;
margin-right: 3rem;
vertical-align: top
}
.one-quarter-carousel-component .one-quarter-carousel {
margin-top: 6rem;
margin-bottom: 10rem
}
.one-quarter-carousel-component .one-quarter-carousel .slide {
opacity: .41
}
.one-quarter-carousel-component .one-quarter-carousel .slide.slick-active {
opacity: 1
}
.one-quarter-carousel-component .one-quarter-carousel .slide.slick-active + .slide {
margin-left: 14rem
}
.one-quarter-carousel-component .one-quarter-carousel .slide h3 {
font-size: 4.8rem;
line-height: 5.8rem;
letter-spacing: .24rem;
font-weight: 300;
margin: 0
}
.one-quarter-carousel-component .one-quarter-carousel .slick-prev, .one-quarter-carousel-component .one-quarter-carousel .slick-next {
bottom: -10rem;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.one-quarter-carousel-component .one-quarter-carousel .slick-prev {
left: 0
}
.one-quarter-carousel-component .one-quarter-carousel .slick-next {
right: 5.7rem
}
@media screen and (max-width:1024px) {
.one-quarter-carousel-component.board {
padding-left: 2.8rem
}
.one-quarter-carousel-component .one-quarter-carousel {
margin-bottom: 8rem
}
.one-quarter-carousel-component .one-quarter-carousel .slide.slick-active + .slide {
margin-left: 8rem
}
.one-quarter-carousel-component .one-quarter-carousel .slide h3 {
font-size: 4rem;
line-height: 5.7rem
}
.one-quarter-carousel-component .one-quarter-carousel .slick-prev, .one-quarter-carousel-component .one-quarter-carousel .slick-next {
bottom: -8rem
}
}
@media screen and (max-width:991px) {
.one-quarter-carousel-component.board {
padding: 5rem 0 5rem 2.8rem !important
}
.one-quarter-carousel-component .one-quarter-carousel .slick-next {
right: 2.8rem
}
}
@media screen and (min-width:768px) {
.one-quarter-carousel-component .one-quarter-carousel .slide.slick-active {
width: 70vw !important
}
.one-quarter-carousel-component .one-quarter-carousel .slide h3 {
max-width: 70vw !important
}
}
@media screen and (max-width:767px) {
.one-quarter-carousel-component.board {
padding: 2.6rem 2.8rem !important
}
.one-quarter-carousel-component h2 {
font-size: 2rem
}
.one-quarter-carousel-component .one-quarter-carousel {
margin: 2rem 0 4rem
}
.one-quarter-carousel-component .one-quarter-carousel .slide {
max-width: none !important;
opacity: 1
}
.one-quarter-carousel-component .one-quarter-carousel .slide.slick-active + .slide {
margin-left: auto
}
.one-quarter-carousel-component .one-quarter-carousel .slide h3 {
font-size: 3rem;
line-height: 4rem;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.one-quarter-carousel-component .one-quarter-carousel .slick-prev, .one-quarter-carousel-component .one-quarter-carousel .slick-next {
bottom: -6rem
}
.one-quarter-carousel-component .one-quarter-carousel .slick-next {
right: 0
}
}
.location-modal-component, .location-component {
background: #fff
}
.location-modal-component .close-toggle, .location-component .close-toggle {
position: absolute;
right: 5rem;
top: 1.5rem
}
.location-modal-component .close-toggle span, .location-component .close-toggle span {
color: #121a38
}
.location-modal-component .location-header, .location-component .location-header {
font-size: 1.6rem;
letter-spacing: .16rem;
font-family: "Noto Sans", sans-serif;
padding: 0 4.7rem;
color: #121a38
}
.location-modal-component .location-header a, .location-component .location-header a {
margin: 6rem 0 6rem 0;
color: #121a38;
font-size: 1.4rem;
letter-spacing: .14rem
}
.location-modal-component .location-header .intro, .location-component .location-header .intro {
padding: 5.8rem 0;
font-family: "Noto Sans", sans-serif;
margin-right: 4.4rem
}
.location-modal-component .location-header .select-wrapper, .location-component .location-header .select-wrapper {
padding: 4.4rem 0
}
.location-modal-component .location-header .select-wrapper label, .location-component .location-header .select-wrapper label {
font-weight: 400;
font-family: "Noto Sans", sans-serif;
padding-right: 1.4rem
}
.location-modal-component .location-header .select-wrapper .custom-select, .location-component .location-header .select-wrapper .custom-select {
width: auto;
border: 1px solid #121a38;
margin-right: 5.4rem
}
.location-modal-component .location-header .select-wrapper .custom-select select, .location-component .location-header .select-wrapper .custom-select select {
color: #121a38;
font-family: "Noto Sans", sans-serif;
min-width: 24.8rem
}
.location-modal-component .location-wrapper .location, .location-component .location-wrapper .location {
position: relative
}
.location-modal-component .location-wrapper .location:first-child:last-child h1, .location-component .location-wrapper .location:first-child:last-child h1 {
font-size: 10rem
}
.location-modal-component .location-wrapper .location img, .location-component .location-wrapper .location img {
font-family: 'object-fit: cover;';
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%
}
.location-modal-component .location-wrapper .location .location-title, .location-component .location-wrapper .location .location-title {
position: absolute;
top: 3.6rem;
left: 4.6rem
}
.location-modal-component .location-wrapper .location .location-title h1, .location-component .location-wrapper .location .location-title h1 {
font-size: 6rem;
font-weight: 700;
line-height: 1;
color: #fff;
font-family: "Noto Sans", sans-serif;
margin: 0
}
.location-modal-component .location-wrapper .location .location-title h2, .location-component .location-wrapper .location .location-title h2 {
font-size: 4rem;
line-height: 2.9rem;
letter-spacing: .08rem;
color: #fff;
font-family: "Noto Sans", sans-serif;
margin: 0
}
.location-modal-component .location-wrapper .location .location-details, .location-component .location-wrapper .location .location-details {
position: absolute;
bottom: 12.6rem;
left: 4.6rem;
color: #fff
}
.location-modal-component .location-wrapper .location .location-details span, .location-component .location-wrapper .location .location-details span {
display: block;
font-size: 2rem;
line-height: 2.9rem;
letter-spacing: .04rem;
font-family: "Noto Sans", sans-serif
}
.location-modal-component .location-wrapper .location .button, .location-component .location-wrapper .location .button {
position: absolute;
bottom: 4.6rem;
left: 4.6rem;
min-width: 23.8rem;
text-align: center
}
.location-modal-component .location-slider-component.secondary, .location-component .location-slider-component.secondary {
padding: 6.6rem 30.6rem 4rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location img, .location-component .location-slider-component.secondary .location-wrapper .location img {
margin-bottom: 2.6rem;
max-height: 55rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .button, .location-component .location-slider-component.secondary .location-wrapper .location .button {
right: 4.2rem;
bottom: 6.8rem;
left: auto
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-details, .location-component .location-slider-component.secondary .location-wrapper .location .location-details {
left: 4.2rem;
bottom: 6rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-title, .location-component .location-slider-component.secondary .location-wrapper .location .location-title {
left: 4.2rem;
top: 2.4rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-title h1, .location-component .location-slider-component.secondary .location-wrapper .location .location-title h1 {
font-size: 8rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-title h2, .location-component .location-slider-component.secondary .location-wrapper .location .location-title h2 {
font-size: 2rem;
line-height: 2.9rem;
letter-spacing: .04rem
}
@media all and (min-width:1921px) {
.location-modal-component .location-header .select-wrapper, .location-component .location-header .select-wrapper {
padding: 5.6rem 0
}
}
@media screen and (min-width:992px) and (max-width:1366px) {
.location-modal-component .location-header a {
margin: 6.8rem 10rem 6.8rem 0
}
.location-modal-component .location-header .intro {
padding: 6.7rem 0
}
.location-modal-component .location-header .select-wrapper + .select-wrapper .custom-select {
margin-right: 0
}
}
@media screen and (max-width:1100px) {
.location-modal-component .location-header a {
margin-right: 4rem
}
.location-modal-component .location-header .intro {
margin-right: 2.4rem
}
.location-modal-component .location-header .select-wrapper {
padding: 5rem 0
}
.location-modal-component .location-header .select-wrapper .custom-select select {
min-width: 0
}
.location-modal-component .location-slider-component.secondary {
padding: 6.6rem 20rem 4rem
}
}
@media screen and (min-width:992px) and (max-width:1024px) {
.location-modal-component .location-wrapper .location .location-details {
max-width: 20rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-details {
max-width: none
}
}
@media screen and (max-width:991px) {
.location-modal-component .close-toggle {
top: 3.2rem;
right: 3.2rem
}
.location-modal-component .location-header {
padding: 0 9rem
}
.location-modal-component .location-header a {
font-size: 1.6rem;
letter-spacing: .16rem;
margin: 9rem 0 0 0
}
.location-modal-component .location-header .intro {
padding: 9rem 0 0
}
.location-modal-component .location-header .intro small {
display: block;
font-size: 1.3rem;
letter-spacing: .08rem;
opacity: .4;
font-weight: 300
}
.location-modal-component .location-header .select-wrapper {
clear: both;
padding-top: 4.7rem;
padding-bottom: 6.2rem
}
.location-modal-component .location-header .select-wrapper + .select-wrapper {
clear: none;
float: right !important
}
.location-modal-component .location-header .select-wrapper + .select-wrapper .custom-select {
margin-right: 0
}
.location-modal-component .location-header .select-wrapper label {
display: block;
margin-bottom: 1.4rem
}
.location-modal-component .location-header .select-wrapper .custom-select select {
min-width: 24.8rem
}
.location-modal-component .location-wrapper .location .location-title {
left: 9rem;
top: 5.6rem
}
.location-modal-component .location-wrapper .location .location-title h1 {
font-size: 6rem
}
.location-modal-component .location-wrapper .location .location-title h2 {
font-size: 2rem;
letter-spacing: .04rem
}
.location-modal-component .location-wrapper .location .location-details {
left: 9rem;
top: 20rem
}
.location-modal-component .location-wrapper .location .button {
right: 9rem;
bottom: 6rem
}
.location-modal-component .location-slider-component.secondary {
padding: 0
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location img {
margin-bottom: 0
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-title {
left: 9rem;
top: 4.2rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-title h1 {
font-size: 6rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-details {
top: auto;
left: 9rem;
bottom: 4.2rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-details span {
font-size: 1.8rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .button {
right: 9.2rem;
bottom: 4.8rem
}
}
@media screen and (min-width:768px) {
.location-modal-component .location-slider-component.secondary .location-wrapper .location img {
height: auto !important
}
}
@media screen and (max-width:767px) {
.location-modal-component .location-header {
padding: 0 4.2rem
}
.location-modal-component .location-header .select-wrapper {
width: 100%;
padding-bottom: 2.2rem
}
.location-modal-component .location-header .select-wrapper + .select-wrapper {
padding-top: 0
}
.location-modal-component .location-header .select-wrapper label {
font-size: 1.4rem;
letter-spacing: .14rem
}
.location-modal-component .location-header .select-wrapper .custom-select {
margin-right: 0;
width: 100%
}
.location-modal-component .location-header .submit {
font-size: 1.3rem;
letter-spacing: .07rem;
font-weight: 500;
margin: .4rem 0 2rem
}
.location-modal-component .location-slider-component {
position: relative
}
.location-modal-component .location-slider-component .location-wrapper .location .location-title, .location-modal-component .location-slider-component.secondary .location .location-title {
top: 2rem;
left: 1.4rem;
right: 1.4rem
}
.location-modal-component .location-slider-component .location-wrapper .location .location-title h1, .location-modal-component .location-slider-component.secondary .location .location-title h1 {
font-size: 4rem
}
.location-modal-component .location-slider-component .location-wrapper .location .location-title h2, .location-modal-component .location-slider-component.secondary .location .location-title h2 {
font-size: 1.4rem;
line-height: 1.8rem;
letter-spacing: .03rem
}
.location-modal-component .location-slider-component .location-wrapper .location .location-details, .location-modal-component .location-slider-component.secondary .location .location-details {
bottom: 11rem;
right: 1.8rem;
left: 1.8rem;
text-align: right;
top: auto
}
.location-modal-component .location-slider-component .location-wrapper .location .location-details span, .location-modal-component .location-slider-component.secondary .location .location-details span {
font-size: 1.4rem;
line-height: 1.8rem;
letter-spacing: .03rem
}
.location-modal-component .location-slider-component .location-wrapper .location .button, .location-modal-component .location-slider-component.secondary .location .button {
bottom: 2rem;
left: 1.8rem;
right: 1.8rem;
width: auto
}
.location-modal-component .location-slider-component .location-wrapper .slick-next, .location-modal-component .location-slider-component .location-wrapper .slick-prev, .location-modal-component .location-slider-component.secondary .slick-next, .location-modal-component .location-slider-component.secondary .slick-prev {
top: 8rem;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 9
}
.location-modal-component .location-slider-component .location-wrapper .slick-next, .location-modal-component .location-slider-component.secondary .slick-next {
right: 1.8rem
}
.location-modal-component .location-slider-component .location-wrapper .slick-prev, .location-modal-component .location-slider-component.secondary .slick-prev {
left: 1.8rem
}
.location-modal-component .location-slider-component .location-wrapper-pagination {
position: absolute;
top: 2.6rem;
color: #fff;
right: 1.8rem;
font-size: 1.4rem;
line-height: 2.9rem;
letter-spacing: .03rem;
font-family: "Noto Sans", sans-serif
}
.location-modal-component .location-slider-component .location-wrapper-pagination .active {
font-family: "Noto Sans", sans-serif
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-title {
top: 2rem;
left: 1.4rem;
right: 1.4rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-title h1 {
font-size: 4rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-title h2 {
font-size: 1.4rem;
line-height: 1.8rem;
letter-spacing: .03rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-details {
bottom: 11rem;
right: 1.8rem;
left: 1.8rem;
text-align: right;
top: auto
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .location-details span {
font-size: 1.4rem;
line-height: 1.8rem;
letter-spacing: .03rem
}
.location-modal-component .location-slider-component.secondary .location-wrapper .location .button {
bottom: 2rem;
left: 1.8rem;
right: 1.8rem;
width: auto
}
}
.toaster-component {
height: 0;
position: fixed;
right: 0;
width: 100%;
max-width: 66.5rem;
z-index: 102;
bottom: -1px;
overflow: hidden;
-webkit-transform: translate(0, 19rem);
-ms-transform: translate(0, 19rem);
transform: translate(0, 19rem);
-webkit-transition: 0s ease .2s height, .2s ease 0s transform;
-o-transition: 0s ease .2s height, .2s ease 0s transform;
transition: 0s ease .2s height, .2s ease 0s transform
}
.toaster-component.center {
left: 50%;
-webkit-transform: translate(-50%, 19rem);
-ms-transform: translate(-50%, 19rem);
transform: translate(-50%, 19rem);
right: auto;
max-width: 86.4rem
}
.toaster-component.opened {
height: 19rem;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: 0s ease 0s height, .2s ease 0s transform;
-o-transition: 0s ease 0s height, .2s ease 0s transform;
transition: 0s ease 0s height, .2s ease 0s transform
}
.toaster-component.opened.center {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.toaster-component .toaster-component-container {
background: rgba(7, 15, 38, .95);
padding: 2.4rem 4.6rem 2.4rem 4.8rem;
display: none
}
.toaster-component .toaster-component-container.contact {
padding-top: 3rem
}
.toaster-component .toaster-component-container.contact .close-btn {
z-index: 1
}
.toaster-component .toaster-component-container a {
color: #fff
}
.toaster-component .toaster-component-container:first-child {
display: block
}
.toaster-component .toaster-component-container.final .title {
font-size: 2.4rem;
line-height: 3.9rem;
letter-spacing: .12rem;
font-weight: 200;
margin: 2.2rem 0
}
.toaster-component .toaster-component-container .neutral {
color: #fff
}
.toaster-component .toaster-component-container .button-holder {
display: block;
width: 100%
}
.toaster-component .toaster-component-container .button-holder .back-btn, .toaster-component .toaster-component-container .button-holder .close-btn {
line-height: 1.9rem
}
.toaster-component .toaster-component-container .button-holder .nttd-arrow-left, .toaster-component .toaster-component-container .button-holder .nttd-times {
vertical-align: middle
}
.toaster-component .toaster-component-container .button-holder .nttd-arrow-left {
font-size: 4.2rem;
line-height: 1.9rem
}
.toaster-component .toaster-component-container .button-holder .nttd-times {
font-size: 2rem
}
.toaster-component .toaster-component-container .title {
display: block;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
line-height: 4.7rem;
letter-spacing: .07rem;
margin-bottom: 1.4rem;
color: #fff
}
.toaster-component .toaster-component-container ul {
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
letter-spacing: .14rem;
font-weight: 300
}
.toaster-component .toaster-component-container form {
position: relative;
min-height: 6rem
}
.toaster-component .toaster-component-container form .field-holder {
bottom: 0;
left: 0;
position: absolute;
width: 42rem
}
.toaster-component .toaster-component-container form .field-holder label {
color: rgba(255, 255, 255, .5);
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .08rem;
margin-bottom: 0;
display: none
}
.toaster-component .toaster-component-container form .field-holder .toaster-field {
background: transparent;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, .3);
color: rgba(255, 255, 255, .3);
font-family: "Noto Sans", sans-serif;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: .1rem;
line-height: 3.8rem;
padding: 0 .6rem;
width: 100%;
height: 4.1rem
}
.toaster-component .toaster-component-container form .field-holder .toaster-field::-webkit-input-placeholder {
font-size: 3rem;
font-weight: 300
}
.toaster-component .toaster-component-container form .field-holder .toaster-field::-moz-placeholder {
font-size: 3rem;
font-weight: 300
}
.toaster-component .toaster-component-container form .field-holder .toaster-field:-ms-input-placeholder {
font-size: 3rem;
font-weight: 300
}
.toaster-component .toaster-component-container form .field-holder .toaster-field:-moz-placeholder {
font-size: 3rem;
font-weight: 300
}
.toaster-component .toaster-component-container form .field-holder .toaster-field:focus {
border-bottom: 1px solid #fff;
color: #fff
}
.toaster-component .toaster-component-container .form-btn {
bottom: 0;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: .07rem;
position: absolute;
right: 0
}
.toaster-component .toaster-component-container .form-btn:hover, .toaster-component .toaster-component-container .form-btn:focus {
opacity: .5
}
.toaster-component .toaster-component-container h2 {
font-size: 3.5rem;
line-height: 4.2rem;
letter-spacing: .12rem;
font-weight: 300;
font-family: "Noto Sans", sans-serif;
opacity: .5;
color: #fff;
margin: 0
}
.toaster-component .toaster-component-container button {
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
line-height: 4.7rem;
letter-spacing: .07rem;
font-weight: 500
}
@media screen and (max-width:767px) {
.toaster-component {
width: 100%;
-webkit-transform: translate(0, 22.5rem);
-ms-transform: translate(0, 22.5rem);
transform: translate(0, 22.5rem)
}
.toaster-component.center {
left: 0;
-webkit-transform: translate(0, 22.5rem);
-ms-transform: translate(0, 22.5rem);
transform: translate(0, 22.5rem)
}
.toaster-component.full-mobile {
-webkit-transform: translate(0, 100vh);
-ms-transform: translate(0, 100vh);
transform: translate(0, 100vh)
}
.toaster-component.opened {
height: 22.5rem
}
.toaster-component.opened.full-mobile {
height: 100vh;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.toaster-component .toaster-component-container {
height: 100%;
overflow: auto;
padding: 1rem 2rem 2.4rem
}
.toaster-component .toaster-component-container.email .title {
margin-top: 2rem
}
.toaster-component .toaster-component-container.contact h2 {
line-height: 3.5rem
}
.toaster-component .toaster-component-container.final .title {
font-size: 2rem;
line-height: 3.3rem;
letter-spacing: .1rem;
margin: 0;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.toaster-component .toaster-component-container.final .title br {
display: none
}
.toaster-component .toaster-component-container .button-holder .close-btn {
position: absolute;
right: 2rem;
top: 2.4rem
}
.toaster-component .toaster-component-container .title {
font-size: 1.3rem
}
.toaster-component .toaster-component-container form .field-holder {
width: 100%
}
.toaster-component .toaster-component-container form .field-holder .toaster-field::-webkit-input-placeholder {
font-size: 2rem;
font-weight: 400
}
.toaster-component .toaster-component-container form .field-holder .toaster-field::-moz-placeholder {
font-size: 2rem;
font-weight: 400
}
.toaster-component .toaster-component-container form .field-holder .toaster-field:-ms-input-placeholder {
font-size: 2rem;
font-weight: 400
}
.toaster-component .toaster-component-container form .field-holder .toaster-field:-moz-placeholder {
font-size: 2rem;
font-weight: 400
}
.toaster-component .toaster-component-container .form-btn {
position: relative;
margin-top: 2rem
}
}
.grid-blocks-component.grid-narrow {
padding: 5.4rem 12.4rem 0 12.4rem
}
.grid-blocks-component.grid-narrow .grid-block-item {
margin-bottom: 10.2rem
}
.grid-blocks-component.grid-narrow .grid-block-item:nth-child(even) .grid-block-item-container {
float: left;
max-width: 100%
}
.grid-blocks-component.grid-narrow .grid-block-item:nth-child(even) .grid-block-item-container:not(.one-third-grid-block-item) {
padding-left: 20%
}
.grid-blocks-component.grid-narrow .grid-block-item-container {
padding-left: 5rem;
max-width: 80%
}
.grid-blocks-component .grid-block-item-container ul {
padding-bottom: 2.2rem !important;
padding-left: 20px
}
.grid-blocks-component .grid-block-item-container ul li {
padding-left: 15px;
line-height: 1.93;
letter-spacing: .03rem;
color: #121a38;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .03rem;
line-height: 1.93;
font-family: "Noto Sans", sans-serif
}
.grid-blocks-component .grid-block-item-container ul li a {
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .03rem;
text-transform: none
}
.grid-blocks-component p {
color: #121a38;
font-family: "Noto Sans", sans-serif;
font-size: 2rem;
font-weight: 300;
line-height: 1.65;
letter-spacing: .1rem
}
.grid-blocks-component p.intro-small {
font-size: 1.6rem
}
.grid-blocks-component p.padded-left {
padding-left: 3rem
}
.grid-blocks-component a {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: .07rem;
color: #121a38;
text-transform: uppercase
}
.grid-blocks-component span {
color: #121a38;
font-size: 2rem;
font-weight: bold;
font-family: "Noto Sans", sans-serif;
letter-spacing: .05rem;
margin-bottom: 2.2rem;
display: block
}
.grid-blocks-component h2 {
font-weight: 400;
margin-bottom: 4rem;
margin-top: 0
}
.grid-blocks-component h2.secondary {
color: #121a38;
font-family: "Noto Sans", sans-serif;
font-weight: 500;
letter-spacing: .14rem;
line-height: 3rem;
margin-bottom: 2.8rem
}
.grid-blocks-component .intro-grid {
margin-bottom: 7.2rem
}
@media screen and (min-width:768px) {
.grid-blocks-component .intro-grid.limited-width {
padding: 0 10rem
}
}
.grid-blocks-component img {
margin-bottom: 4.8rem
}
.grid-blocks-component .grid-block-text, .grid-blocks-component .grid-block-text p {
color: #121a38;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .03rem;
line-height: 1.93;
font-family: "Noto Sans", sans-serif
}
.grid-blocks-component .grid-block-text ul {
margin-bottom: 0;
padding-bottom: 0 !important
}
.grid-blocks-component .discover-more {
display: block;
margin-top: 2rem
}
.grid-blocks-component.three-columns .intro-grid {
margin-bottom: 5.2rem
}
.grid-blocks-component.three-columns .grid-block-item {
margin-bottom: 5rem
}
.grid-blocks-component.three-columns .grid-block-item:nth-child(3n-1) .grid-block-item-container {
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-left: 10%
}
.grid-blocks-component.three-columns .grid-block-item:nth-child(3n) .grid-block-item-container {
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-left: 20%
}
.grid-blocks-component.three-columns .grid-block-item-container {
max-width: 85%;
position: relative
}
.grid-blocks-component.three-columns .grid-block-item-container .grid-block-text {
padding-bottom: 3.6rem;
line-height: 2.3rem
}
.grid-blocks-component.three-columns .grid-block-item-container .grid-block-text.same-height-until-mobile-target {
margin-bottom: 1.6rem;
padding-bottom: 0 !important
}
.grid-blocks-component.three-columns .grid-block-item-container .grid-block-text.same-height-until-mobile-target + a {
position: static
}
.grid-blocks-component.three-columns .grid-block-item-container .no-cta {
margin-bottom: 5.1rem
}
.grid-blocks-component.three-columns .grid-block-item-container a {
position: absolute;
bottom: 0
}
.grid-blocks-component.three-columns .grid-block-item-container a.services-link {
position: static;
margin-bottom: 1.4rem;
font-size: 2rem;
font-weight: bold;
font-family: "Noto Sans", sans-serif;
letter-spacing: .05rem
}
.grid-blocks-component.three-columns .grid-block-item-container span {
margin-bottom: 1.4rem
}
.grid-blocks-component .center-blocks > [class*='col-']:only-child .grid-block-item-container {
padding: 0 !important;
text-align: center
}
.grid-blocks-component .center-blocks .grid-block-item-container {
max-width: 100%;
text-align: left
}
.grid-blocks-component .center-blocks .grid-block-item-container .grid-block-text {
margin-bottom: 1.6rem
}
@media all and (min-width:1921px) {
.grid-blocks-component .grid-block-text {
font-size: 1.6rem
}
.grid-blocks-component a {
font-size: 1.5rem
}
}
@media all and (max-width:991px) {
.grid-blocks-component h2.secondary {
font-size: 3.5rem
}
.grid-blocks-component p.secondary-mobile {
font-size: 1.8rem;
letter-spacing: .09rem
}
.grid-blocks-component.grid-narrow {
padding-left: 2.8rem;
padding-right: 2.8rem
}
.grid-blocks-component.grid-narrow .grid-block-item-container {
padding-left: 0;
max-width: 90%
}
.grid-blocks-component.grid-narrow p.padded-left {
padding-left: 0
}
.grid-blocks-component.grid-narrow .grid-block-item:nth-child(even) .grid-block-item-container {
float: right;
padding-left: 0;
padding-right: 0
}
.grid-blocks-component.three-columns .grid-block-item {
margin-bottom: 5rem
}
.grid-blocks-component.three-columns .grid-block-item:nth-child(3n-1) .grid-block-item-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0
}
.grid-blocks-component.three-columns .grid-block-item:nth-child(3n) .grid-block-item-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0
}
.grid-blocks-component.three-columns .grid-block-item:nth-child(2n) .grid-block-item-container {
padding-left: 3.5rem
}
.grid-blocks-component.three-columns .grid-block-item:nth-child(2n-1) .grid-block-item-container {
padding-right: 3.5rem
}
.grid-blocks-component.three-columns .grid-block-item-container {
max-width: 100%
}
}
@media all and (max-width:767px) {
.grid-blocks-component h2.secondary {
line-height: 4.5rem;
margin-bottom: 1rem
}
.grid-blocks-component .intro-grid {
margin-bottom: 5.4rem
}
.grid-blocks-component.grid-narrow .grid-block-item {
margin-bottom: 7.2rem
}
.grid-blocks-component.grid-narrow .grid-block-item:nth-child(even) .grid-block-item-container {
float: none;
padding-left: 0;
padding-right: 0
}
.grid-blocks-component.grid-narrow .grid-block-item .grid-block-item-container {
max-width: 100%
}
.grid-blocks-component.three-columns span {
font-size: 2.6rem
}
.grid-blocks-component.three-columns .grid-block-item {
margin-bottom: 5rem
}
.grid-blocks-component.three-columns .grid-block-item:nth-child(3n-1) .grid-block-item-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0
}
.grid-blocks-component.three-columns .grid-block-item:nth-child(3n) .grid-block-item-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0
}
.grid-blocks-component.three-columns .grid-block-item:nth-child(2n) .grid-block-item-container {
padding-left: 0
}
.grid-blocks-component.three-columns .grid-block-item:nth-child(2n-1) .grid-block-item-container {
padding-right: 0
}
.grid-blocks-component.three-columns .grid-block-item-container {
max-width: 100%
}
.grid-blocks-component .center-blocks > [class*='col-']:only-child .grid-block-item-container {
text-align: left
}
.grid-blocks-component .center-blocks > [class*='col-'] {
display: block
}
}
.grid-block-item-container.no-cta {
margin-bottom: 5.1rem
}
.emea-ntt .board .intro-grid h2 + p {
margin-top: 2.4rem
}
.emea-ntt .sponsorship-row {
margin-top: 2.6rem
}
@media screen and (min-width:768px) {
.emea-ntt .sponsorship-center {
margin-left: 3rem
}
}
@media screen and (min-width:769px) {
.emea-ntt .sponsorship-right {
margin-left: 6rem
}
}
@media screen and (max-width:768px) {
.emea-ntt .sponsorship-right {
margin-left: 0
}
}
.emea-ntt .grid-block-item-container.flex-start {
height: 100%;
margin-bottom: 1.3rem
}
.emea-ntt .grid-block-item-container.flex-start, .emea-ntt .grid-block-item-container + .flex-end {
display: block
}
@media screen and (min-width:769px) {
.emea-ntt .grid-block-item-container.flex-start, .emea-ntt .grid-block-item-container + .flex-end {
padding-left: 4.7rem;
padding-right: 4.7rem
}
}
@media screen and (max-width:768px) {
.emea-ntt .grid-row-flex .flex-end {
margin-bottom: 4.7rem
}
}
@media screen and (min-width:769px) {
.emea-ntt .grid-row-flex {
margin-bottom: 7rem
}
}
.images-grid .images-grid-block {
min-height: 16rem;
color: #fff;
margin-bottom: 3.2rem
}
.images-grid .images-grid-block img.images-grid-block-img {
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
@media screen and (max-width:768px) {
.images-grid .images-grid-block img.images-grid-block-img {
height: 100%
}
}
.images-grid .images-grid-block .images-grid-block-icon {
position: absolute;
height: 20%;
left: 45%;
top: 23%
}
.images-grid .images-grid-block h3 {
display: block;
position: absolute;
left: 0;
right: 0;
top: 40%;
padding: 0 4rem;
font-family: "Noto Sans", sans-serif;
text-align: center;
text-transform: uppercase;
font-size: 2rem
}
.video-grid-block {
border: 1px solid #d5ddeb;
padding: 0;
margin-bottom: 3.2rem
}
.video-grid-block .video-grid-preview img {
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
@media screen and (max-width:768px) {
.video-grid-block .video-grid-preview img {
height: 100%
}
}
.video-grid-block:before {
content: '';
display: block;
position: absolute;
width: 17%;
height: 15%;
left: 42%;
top: 18%;
background: url("../../assets/images/play-video-icon.png") no-repeat;
background-size: contain;
cursor: pointer
}
.video-grid-info {
padding: 1.6rem;
height: 21rem;
overflow-y: hidden
}
.video-grid-info > span {
display: block;
margin-bottom: 1.6rem;
font-size: 1.2rem;
letter-spacing: .1rem;
font-weight: 500;
color: #667493;
font-family: "Noto Sans", sans-serif
}
.video-grid-info h2 {
font-size: 2.6rem;
font-family: "Noto Sans", sans-serif;
margin-top: 1rem;
font-weight: 200
}
.hero-component {
color: #fff;
position: relative;
overflow: hidden
}
.hero-component::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
background-color: transparent;
z-index: 1;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.hero-component.with-overlay::before {
opacity: .4 !important;
background-color: #070f26 !important
}
.hero-component.hero-banner-slider-component {
margin-bottom: 0
}
.hero-component.hero-banner-slider-component .slick-list {
z-index: 1
}
.hero-component.hero-banner-slider-component .slick-list .slide {
position: relative
}
.hero-component.hero-banner-slider-component .slick-dots {
bottom: 2.2rem;
height: 2rem;
z-index: 1
}
.hero-component.hero-banner-slider-component .slick-dots li {
margin: 0 .2rem;
vertical-align: top
}
.hero-component.hero-banner-slider-component .slick-dots li.slick-active button:before {
color: #fff
}
.hero-component.hero-banner-slider-component .slick-dots li button:before {
color: #667493;
font-size: 1.3rem;
opacity: 1
}
.hero-component.banner > img, .hero-component.banner picture img, .hero-component.banner .slide > img {
min-height: 0;
max-height: 43rem
}
.hero-component.banner .content {
bottom: 4.8rem
}
.hero-component.banner .content.single-element {
bottom: 12.2rem
}
.hero-component.banner .content h1 {
font-size: 6rem;
line-height: 7.6rem;
letter-spacing: .35rem
}
.hero-component.banner .content h1 + p {
letter-spacing: .2rem
}
.hero-component.banner .content h2 {
font-size: 3rem
}
.hero-component.banner .content h3 {
font-size: 2.5rem
}
@media screen and (max-width:991px) {
.hero-component.banner .content.single-element {
bottom: 10.2rem
}
.hero-component.banner .content h1 {
font-size: 5rem;
line-height: 6rem
}
.hero-component.banner .content h2 {
font-size: 2.5rem;
line-height: 3.5rem
}
.hero-component.banner .content h3 {
font-size: 2rem;
line-height: 3rem
}
}
@media screen and (max-width:767px) {
.hero-component.banner .content {
bottom: 2rem
}
.hero-component.banner .content h1 {
font-size: 4rem;
line-height: 5rem
}
.hero-component.banner .content h2 {
font-size: 2rem;
line-height: 3rem
}
.hero-component.banner .content h3 {
font-size: 1.5rem;
line-height: 2.5rem
}
}
.hero-component.comment-preview-opened .content {
z-index: 0
}
.hero-component.narrow > img.fixed-height {
max-height: 44rem;
min-height: 44rem
}
.hero-component.inverted .breadcrumb-text, .hero-component.inverted .breadcrumb-text a {
color: #121a38
}
.hero-component.inverted .content, .hero-component.inverted .content h2 .content h3 {
color: #121a38
}
.hero-component.inverted .button.empty {
border-color: #121a38;
color: #121a38
}
.hero-component .link {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: 500;
font-style: normal;
font-stretch: normal;
letter-spacing: .7px;
text-align: center;
color: #fff
}
.hero-component > img, .hero-component picture img, .hero-component .slide > img {
font-family: 'object-fit: cover;';
height: 100vh;
max-height: 100vh;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
min-height: 65rem
}
.hero-component > img.fixed-height, .hero-component picture img.fixed-height, .hero-component .slide > img.fixed-height {
max-height: 54rem;
min-height: 50rem
}
.hero-component .breadcrumb-text {
position: absolute;
top: -6.5rem;
font-size: 1.4rem;
line-height: 3rem;
letter-spacing: .07rem;
font-weight: 500;
font-family: "Noto Sans", sans-serif;
display: block;
color: #fff;
z-index: 1
}
@media screen and (min-width:1200px) {
.hero-component .breadcrumb-text {
left: 3.6rem
}
}
.hero-component .breadcrumb-text:hover, .hero-component .breadcrumb-text:focus {
text-decoration: none
}
.hero-component .breadcrumb-text a, .hero-component .breadcrumb-text a {
color: #fff;
font-size: 1.4rem;
line-height: 3rem;
letter-spacing: .07rem;
font-weight: 500;
font-family: "Noto Sans", sans-serif
}
.hero-component .breadcrumb-text span {
padding: 0 .8rem
}
.hero-component .breadcrumb-text.patched {
top: -2.5rem
}
.hero-component .center-spacing .content {
bottom: auto
}
.hero-component .center-spacing .content h1 {
line-height: 6.3rem;
margin: 1rem 0
}
@media screen and (min-width:1200px) {
.hero-component .center-spacing .content h1 {
margin-left: 1rem
}
}
.hero-component .center-spacing .content .button {
margin-top: 2.8rem
}
.hero-component .center-spacing > .button {
position: absolute;
bottom: 4.7rem;
left: 4rem;
z-index: 1
}
.hero-component .content {
position: absolute;
bottom: 5%;
left: 4.8rem;
right: 4.8rem;
padding: 0;
z-index: 1
}
.hero-component .content h1 {
margin: 0;
font-size: 5.6rem;
line-height: 1.3;
letter-spacing: .35rem;
font-weight: 300;
font-family: "Noto Sans", sans-serif
}
@media screen and (min-width:1200px) {
.hero-component .content h1 {
margin-left: 1.8rem
}
}
.hero-component .content h1.secondary {
font-size: 6rem;
line-height: 7.6rem;
letter-spacing: .3rem
}
.hero-component .content h1.h2 {
font-size: 4.6rem;
line-height: 5.6rem;
letter-spacing: .23rem;
font-weight: 400
}
.hero-component .content h2 {
font-size: 4rem;
letter-spacing: .2rem;
font-weight: 300;
font-family: "Noto Sans", sans-serif;
color: #fff;
margin: 1.4rem 0;
line-height: 1.3
}
@media screen and (min-width:1200px) {
.hero-component .content h2 {
margin: 1.4rem 0 1.4rem 1.4rem
}
}
.hero-component .content h3 {
font-size: 3rem;
letter-spacing: .2rem;
font-weight: 200;
font-family: "Noto Sans", sans-serif;
color: #fff;
margin: 1.4rem 0;
line-height: 3.5rem
}
.hero-component .content p {
font-size: 1.6rem;
letter-spacing: .1rem;
font-weight: 200;
margin: 0;
padding-bottom: .2rem;
font-family: "Noto Sans", sans-serif
}
@media screen and (min-width:1200px) {
.hero-component .content p {
margin-left: 1.8rem
}
}
.hero-component .content p.smaller {
font-size: 1.3rem;
line-height: 3rem;
letter-spacing: .09rem
}
.hero-component .content p.small {
font-size: 1.6rem;
line-height: 3rem;
letter-spacing: .1rem;
font-weight: 200
}
.hero-component .content p.medium {
font-size: 2rem;
line-height: 1;
letter-spacing: .15rem;
font-weight: 200;
padding-bottom: 0;
padding-top: .8rem
}
.hero-component .content p.large {
font-size: 2.6rem;
line-height: 5rem;
letter-spacing: .13rem;
font-weight: 300
}
.hero-component .content p.large.secondary {
font-size: 2.4rem;
line-height: 3rem;
font-weight: 200
}
.hero-component .content p.fine-print {
margin: 12rem 0 .6rem;
font-size: 2rem;
line-height: 3rem
}
@media screen and (min-width:1200px) {
.hero-component .content p.fine-print {
margin: 12rem 0 .6rem 1.6rem
}
}
.hero-component .content p.opacity {
opacity: .7
}
.hero-component .content .side-content {
position: absolute;
right: 1.5rem;
bottom: 10rem;
text-align: right
}
.hero-component .content .side-content p {
font-size: 1.6rem;
line-height: 2.6rem;
letter-spacing: .11rem;
padding-bottom: 0
}
.hero-component .content .side-content p.smaller {
font-size: 1.4rem;
letter-spacing: .07rem
}
.hero-component .content .button {
margin-top: 0
}
@media screen and (min-width:1200px) {
.hero-component .content .button {
margin-left: 1.8rem
}
}
.hero-component .content .button.spacing-top {
margin-top: 4.8rem
}
.hero-component .content small {
font-size: 1.4rem;
line-height: 3rem;
letter-spacing: .3rem;
font-family: "Noto Sans", sans-serif
}
.hero-component .content small.opacity {
opacity: .5
}
.hero-component.no-image {
min-height: 37rem
}
.hero-component.no-image .content {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
padding: 4.6rem 6.6rem 6.6rem
}
.hero-component.no-image .content h1 {
line-height: 4.6rem;
margin-top: 1rem;
margin-bottom: 2.2rem;
font-weight: 300
}
.hero-component.no-image .content h1.small {
font-size: 3rem;
font-weight: 400
}
@media screen and (max-width:768px) {
.hero-component.no-image .content h1 {
font-size: 3.5rem;
line-height: 4rem
}
}
@media screen and (min-width:1200px) {
.hero-component.no-image .content h1 {
margin-left: 0
}
}
.hero-component.no-image .content h2 {
font-size: 2.2rem;
font-weight: 300;
line-height: 4rem;
margin: .4rem 0
}
.hero-component.no-image .content h2.larger {
font-size: 3rem;
margin-top: 2rem
}
.hero-component.no-image .content h3 {
font-size: 1.8rem;
font-weight: 300;
line-height: 3.5rem;
margin: .4rem 0
}
.hero-component.no-image .content p {
padding-bottom: .6rem
}
@media screen and (min-width:1200px) {
.hero-component.no-image .content p {
margin-left: 0
}
}
.hero-component.no-image .content p.fine-print {
margin-top: 5.8rem;
padding-bottom: 0
}
.hero-component.no-image .content p.fine-print.small-m-t {
margin: 6rem 0 .6rem
}
@media screen and (min-width:1200px) {
.hero-component.no-image .content .button {
margin-left: 0;
margin-top: 2rem
}
}
@media screen and (min-width:1200px) {
.hero-component.no-image .content .breadcrumb-text {
left: 2rem
}
}
.hero-component.no-image.spacing .content h1.spacing-top {
margin-top: 3rem
}
.hero-component.no-image.spacing .content h1.spacing-top + p {
margin-top: 1.6rem
}
.hero-component.no-image .content p.fine-print.small-m-t {
margin-top: 6rem
}
.hero-component.no-image.no-content {
min-height: 18rem
}
.hero-component.no-image.spacing .content {
padding: 21rem 4rem 4.6rem
}
.hero-component.no-image.spacing .content p.fine-print {
margin-top: 4.4rem
}
.hero-component.no-image.spacing .content p.fine-print.small-m-t {
margin-top: 6rem
}
.hero-component.no-image.spacing .content h1 {
margin-bottom: 0;
margin-top: 0;
line-height: 7.6rem;
font-family: "Noto Serif", "Noto Sans", serif, sans-serif;
}
.hero-component.no-image.hero-big-with-text .content {
padding: 30rem 3rem 4.6rem
}
.hero-component.full-height {
height: 100vh
}
.hero-component.full-height.spacing .content {
padding-top: 35vh
}
.hero-component.full-height.spacing .content small {
margin-bottom: .6rem;
display: inline-block
}
.hero-component.full-height.spacing .content h1 {
margin-bottom: 1.4rem
}
.hero-component .partner-logo {
margin-bottom: 7.2rem
}
.hero-component #socialShareid {
position: absolute;
left: 26rem;
margin-top: 1.6rem
}
@media all and (min-width:1921px) {
.hero-component > img, .hero-component picture img {
max-height: 1080px
}
.hero-component.full-height {
max-height: 1080px
}
}
@media all and (max-width:1600px) {
.hero-component .content p.fine-print {
margin-top: 6rem
}
}
@media all and (min-width:992px) {
.hero-component .breadcrumb-text:not(.patched) {
top: -4.5rem
}
.hero-component .content {
left: 3rem;
right: 3rem
}
}
@media screen and (max-width:991px) {
.hero-component > img, .hero-component picture img {
min-height: 80rem
}
.hero-component.no-image .content {
padding: 7rem 3rem 3rem
}
.hero-component.no-image .content h1 {
line-height: 7rem;
margin-bottom: 1.6rem
}
.hero-component.no-image .content p {
padding-bottom: .4rem
}
.hero-component.no-image .content p.fine-print {
margin-top: 10.6rem
}
.hero-component.no-image.spacing .content {
padding: 17.6rem 3rem 4.6rem
}
.hero-component.no-image.spacing .content p.fine-print {
margin-top: 14rem
}
.hero-component.full-height.spacing .content small {
opacity: .5
}
.hero-component.full-height.spacing .content h1 {
font-size: 4.2rem;
line-height: 4.8rem;
letter-spacing: .32rem;
margin-bottom: 3.2rem
}
.hero-component.narrow > img.fixed-height {
max-height: 50rem;
min-height: 50rem
}
.hero-component.narrow .content .fine-print {
margin-top: 2rem
}
.hero-component.narrow .content .spacing-top {
margin-top: 0
}
.hero-component .breadcrumb-text {
left: 1.5rem;
right: 1.5rem
}
.hero-component .center-spacing .content h1 {
font-size: 6.4rem;
line-height: 7.5rem;
letter-spacing: .32rem
}
.hero-component .center-spacing .content .button {
margin-top: 3.6rem
}
.hero-component .center-spacing > .button {
left: 3rem;
bottom: 3rem
}
.hero-component .content {
left: 3rem;
right: 3rem;
top: 18rem
}
.hero-component .content .side-content {
position: relative;
bottom: auto;
right: auto;
text-align: left;
margin-top: 7rem
}
.hero-component .content .side-content p {
font-size: 2rem;
line-height: 3rem;
letter-spacing: .14rem
}
.hero-component .content .side-content p.smaller {
font-size: 1.6rem;
letter-spacing: .08rem;
opacity: 1
}
.hero-component .content h1 {
font-size: 6rem;
line-height: 7rem;
letter-spacing: .3rem;
margin-bottom: 1.6rem
}
.hero-component .content h1.secondary {
margin-bottom: 0
}
.hero-component .content h1.h2 {
font-size: 6.4rem;
line-height: 1;
letter-spacing: .32rem;
margin-bottom: 0
}
.hero-component .content h2 {
line-height: 4.7rem;
margin-bottom: 1.6rem
}
.hero-component .content p {
line-height: 3rem
}
.hero-component .content p.fine-print {
margin-top: 14rem
}
.hero-component .content p.large.secondary {
font-size: 2rem;
line-height: 3.3rem;
letter-spacing: .1rem
}
.hero-component > img.fixed-height {
max-height: 64rem;
min-height: 64rem
}
.hero-component .partner-logo {
margin-bottom: 5.2rem
}
}
@media screen and (max-width:767px) {
.hero-component #socialShareid {
position: absolute;
left: 2rem;
margin-top: 0;
bottom: 8rem
}
.hero-component > img, .hero-component picture img {
min-height: 58rem
}
.hero-component > img.fixed-height, .hero-component picture img.fixed-height {
max-height: 56rem;
min-height: 56rem
}
.hero-component.comment-preview-opened::before {
height: 100%;
opacity: .5;
background-color: #121a38
}
.hero-component.comment-preview-opened .comment-preview-component {
background: #eba73e
}
.hero-component.no-image {
min-height: 2.4rem
}
.hero-component.no-image .content {
padding: 5.4rem 1.9rem 1.9rem
}
.hero-component.no-image .content h1 {
line-height: 5rem !important
}
.hero-component.no-image .content h1.larger {
line-height: 5rem
}
.hero-component.no-image .content p.fine-print {
margin-top: 8.6rem
}
.hero-component.no-image.spacing .content {
padding: 9rem 1.9rem 1.9rem
}
.hero-component.no-image.spacing .content p.fine-print {
margin-top: 6rem
}
.hero-component.no-image.spacing .content p.medium {
font-size: 1.6rem;
letter-spacing: .08rem;
padding-top: 0
}
.hero-component.narrow > img.fixed-height {
max-height: 42rem;
min-height: 42rem
}
.hero-component.narrow .content .fine-print {
margin-top: 4.2rem
}
.hero-component .breadcrumb-text {
display: none;
left: 1.8rem;
right: 1.8rem
}
.hero-component .center-spacing .content h1 {
font-size: 4rem;
line-height: 4.8rem;
letter-spacing: .06rem
}
.hero-component .center-spacing .content .button {
margin-top: 3.2rem
}
.hero-component .center-spacing > .button {
left: 1.8rem;
right: 1.8rem;
bottom: 1.8rem;
width: auto
}
.hero-component .content {
bottom: 6rem;
left: 1.8rem;
right: 1.8rem
}
.hero-component .content .side-content + .button {
margin-top: 2rem
}
.hero-component .content .side-content p {
font-size: 1.6rem;
letter-spacing: .11rem
}
.hero-component .content .side-content p.smaller {
font-size: 1.4rem;
letter-spacing: .07rem
}
.hero-component .content h1 {
font-size: 4rem;
line-height: 5rem;
letter-spacing: .04rem;
margin-bottom: 1rem
}
.hero-component .content h1.secondary {
font-size: 5rem;
line-height: 5rem;
letter-spacing: .08rem
}
.hero-component .content h1.h2 {
font-size: 5rem;
line-height: 6rem;
letter-spacing: .08rem
}
.hero-component .content h2 {
font-size: 2rem;
line-height: 3rem;
letter-spacing: .1rem;
margin-bottom: 1rem
}
.hero-component .content h3 {
font-size: 1.5rem;
line-height: 2.5rem;
letter-spacing: .1rem;
margin-bottom: 1rem
}
.hero-component .content p {
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: .08rem
}
.hero-component .content p.fine-print {
margin-top: 4.2rem;
margin-bottom: 0;
padding-bottom: 0
}
.hero-component .content p.large.secondary {
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: .08rem
}
.hero-component.full-height.spacing .content small {
font-size: 1.3rem;
letter-spacing: .28rem
}
.hero-component.full-height.spacing .content h1 {
letter-spacing: .07rem;
margin-bottom: 1.4rem
}
.partner-logo {
margin: 1.8rem 0 5rem 0;
max-width: 10.9rem
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.hero-text {
margin-top: 12rem
}
}
.hero-component .content p.fine-print.small-m-t {
margin-top: 6rem
}
.quad-block-component.board {
padding: 8.5rem 4.8rem
}
.quad-block-component h2.large {
font-size: 4rem;
line-height: 1.38;
letter-spacing: .15rem;
font-weight: 300
}
.quad-block-component h2.large a:hover {
text-decoration: none
}
.quad-block-component h2.large, .quad-block-component h3.large, .quad-block-component p {
margin: 0
}
.quad-block-component p, .quad-block-component ul, .quad-block-component h3.large {
font-family: "Noto Sans", sans-serif;
color: #121a38
}
.quad-block-component h3.large {
font-size: 2.6rem;
line-height: 1.15;
letter-spacing: .05rem;
font-weight: 700
}
.quad-block-component p, .quad-block-component ul li {
font-size: 1.6rem;
font-weight: 400;
line-height: 1.79;
letter-spacing: .03rem
}
@media(min-width:992px) {
.quad-block-component .quad-block-item.padded-right {
padding-right: 3%
}
.quad-block-component .quad-block-item.padded-left {
padding-left: 3%
}
}
@media(max-width:991px) {
.quad-block-component.board {
padding: 7rem 3rem
}
.quad-block-component p {
line-height: 1.88
}
}
@media(max-width:768px) {
.quad-block-component.board {
padding: 6rem 1.8rem
}
.quad-block-component h2.large {
font-size: 3rem;
line-height: 1.5;
letter-spacing: .08rem
}
.quad-block-component p, .quad-block-component ul li {
font-size: 1.4rem;
font-weight: 400;
line-height: 1.65;
letter-spacing: .06rem
}
.quad-block-component h3.large {
font-size: 3rem;
line-height: 1;
letter-spacing: .06rem;
font-weight: 700
}
}
.board.quad-block-component.container-fluid.light + .board.quad-block-component.container-fluid.light {
padding-top: 0
}
.board.quad-block-component.container-fluid.light .row + .row {
margin-top: 6rem
}
.cta-slide-component {
position: relative
}
.cta-slide-component > img {
max-height: 60rem
}
.cta-slide-component .object-fit-image {
margin: 0 auto;
max-width: 70rem
}
.cta-slide-component .object-fit-image + .slide-content {
bottom: 0;
display: table;
max-width: 70rem;
margin: 0 auto
}
.cta-slide-component .object-fit-image + .slide-content .inner-container {
display: table-cell;
padding: 4.7rem 0;
vertical-align: bottom
}
.cta-slide-component .slide-content {
position: absolute;
bottom: 4.7rem;
text-align: center;
padding: 0 10.6rem;
left: 0;
right: 0
}
.cta-slide-component .slide-content h2 {
color: #fff;
font-size: 3rem;
letter-spacing: .15rem;
margin-bottom: 4.8rem;
margin-top: 0;
line-height: 4.8rem
}
.cta-slide-component .slide-content .button {
margin-top: 1.6rem
}
@media screen and (max-width:991px) {
.cta-slide-component .object-fit-image + .slide-content {
bottom: 0
}
.cta-slide-component .object-fit-image + .slide-content .inner-container {
padding: 2.8rem 0
}
.cta-slide-component .slide-content {
bottom: 2.8rem;
padding: 0 3.8rem
}
.cta-slide-component .slide-content h2 {
font-size: 2rem;
letter-spacing: .1rem;
line-height: 3.2rem;
margin-bottom: 1rem
}
}
@media screen and (max-width:767px) {
.cta-slide-component .object-fit-image + .slide-content {
bottom: 0
}
.cta-slide-component .object-fit-image + .slide-content .inner-container {
padding: 5.8rem 0
}
.cta-slide-component .slide-content {
bottom: 5.8rem;
padding: 0 1.6rem
}
.cta-slide-component .slide-content h2 {
margin-bottom: 4rem
}
.cta-slide-component .slide-content .button {
margin-top: 5.4rem
}
}
.icon-blocks-component {
color: #121a38
}
.icon-blocks-component h2 {
margin-bottom: 1.5rem
}
.icon-blocks-component h2.h3 {
font-size: 2rem;
line-height: 3rem;
letter-spacing: .05rem;
font-weight: 700;
margin-top: 0;
margin-bottom: 2.4rem;
font-family: "Noto Sans", sans-serif
}
.icon-blocks-component p {
font-size: 1.4rem;
letter-spacing: .06rem;
line-height: 2.4rem
}
.icon-blocks-component p.large {
font-size: 2rem;
line-height: 3rem;
letter-spacing: .05rem;
margin-bottom: 2.6rem
}
.icon-blocks-component ul {
padding-left: 3rem
}
.icon-blocks-component ul li {
font-size: 1.4rem;
line-height: 2.7rem;
letter-spacing: .03rem;
font-weight: 300
}
.icon-blocks-component h3 {
margin: 3rem 0 3rem 0
}
.icon-blocks-component .img-container {
margin-bottom: 1rem
}
.icon-blocks-component .img-container > a {
display: inline-block;
height: 100%
}
.icon-blocks-component .img-container img {
max-height: 100%;
width: auto
}
.icon-blocks-component.image-list p {
font-size: 2rem;
line-height: 3rem;
letter-spacing: .05rem;
margin-bottom: 2.6rem
}
.icon-blocks-component.image-list .img-container {
margin-bottom: 2rem
}
.icon-blocks-component .generic-modal-toggle {
color: #121a38;
text-decoration: none;
display: block
}
@media all and (min-width:1300px) {
.icon-blocks-component p {
font-size: 1.6rem
}
}
@media screen and (max-width:991px) {
.icon-blocks-component.board {
padding: 5.4rem 2.8rem !important
}
.icon-blocks-component.no-spacing .same-height-component {
padding: 0
}
.icon-blocks-component.no-spacing .same-height-component .col-xs-12 {
margin-bottom: 0
}
.icon-blocks-component.no-spacing .same-height-component .same-height-until-mobile-target {
margin-bottom: 4rem
}
.icon-blocks-component.no-spacing .same-height-component .same-height-until-mobile-target:nth-last-of-type(-n+2) {
margin-bottom: 4rem
}
.icon-blocks-component.no-spacing .same-height-component .same-height-until-mobile-target:last-child {
margin-bottom: 0;
height: auto !important
}
.icon-blocks-component p {
font-size: 1.6rem;
line-height: 2.5rem;
letter-spacing: .07rem
}
.icon-blocks-component .same-height-component {
padding: 0 8rem
}
.icon-blocks-component .same-height-component .col-xs-12 {
margin-bottom: 8.4rem
}
.icon-blocks-component .same-height-component .col-xs-12:nth-last-of-type(-n+2) {
margin-bottom: 0
}
.icon-blocks-component .same-height-component p.thin {
font-size: 1.4rem;
letter-spacing: .06rem
}
}
@media screen and (max-width:767px) {
.icon-blocks-component h2.h3 {
font-size: 2.6rem;
line-height: 3.5rem;
letter-spacing: .06rem
}
.icon-blocks-component p {
font-size: 2rem;
line-height: 3.3rem;
letter-spacing: .06rem
}
.icon-blocks-component .same-height-component {
padding: 0 2rem
}
.icon-blocks-component .same-height-component .col-xs-12 {
margin-bottom: 6.4rem
}
.icon-blocks-component .same-height-component .col-xs-12:nth-last-of-type(-n+2) {
margin-bottom: 6.4rem
}
.icon-blocks-component .same-height-component .col-xs-12:last-child {
margin-bottom: 0
}
.icon-blocks-component .same-height-component p {
font-size: 1.8rem;
line-height: 2.8rem
}
.icon-blocks-component.image-list .img-container {
margin-bottom: 0
}
.icon-blocks-component.image-list .slick-slide .img-container img {
margin: 0 auto
}
}
section .intro p {
font-weight: 300
}
section .intro p + .button {
margin-top: 3rem
}
@media screen and (max-width:767px) {
.board.large .intro {
padding-top: 4rem;
padding-bottom: 4rem
}
.board.large .intro h2 {
font-size: 4rem
}
.board.two-column .row > .col-sm-6 + .col-sm-6 {
padding-top: 4rem
}
}
.news-block-component {
padding: 2.6rem 3rem;
margin-bottom: 2.6rem;
min-height: 25rem;
color: #121a38
}
.news-block-component.teal-bg {
color: #fff
}
.news-block-component.teal-bg .label {
color: #fff
}
.news-block-component.teal-bg .show-sharing-Option-click {
color: #fff
}
.news-block-component .label {
font-size: 1.3rem;
letter-spacing: .14rem;
font-weight: 700;
font-family: "Noto Sans", sans-serif;
color: #121a38;
padding: 0;
text-align: left
}
.news-block-component .label span {
display: block;
opacity: .6;
font-weight: 400;
font-family: "Noto Sans", sans-serif;
margin-top: .6rem;
white-space: normal
}
.news-block-component .label .social {
color: #0079a1;
font-family: "Noto Sans", sans-serif;
font-weight: 700;
font-size: 1.3rem;
letter-spacing: .14rem;
opacity: 1;
display: inline
}
.news-block-component .label .social .fa {
font-family: 'FontAwesome';
display: inline;
font-size: 1.6rem
}
.news-block-component p {
font-size: 2rem;
line-height: 3rem;
letter-spacing: .08rem;
font-weight: 300;
font-family: "Noto Sans", sans-serif;
margin-bottom: 0
}
.news-block-component p:first-child {
margin-top: 5rem;
max-height: 12rem;
overflow-y: hidden
}
.news-block-component .nttd span {
font-size: 1.6rem;
letter-spacing: .17rem;
font-weight: 200;
font-family: "Noto Sans", sans-serif
}
.news-block-component ul {
position: relative
}
.news-block-component .show-sharing-Option-click {
color: #121a38;
font-size: 1.6rem;
letter-spacing: .17rem;
font-weight: 200;
font-family: "Noto Sans", sans-serif
}
.news-block-component .show-sharing-Option-click:hover, .news-block-component .show-sharing-Option-click:focus {
text-decoration: none
}
.news-block-component .show-sharing-Option-click .fa {
font-size: 1.8rem;
vertical-align: middle
}
.news-block-component #socialShareid {
display: none;
position: absolute;
top: 0;
right: 8rem;
white-space: nowrap;
margin-top: 0
}
.news-block-component h3.h1 {
font-family: "Noto Sans", sans-serif
}
@media all and (max-width:991px) {
.news-block-component {
padding: 1.3rem 1.69rem;
min-height: 0
}
.news-block-component .h1 {
font-size: 2.6rem;
line-height: 1.04;
letter-spacing: .13rem
}
.news-block-component .label {
font-size: 1.1rem;
letter-spacing: .12rem;
top: 1.3rem;
left: 1.69rem
}
.news-block-component .label span {
opacity: .5;
letter-spacing: .06rem;
line-height: 1.36;
margin-top: 0
}
.news-block-component p {
font-size: 1.4rem;
letter-spacing: .06rem;
line-height: 1.43
}
.news-block-component p:first-child {
margin-top: 2.3rem
}
.news-block-component .nttd span {
font-size: 1.3rem;
letter-spacing: .14rem
}
}
@media all and (max-width:767px) {
.news-block-component p {
font-size: 1.8rem
}
}
.author-content-component {
color: #121a38;
padding-top: 10.8rem;
padding-left: 7.8rem;
padding-right: 7.8rem
}
.author-content-component.small {
padding-top: 0
}
.author-content-component.small .author-bio {
margin-bottom: 0
}
.author-content-component.small .author-bio .media.inline {
display: inline-block
}
.author-content-component.small .author-bio .media .media-body {
width: auto
}
.author-content-component .author-bio {
margin-bottom: 9.2rem
}
.author-content-component .author-bio .media-body {
vertical-align: middle
}
.author-content-component .author-bio .media-left {
padding-right: 3.2rem
}
.author-content-component h4 {
font-size: 5rem;
letter-spacing: .2rem;
font-family: "Noto Sans", sans-serif
}
.author-content-component .author-pic {
border-radius: 100%;
width: 29rem;
overflow: hidden
}
.author-content-component .author-pic.small {
max-width: 14rem
}
.author-content-component .author-pic img {
width: 100%;
border-radius: 50%
}
.author-content-component .author-position, .author-content-component .author-social {
display: block
}
.author-content-component .author-position, .author-content-component .author-area {
font-family: "Noto Sans", sans-serif;
font-size: 1.6rem;
color: #121a38;
opacity: .7;
letter-spacing: .08rem;
font-weight: 300
}
.author-content-component .author-area {
font-weight: 500;
text-transform: uppercase;
margin-top: 1.2rem;
line-height: 1.5;
display: block
}
.author-content-component .author-location-group {
font-weight: 300;
margin-top: 3rem
}
.author-content-component .author-location-group .author-location-title, .author-content-component .author-location-group .author-location {
color: #121a38;
display: block;
font-family: "Noto Sans", sans-serif;
line-height: 1.6rem
}
.author-content-component .author-location-group .author-location-title {
font-size: 1.3rem;
letter-spacing: .09rem;
opacity: .7
}
.author-content-component .author-location-group .author-location {
font-size: 1.6rem;
letter-spacing: .11rem
}
.author-content-component .author-social {
font-size: 1.2rem;
text-transform: uppercase;
font-family: "Noto Sans", sans-serif;
letter-spacing: .1rem;
color: #121a38;
margin-top: 3rem
}
.author-content-component .author-social i {
margin-right: .5rem;
font-size: 1.6rem;
vertical-align: middle
}
.author-content-component .content-selector {
font-size: 1.4rem;
margin-bottom: 3.2rem
}
.author-content-component .content-selector a {
color: #121a38;
opacity: .3;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: .07rem;
margin-left: 2.2rem;
cursor: pointer
}
.author-content-component .content-selector a.active {
color: #0079a1;
opacity: 1
}
.author-content-component .content-selector a:first-child {
margin-left: 0;
margin-right: 2.2rem
}
.author-content-component .author-bio-content-tab {
margin-bottom: 11.5rem
}
.author-content-component .author-bio-content-tab p {
font-size: 1.8rem;
font-weight: 300;
letter-spacing: .13rem;
font-family: "Noto Sans", sans-serif;
line-height: 2.8rem
}
.author-content-component .author-bio-content-tab.hidden {
display: none
}
.author-content-component .author-publications-content-tab.hidden {
display: none
}
.author-content-component .quote {
font-size: 4rem;
font-weight: 300;
letter-spacing: .15rem;
color: #121a38;
margin-bottom: 21.1rem
}
.author-content-component .quote p {
position: relative
}
.author-content-component .quote p:after {
content: "â€";
position: absolute;
font-size: 10rem;
letter-spacing: .25rem;
color: #121a38;
opacity: .3;
margin-top: -1rem
}
.author-content-component .quote p:before {
content: "“";
position: absolute;
left: -1rem;
font-size: 10rem;
letter-spacing: .25rem;
color: #121a38;
opacity: .3;
top: -1rem;
left: -4rem
}
@media(max-width:991px) {
.author-content-component {
padding: 3rem 0 0 0
}
.author-content-component .quote {
padding-left: 3.6rem;
margin-bottom: 10rem
}
}
@media(max-width:767px) {
.author-content-component .author-pic {
width: 14rem
}
.author-content-component h4 {
font-size: 2.6rem
}
.author-content-component .author-bio {
margin-bottom: 6rem
}
.author-content-component .author-bio .media-left {
padding-right: 2rem
}
.author-content-component .author-position {
font-size: 1.4rem
}
.author-content-component .quote {
font-size: 2.6rem;
margin-bottom: 6rem
}
.author-content-component .quote p:after {
font-size: 6rem
}
.author-content-component .quote p:before {
font-size: 6rem;
left: -2.4rem
}
.author-content-component .author-bio-content-tab {
margin-bottom: 6rem
}
.author-content-component.mobile-stacked .media-left, .author-content-component.mobile-stacked .media-body {
display: block
}
.author-content-component.mobile-stacked .media-left {
padding-right: 0
}
.author-content-component.mobile-stacked .media-left.centered-xs .author-pic {
margin-left: auto;
margin-right: auto
}
.author-content-component.mobile-stacked .media-body {
width: auto
}
.author-content-component.mobile-stacked .media-body.spacer-mobile h4 {
margin-top: 2rem
}
.author-content-component.mobile-stacked .media-body.spacer-mobile .author-location-group {
margin-top: 1.8rem
}
}
.no-padd {
padding: 0
}
.author-info-component h2 {
font-size: 2rem;
letter-spacing: .1rem;
font-family: "Noto Sans", sans-serif;
font-weight: 700;
margin: 0
}
.author-info-component a {
font-size: 1.2rem;
letter-spacing: .06rem;
font-family: "Noto Sans", sans-serif;
font-weight: 500;
color: #121a38;
line-height: 2.2rem
}
.author-info-component .spacing-bottom {
margin-bottom: 1.8rem
}
.author-info-component .border-bottom .col-xs-12 {
border-bottom: 1px solid rgba(18, 26, 56, .03)
}
.author-info-component .border-bottom .col-xs-12:last-child {
border-bottom: 0
}
.author-info-component .author-info {
padding: 2.6rem 0 2.2rem;
max-width: 35.7rem
}
.author-info-component .author-info.collapsed .media .media-left {
padding-right: 0;
display: block
}
.author-info-component .author-info.collapsed .media .media-left img {
margin: 0 auto
}
.author-info-component .author-info .position {
color: #667493;
display: inline-block;
margin-bottom: .5rem;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.6rem;
letter-spacing: .09rem
}
.author-info-component .author-info .publications {
text-transform: uppercase;
color: #121a38;
font-size: 1.1rem;
font-weight: 400;
line-height: 1.6rem;
letter-spacing: .08rem
}
.author-info-component .author-info .media .media-left {
padding-right: 1.6rem
}
.author-info-component .author-info .media .media-left .author-pic a:hover, .author-info-component .author-info .media .media-left .author-pic a:focus {
text-decoration: none
}
.author-info-component .author-info .media .media-left .author-pic .media-object {
width: 8rem;
height: 8rem;
border-radius: 50%
}
.author-info-component .author-info .media .media-left .author-pic .media-object.large {
max-width: 13rem;
max-height: 13rem
}
.author-info-component .author-info .media .media-left .author-pic .media-object.name-block {
background: #ccc;
border-radius: 50%;
color: #121a38;
font-family: "Noto Sans", sans-serif;
font-size: 3rem;
font-weight: 500;
height: 8rem;
letter-spacing: 3px;
line-height: 8rem;
text-align: center;
width: 8rem
}
.author-info-component .author-info .media .media-left .author-pic .media-object.name-block.large {
width: 13rem;
height: 13rem;
line-height: 13rem
}
.author-info-component .author-info .media .media-body {
vertical-align: middle
}
.author-info-component .author-info .media .media-body a:hover, .author-info-component .author-info .media .media-body a:focus {
text-decoration: none
}
.author-info-component .author-info .media .media-body .media-heading {
font-size: 1.8rem;
line-height: 2.4rem;
margin: 0;
letter-spacing: .1rem;
color: #121a38;
font-weight: 500
}
.author-info-component .author-info .media .media-body .media-heading.limited {
display: inline-block;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 7rem
}
.author-info-component .author-info .media .media-body .media-heading.secondary-type {
font-family: "Noto Sans", sans-serif
}
.author-info-component .author-info .media .media-body .media-heading.primary-type {
font-family: "Noto Sans", sans-serif
}
.author-info-component .author-info .media .media-body .author-position {
display: block;
font-size: 1.4rem;
line-height: 1.4rem;
letter-spacing: .07rem;
font-weight: 300;
font-family: "Noto Sans", sans-serif;
opacity: .6
}
@media all and (max-width:991px) {
.author-info-component .border-bottom .col-xs-12 {
border-bottom: 0
}
.author-info-component .p-a-0 {
padding-right: 15px
}
.author-info-component .author-carousel-component .author-info {
padding: 0;
max-width: none
}
.author-info-component .author-carousel-component .author-info .media .media-left {
width: 100%;
display: block;
text-align: center;
padding: 0
}
.author-info-component .author-carousel-component .author-info .media .media-left .author-pic {
display: inline-block
}
.author-info-component .author-carousel-component .author-info .media .media-body {
display: block;
width: 100%;
text-align: center
}
.author-info-component .author-carousel-component .author-info .media .media-body .media-heading {
font-size: 1.8rem;
line-height: 3rem;
letter-spacing: .14rem
}
.author-info-component .author-carousel-component .author-info .media .media-body .author-position {
font-size: 1.3rem;
line-height: 2.08rem
}
}
@media screen and (max-width:767px) {
.author-info-component .author-carousel-component {
margin-top: 4.2rem
}
.author-info-component .author-carousel-component .author-info .media .media-left .author-pic .media-object {
max-width: 9.5rem;
max-height: 9.5rem
}
.author-info-component .author-carousel-component .author-info .media .media-body .media-heading {
font-size: 2rem;
line-height: 3rem;
letter-spacing: .11rem
}
.author-info-component .author-carousel-component .slick-prev, .author-info-component .author-carousel-component .slick-next {
bottom: -7rem;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: auto;
height: 4.6rem
}
.author-info-component .author-carousel-component .slick-prev:before, .author-info-component .author-carousel-component .slick-next:before {
color: #121a38;
font-size: 4.6rem
}
.author-info-component .author-carousel-component .slick-prev {
left: 1.8rem
}
.author-info-component .author-carousel-component .slick-next {
right: 1.8rem
}
.author-info-component .author-carousel-component .author-carousel-pagination {
text-align: center;
font-size: 1.4rem;
line-height: 3.3rem;
letter-spacing: .07rem;
color: #121a38;
margin-top: 3rem
}
.author-info-component .author-carousel-component .author-carousel-pagination .active {
font-size: 2rem
}
}
.panels-component {
padding-top: 3rem
}
.panels-component span, .panels-component h3 {
font-family: "Noto Sans", sans-serif
}
.panels-component .subtitle {
font-size: 2rem;
letter-spacing: .03rem;
line-height: 2.5rem;
margin: 0
}
.panels-component h2 + .subtitle {
margin-top: 2.2rem
}
.panels-component a:hover, .panels-component a:focus {
text-decoration: none
}
.panels-component .thumbnail {
position: relative;
padding: 0;
border: 0;
background: #f8fafd;
-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
border-radius: 0;
padding-bottom: 6rem;
margin-bottom: 2rem
}
.panels-component .thumbnail img {
max-height: 40rem;
font-family: 'object-fit: cover;';
height: 26rem;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.panels-component .thumbnail .date {
border-left: 1px solid rgba(7, 15, 38, .1);
margin-top: -2rem;
margin-bottom: -2rem;
float: right;
padding: 2rem
}
.panels-component .thumbnail .date div {
font-family: "Noto Sans", sans-serif;
font-weight: 400;
line-height: 1.2rem;
font-size: 1.1rem;
text-transform: none
}
.panels-component .thumbnail .date div.large {
font-size: 3rem;
line-height: 2.8rem;
margin-right: .8rem;
font-weight: 400;
font-family: "Noto Sans", sans-serif
}
.panels-component .thumbnail .quote {
font-family: "Noto Sans", sans-serif;
font-size: 2rem;
font-weight: 400;
font-stretch: normal;
line-height: 2.5rem;
letter-spacing: .09rem;
text-align: center;
color: #121a38;
position: relative;
padding-left: 1.6rem;
padding-right: 1.6rem
}
.panels-component .thumbnail .quote:before {
content: "“";
font-family: "Noto Sans", sans-serif;
margin-right: 1rem;
opacity: .5;
font-size: 30px;
font-weight: normal;
letter-spacing: .15rem;
text-align: center;
color: #121a38;
display: block;
position: absolute;
top: 0;
left: 0
}
.panels-component .thumbnail .quote:after {
content: "“";
font-family: "Noto Sans", sans-serif;
margin-right: 1rem;
opacity: .5;
font-size: 30px;
font-weight: normal;
letter-spacing: .15rem;
text-align: center;
color: #121a38;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
display: block;
position: absolute;
right: 0;
bottom: 0
}
.panels-component .thumbnail .author-info-component .author-info {
padding: 0
}
.panels-component .thumbnail .author-info-component .author-info .author-pic img {
width: 3rem;
height: 3rem
}
.panels-component .thumbnail .author-info-component .author-info .media .media-body .media-heading {
font-size: 1.4rem;
font-family: "Noto Sans", sans-serif;
letter-spacing: .15rem;
color: #121a38;
display: block;
margin-top: -.4rem
}
.panels-component .thumbnail .author-info-component .author-info .media .media-body .position {
display: block
}
.panels-component .thumbnail.no-shadow {
-webkit-box-shadow: none;
box-shadow: none
}
.panels-component .thumbnail .caption {
padding: 2.4rem;
height: 28rem;
background: #f8fafd
}
.panels-component .thumbnail .caption.no-fixed-h {
height: auto
}
.panels-component .thumbnail .caption.small-panel {
height: 18rem
}
.panels-component .thumbnail .caption:not(.no-border) {
border: 1px solid #d5ddeb
}
.panels-component .thumbnail .caption .category-name {
font-size: 1.3rem;
font-weight: bold;
letter-spacing: .14rem;
color: #121a38;
display: block;
margin-bottom: 1.2rem;
text-transform: uppercase
}
.panels-component .thumbnail .caption .author {
font-size: 1.4rem;
letter-spacing: .15rem;
color: #121a38;
display: block;
margin-bottom: 3rem
}
.panels-component .thumbnail .caption .author-info-component .media-object {
width: 3rem;
height: 3rem;
display: inline-block
}
.panels-component .thumbnail .caption .author-info-component .author {
display: inline-block
}
.panels-component .thumbnail .caption p {
font-size: 1.2rem;
font-weight: 300;
line-height: 1.6rem;
letter-spacing: .1rem;
opacity: .5;
font-family: "Noto Sans", sans-serif;
color: #121a38;
margin-bottom: 2.7rem
}
.panels-component .thumbnail .caption .meta-info {
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .15rem;
opacity: .6;
color: #121a38
}
.panels-component .thumbnail .caption .meta-info.text-left {
text-align: left !important
}
.panels-component .thumbnail .caption .meta-info.small {
font-size: 1.2rem
}
.panels-component .thumbnail .caption .meta-info.text-black {
color: #121a38;
opacity: 1
}
.panels-component .thumbnail .caption h3 {
font-size: 2.6rem;
font-weight: 400;
color: #121a38;
line-height: 1.54;
margin-top: .2rem
}
.panels-component .thumbnail .caption h3.small {
font-size: 2rem;
line-height: 2.5rem;
letter-spacing: .09rem
}
.panels-component .thumbnail.icons {
padding-bottom: 0
}
.panels-component .thumbnail.icons .caption .heading {
margin-bottom: 1.5rem
}
.panels-component .thumbnail.icons .caption .heading .media-icon-holder img {
float: left;
height: 2.4rem;
width: auto
}
.panels-component .thumbnail.icons .caption .heading .media-icon-holder img + img {
margin-left: .8rem
}
.panels-component .thumbnail.icons .caption .heading .category-name, .panels-component .thumbnail.icons .caption .heading .meta-info {
display: block;
text-align: right
}
.panels-component .thumbnail.icons .caption .heading .category-name {
margin-bottom: 0
}
.panels-component .thumbnail.icons .caption .name {
color: #121a38;
display: block;
font-size: 1.2rem;
font-family: "Noto Sans", sans-serif;
margin-bottom: .2rem;
opacity: .5
}
.panels-component .thumbnail.icons .caption h3.sub.primary-type {
font-family: "Noto Sans", sans-serif;
font-weight: 300
}
.panels-component .thumbnail.icons .caption .location, .panels-component .thumbnail.icons .caption .sub-info {
color: #667493;
display: block;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: .12rem;
line-height: 2.1rem;
margin: 0;
opacity: .6
}
.panels-component .thumbnail.icons .caption .category-info {
position: absolute;
bottom: -1rem
}
.panels-component .category-info {
position: absolute;
bottom: 0;
left: 2.4rem;
right: 2.4rem;
text-align: left;
line-height: 0
}
@media screen and (max-width:992px) {
.panels-component .category-info {
position: static
}
}
.panels-component .category-info dt {
color: #121a38;
clear: left;
font-size: 1.2rem;
font-family: "Noto Sans", sans-serif;
font-weight: 300;
letter-spacing: .13rem;
opacity: .5;
display: block;
float: left;
min-width: 6rem;
white-space: wrap
}
.panels-component .category-info dd {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
letter-spacing: .14rem;
color: #121a38;
font-weight: 400;
display: block;
white-space: wrap
}
.panels-component .category-info dd.event-date, .panels-component .category-info dd.event-location {
padding-left: 2.4rem;
margin-bottom: 1rem
}
.panels-component .category-info dd.event-date:before {
content: '';
background: url("../Icons/calendar@2x.png") no-repeat;
background-size: contain;
display: block;
width: 1.8rem;
height: 1.8rem;
position: absolute;
left: 0
}
.panels-component .category-info dd.event-location:before {
content: '';
background: url("../../NTTDataAPAC/Icons/pin@2x.png") no-repeat;
background-size: contain;
background-position: 50%;
display: block;
width: 1.8rem;
height: 1.8rem;
position: absolute;
left: 0
}
.panels-component .category-info dd span {
vertical-align: middle;
line-height: 2.6rem
}
.panels-component .category-info dd .nttd {
font-size: 1.8rem;
min-width: 2.6rem;
display: inline-block;
text-align: center;
margin-top: -.4rem
}
.panels-component .big-date {
position: absolute;
right: 0;
top: -3.5rem
}
@media screen and (max-width:375px) {
.panels-component .big-date {
top: -2.5rem
}
}
.panels-component .big-date span {
color: #121a38;
font-size: 1.3rem
}
.panels-component .big-date .day {
font-family: "Noto Sans", sans-serif;
font-size: 3.2rem;
float: left;
display: block;
margin: 1rem;
padding: .5rem 0 0 1rem;
border-left: 1px solid #a0a9c1
}
.panels-component .big-date .month-year {
font-family: "Noto Sans", sans-serif;
line-height: 1;
width: 2.4rem;
display: block;
float: right;
margin: 2.4rem 2.4rem 1.2rem 0
}
.panels-component .heading .col-xs-6 {
padding: 0;
opacity: .6
}
.panels-component .heading .col-xs-6.category-name {
text-align: right
}
.panels-component h3.sub {
font-size: 2rem !important;
font-weight: 300;
line-height: 2.8rem !important;
letter-spacing: .1rem;
margin-top: 4rem !important
}
.panels-component .sub-footer {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
position: absolute;
bottom: 2rem
}
.panels-component .sub-footer span {
opacity: .5;
font-size: 12px
}
.panels-component .events-of-month-title {
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
font-weight: 600;
text-transform: uppercase;
color: #121a38;
font-family: "Noto Sans", sans-serif;
padding: 2rem 1.5rem
}
@media all and (min-width:1921px) {
.panels-component .thumbnail .caption .author-info-component .author-info .media .media-body .media-heading {
font-size: 1.8rem
}
.panels-component .thumbnail .caption .author-info-component .author-info .media .media-body .position {
font-size: 1.7rem
}
.panels-component .thumbnail .caption .author-info-component .author-info .media .author-pic img {
height: 4rem;
width: 4rem
}
.panels-component .thumbnail .caption p, .panels-component .thumbnail .caption .meta-info {
font-size: 1.6rem
}
.panels-component .thumbnail .caption .category-name {
font-size: 1.7rem
}
.panels-component .thumbnail .caption h3.small {
font-size: 2.4rem
}
.panels-component .thumbnail .caption .category-info dt {
font-size: 1.5rem;
min-width: 6.5rem
}
.panels-component .thumbnail .caption .category-info dd {
font-size: 1.6rem
}
}
@media all and (max-width:1024px) {
.panels-component .thumbnail img {
height: 20rem
}
}
@media(max-width:991px) {
.panels-component .thumbnail .caption {
padding: 1.6rem 2rem 1rem
}
.panels-component .thumbnail .caption h3 {
font-size: 1.8rem;
font-weight: 400;
line-height: 3rem;
letter-spacing: .07rem;
margin-bottom: 0
}
.panels-component .thumbnail .caption h3.small {
font-size: 1.6rem
}
.panels-component .thumbnail .caption .meta-info {
font-size: 1.3rem;
letter-spacing: .14rem
}
.panels-component .thumbnail .caption .author {
margin-bottom: 2rem
}
}
.article-list-component {
font-family: "Noto Sans", sans-serif
}
.article-list-component > a {
color: #121a38;
opacity: .5;
font-size: 1.3rem;
font-weight: 500;
-webkit-transition: .2s ease all;
-o-transition: .2s ease all;
transition: .2s ease all
}
.article-list-component > a:hover, .article-list-component > a:focus {
color: #0079a1;
opacity: 1;
text-decoration: none
}
.article-list-component .title {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: 500
}
.article-list-component .article-card {
background: #fff;
display: block;
padding: 2.5rem 3rem;
-webkit-transition: .2s ease all;
-o-transition: .2s ease all;
transition: .2s ease all;
margin-bottom: 2.3rem
}
.article-list-component .article-card:hover, .article-list-component .article-card:focus {
background: #e2e2e2;
text-decoration: none
}
.article-list-component .article-card span, .article-list-component .article-card h2 {
color: #121a38;
font-family: "Noto Sans", sans-serif
}
.article-list-component .article-card h2 {
font-size: 1.8rem;
font-weight: 400;
line-height: 2.6rem;
letter-spacing: .12rem
}
.article-list-component .article-card span {
font-size: 1.4rem;
letter-spacing: .14rem;
line-height: 1.8rem;
font-weight: 300;
display: inline-block
}
.article-list-component .article-card .author-img {
max-width: 8rem;
max-height: 8rem;
margin: 0 auto 1rem auto;
border-radius: 50%
}
.article-list-component .article-card .timestamp {
opacity: .5
}
.article-list-component .article-card .name-block {
background: #ccc;
width: 8rem;
height: 8rem;
color: #121a38;
font-size: 3rem;
border-radius: 50%;
line-height: 8rem;
text-align: center;
margin: 0 auto 1rem auto;
display: block;
font-family: "Noto Sans", sans-serif
}
@media screen and (max-width:991px) {
.article-list-component .article-card .timestamp {
font-size: .9rem;
font-weight: 300;
letter-spacing: .1rem;
line-height: 1.8rem
}
.article-list-component .article-card .name-block {
width: 3rem;
height: 3rem;
font-size: 1.2rem;
line-height: 3rem;
text-align: center;
display: inline-block;
margin: 0;
letter-spacing: normal
}
.article-list-component .article-card h2 {
margin: 0;
font-size: 1.4rem;
line-height: 2rem;
letter-spacing: .09rem
}
.article-list-component .article-card .author-img {
margin: 0;
display: inline-block;
max-width: 3rem;
max-height: 3rem
}
.article-list-component .article-card .author-name {
color: #0079a1
}
}
.blog-theme-card-wrapper {
color: #121a38
}
.blog-theme-card-wrapper .blog-theme-card {
padding: 2rem;
margin-bottom: 3rem;
height: 20rem;
border: 1px solid #d5ddeb
}
.blog-theme-card-wrapper .blog-theme-card > span {
display: block;
margin: 2rem auto;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-family: "Noto Sans", sans-serif
}
.blog-theme-card-wrapper .blog-theme-card .blog-theme-card-icon {
display: block;
margin: auto;
width: 6rem;
margin-top: 2rem
}
.blog-theme-card-wrapper:hover, .blog-theme-card-wrapper:active, .blog-theme-card-wrapper:focus {
color: #4d4c4c;
text-decoration: none !important
}
.author-list-component .row > [class*="col-"] {
margin-top: 2.25rem;
margin-bottom: 2.25rem
}
.author-list-component .row:first-child:last-child > [class*="col-"] {
margin-top: 0;
margin-bottom: 0
}
.author-list-component .row [class*="col-"] {
margin-bottom: 4rem
}
.author-list-component a {
display: inline-block
}
.author-list-component a:focus, .author-list-component a:hover {
text-decoration: none
}
.author-list-component .author-img {
max-width: 8rem;
max-height: 8rem;
margin: 0 auto 1rem auto;
border-radius: 50%
}
.author-list-component h2 {
font-family: "Noto Sans", sans-serif;
font-size: 3rem;
font-weight: 300;
line-height: 3.5rem;
letter-spacing: .15rem;
color: #fff;
max-width: 26.4rem;
margin: 4rem auto 0 auto
}
.author-list-component .author-info, .author-list-component .author-name, .author-list-component .author-position {
font-size: 1.2rem;
font-weight: 200;
line-height: 1.7rem;
line-height: .8rem;
color: #d5d5d5;
display: block
}
.author-list-component .author-position {
opacity: .5;
font-size: 1.3rem;
letter-spacing: .09rem;
line-height: 1.8rem;
font-family: "Noto Sans", sans-serif
}
.author-list-component .author-name {
font-size: 1.4rem;
line-height: 2.8rem;
color: #fff
}
.author-list-component .author-name.large {
font-size: 2rem;
line-height: 3rem
}
.author-list-component.dark-text .author-name, .author-list-component.dark-text .author-position, .author-list-component.dark-text .author-info {
color: #070f26
}
.author-list-component [class^='col-'].text-center {
margin-bottom: 4rem
}
.author-list-component .text-center .author-info, .author-list-component .text-center .author-name {
text-align: center;
margin: 0 auto;
font-family: "Noto Sans", sans-serif
}
.author-list-component .name-block {
background: #ccc;
width: 8rem;
height: 8rem;
color: #121a38;
font-size: 3rem;
border-radius: 50%;
line-height: 8rem;
text-align: center;
margin: 0 auto 1rem auto
}
@media screen and (max-width:991px) {
.author-list-component h2 {
font-size: 1.8rem;
line-height: 2.7rem;
letter-spacing: .09rem;
margin-top: 1rem
}
}
.author-list-component.row > [class*="col-"] {
margin-top: 2.25rem;
margin-bottom: 2.25rem
}
.author-list-component.medium .author-img {
max-width: 13rem;
max-height: 13rem
}
.author-list-component.medium .author-name.large {
font-size: 2rem
}
.author-list-component.medium .author-position {
font-size: 1.4rem
}
.author-list-component a {
display: inline-block
}
.author-list-component a:focus, .author-list-component a:hover {
text-decoration: none
}
.author-list-component .name-block {
width: 6rem;
height: 6rem;
font-size: 2.2rem;
line-height: 6rem
}
.author-list-component .author-img {
max-width: 9rem;
max-height: 9rem;
margin: 0 auto 1rem auto
}
.author-list-component h2 {
font-family: "Noto Sans", sans-serif;
font-size: 3rem;
font-weight: 300;
line-height: 3.5rem;
letter-spacing: .15rem;
color: #fff;
max-width: 26.4rem;
margin: 4rem auto 0 auto
}
.author-list-component .author-title {
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: .1rem;
color: #121a38;
margin-bottom: 2.2rem;
display: inline-block
}
.author-list-component .author-title img, .author-list-component .author-title span {
vertical-align: middle;
font-family: "Noto Sans", sans-serif
}
.author-list-component .author-info, .author-list-component .author-position {
font-size: 1.2rem;
font-weight: 200;
line-height: 1.7rem;
line-height: .8rem;
color: #d5d5d5;
display: block;
max-width: 24rem
}
.author-list-component .author-position {
opacity: .5;
font-size: 1.8rem;
letter-spacing: .09rem;
line-height: 2.2rem;
font-family: "Noto Sans", sans-serif
}
.author-list-component .author-name {
font-size: 1.4rem;
line-height: 2.8rem;
color: #fff
}
.author-list-component .author-name.large {
font-size: 2.6rem;
line-height: 3rem
}
.author-list-component.dark-text .author-name, .author-list-component.dark-text .author-position, .author-list-component.dark-text .author-info {
color: #070f26
}
@media screen and (max-width:991px) {
.author-list-component h2 {
font-size: 1.8rem;
line-height: 2.7rem;
letter-spacing: .09rem;
margin-top: 1rem
}
}
.emea-ntt .board .author-list-component h2.author-heading {
margin: 2rem auto 1rem auto
}
.blog-post-component {
background: #fff
}
.blog-post-component.secondary {
margin-bottom: 2rem
}
.blog-post-component.secondary .media .media-left .media-object {
max-height: none;
font-family: 'object-fit: cover;';
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center
}
.blog-post-component.secondary .media .media-body {
border: 1px solid #f3f3f3;
border-left: 0;
padding-top: 0;
padding-bottom: 0
}
.blog-post-component.secondary .media .media-body .label {
margin-top: 2rem;
display: block;
text-align: left;
font-weight: 400
}
.blog-post-component.secondary .media .media-body h3 {
margin-bottom: 2rem
}
.blog-post-component.secondary .media .media-body p {
font-size: 1.6rem;
line-height: 2.2rem
}
.blog-post-component.secondary .media .media-body p:last-child {
margin-bottom: 2rem
}
.blog-post-component a {
color: #121a38
}
.blog-post-component a:hover, .blog-post-component a:focus {
text-decoration: none
}
.blog-post-component .media .media-left {
padding-right: 0;
vertical-align: middle
}
.blog-post-component .media .media-left .media-object {
max-width: 17.5rem;
max-height: 17.5rem
}
.blog-post-component .media .media-body {
padding: 1.4rem 2.8rem 2rem 1.4rem
}
.blog-post-component .media .media-body .label {
font-size: 1.3rem;
letter-spacing: .14rem;
color: #121a38;
font-family: "Noto Sans", sans-serif;
padding: 0;
vertical-align: middle;
white-space: normal
}
.blog-post-component .media .media-body small {
font-size: 1.1rem;
line-height: 1.6rem;
letter-spacing: .08rem;
opacity: .5;
font-weight: 500;
font-family: "Noto Sans", sans-serif;
margin-top: 2.2rem;
display: inline-block
}
.blog-post-component .media .media-body h2 {
margin-bottom: 0;
margin-top: 1rem;
font-family: "Noto Sans", sans-serif;
font-size: 3rem
}
.blog-post-component .media .media-body p {
font-size: 1.8rem;
line-height: 3rem;
letter-spacing: .07rem;
font-weight: 200;
font-family: "Noto Sans", sans-serif;
margin: .2rem 0 0
}
.blog-post-component .media .media-body .author-info-component .author-info {
padding: 0;
max-width: none;
position: absolute;
right: 0
}
.blog-post-component .media .media-body .author-info-component .author-info .media-left {
float: right
}
.blog-post-component .media .media-body .author-info-component .author-info .media-left .author-pic .media-object {
max-width: 3rem;
max-height: 3rem
}
.blog-post-component .media .media-body .author-info-component .author-info .media-left .author-pic .media-object.name-block {
width: 3rem;
height: 3rem;
font-size: 1.2rem;
line-height: 3rem;
letter-spacing: normal
}
.blog-post-component .media .media-body .author-info-component .author-info .media-body {
float: right;
width: auto;
padding: 0
}
.blog-post-component .media .media-body .author-info-component .author-info .media-body .media-heading {
font-size: 1.3rem;
letter-spacing: .14rem;
color: #121a38;
font-weight: 300;
font-family: "Noto Sans", sans-serif;
vertical-align: middle
}
.blog-post-slider .slick-prev:before, .blog-post-slider .slick-next:before {
color: #121a38
}
.blog-post-slider .slick-prev {
left: -9%
}
.blog-post-slider .slick-next {
right: -9%
}
.dark-blue-bg .blog-post-slider .slick-prev:before, .dark-blue-bg .blog-post-slider .slick-next:before {
color: #fff
}
.blog-post-slider-pagination {
margin-top: 2.6rem;
font-size: 1.4rem;
line-height: 3.3rem;
letter-spacing: .4rem;
font-weight: 200;
font-family: "Noto Sans", sans-serif;
text-align: center
}
.blog-post-slider-pagination .active {
font-size: 2.4rem;
letter-spacing: .12rem;
vertical-align: middle;
font-family: "Noto Sans", sans-serif
}
@media screen and (min-width:992px) and (max-width:1099px) {
.blog-post-component .media .media-body .author-info-component .author-info .media-body .media-heading {
text-align: right;
padding-left: 1rem
}
.blog-post-component .media .media-body .author-info-component .author-info .media-left {
padding-right: 0
}
}
@media screen and (max-width:991px) {
.blog-post-component.secondary .media .media-left .media-object {
max-width: 18rem
}
.blog-post-component .media .media-left .media-object {
max-width: 14.2rem;
max-height: 14.2rem
}
.blog-post-component .media .media-body {
padding: 2.4rem 2.8rem 1.6rem 1.8rem
}
.blog-post-component .media .media-body p {
font-size: 1.4rem;
line-height: 2rem;
letter-spacing: .05rem
}
.blog-post-component .media .media-body small {
margin-top: .6rem;
display: block
}
.blog-post-component .media .media-body .label {
display: block;
text-align: left
}
.blog-post-component .media .media-body .author-info-component .author-info {
line-height: 1;
overflow-x: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 40%;
white-space: nowrap;
right: 1rem
}
.blog-post-component .media .media-body .author-info-component .author-info .media-body {
float: none
}
.blog-post-slider .slick-prev, .blog-post-slider .slick-next {
bottom: -7.4rem;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.blog-post-slider .slick-prev {
left: 1.8rem
}
.blog-post-slider .slick-next {
right: 1.8rem
}
}
@media screen and (max-width:767px) {
.blog-post-component.secondary .media .media-left .media-object {
max-width: 14rem
}
.blog-post-component.secondary .media .media-body {
padding-right: 1rem
}
.blog-post-component.secondary .media .media-body h3 {
font-size: 1.8rem;
margin-top: 1rem;
margin-bottom: 1rem
}
.blog-post-component.secondary .media .media-body p:last-child {
margin-bottom: 1rem
}
.blog-post-component .media .media-left .media-object {
max-width: 10rem;
max-height: 10rem
}
.blog-post-component .media .media-body {
padding: 1.4rem 2.8rem .6rem 1.8rem
}
.blog-post-component .media .media-body h2 {
font-size: 2rem
}
.blog-post-slider .slick-prev {
left: 1.8rem
}
.blog-post-slider .slick-next {
right: 1.8rem
}
}
.board.side-image .content p.small.light {
margin-bottom: 0
}
.board.side-image .content a.standard {
font-family: "Noto Sans", sans-serif;
color: #121a38;
font-size: 1.3rem
}
.board.side-image .image .img-responsive {
width: 100%
}
@media screen and (max-width:991px) {
.board.side-image .content {
padding: 6rem 6rem 6rem 2.9rem
}
.board.side-image .content h2 {
line-height: 4.8rem
}
.board.side-image .content p.small {
font-size: 1.6rem;
line-height: 3rem;
font-weight: 300
}
}
@media screen and (max-width:767px) {
.board.side-image {
padding: 0 15px
}
.board.side-image .content {
padding: 5rem 1.9rem 4rem
}
.board.side-image .content h2 {
font-size: 4rem;
line-height: 4.8rem;
letter-spacing: .1rem;
margin-bottom: 2.8rem
}
.board.side-image .content p.small {
margin-bottom: 2rem
}
.board.side-image .image img {
width: 100%
}
}
.board.job-offer h2.title {
font-family: "Noto Sans", sans-serif;
font-size: 2.6rem;
font-weight: 600;
letter-spacing: .01rem
}
.board.job-offer h3 {
font-family: "Noto Sans", sans-serif;
font-size: 2.6rem;
font-weight: 500;
margin-bottom: 0;
line-height: 3rem;
letter-spacing: .1rem
}
.board.job-offer .media {
margin-bottom: 3rem
}
.board.job-offer .media .media-body {
padding-right: 100px
}
.board.job-offer .media .media-left {
padding-top: 3.75rem;
padding-right: 2.5rem
}
.board.job-offer .media .media-left .img {
width: 6rem
}
.board.job-offer .media .media-left .img img {
float: right
}
@media screen and (max-width:767px) {
.board.job-offer h2.title {
font-size: 2rem;
font-weight: 600
}
.board.job-offer h3 {
margin-top: 1rem
}
.board.job-offer .media .media-left {
display: block
}
.board.job-offer .media .media-left .img img {
float: none
}
}
.jobs-table {
border-collapse: collapse
}
@media screen and (min-width:768px) {
.jobs-table {
display: table;
width: 100%
}
}
.jobs-table .position-card {
display: block;
border: 1px solid #d5ddeb;
margin-bottom: 1rem
}
@media screen and (min-width:768px) {
.jobs-table .position-card {
display: table-row;
border: 0;
border-bottom: 1px solid #d5ddeb
}
}
.jobs-table .position-card .position-cell, .jobs-table .position-card .location-cell, .jobs-table .position-card .refcode-cell {
display: block;
padding: .8rem;
font-size: 1.6rem;
font-family: "Noto Sans", sans-serif
}
@media screen and (min-width:768px) {
.jobs-table .position-card .position-cell, .jobs-table .position-card .location-cell, .jobs-table .position-card .refcode-cell {
display: table-cell;
padding: 1.6rem
}
}
.jobs-table .position-card .position-cell a {
font-weight: 700
}
.jobs-table .position-card .location-cell {
font-weight: 700
}
.jobs-table .position-card .refcode-cell {
min-width: 17rem
}
.jobs-table .position-card .refcode-cell > span {
display: inline;
font-weight: 700
}
@media screen and (min-width:768px) {
.jobs-table .position-card .refcode-cell > span {
display: none
}
}
@media screen and (max-width:767px) {
.jobs-table .position-card.thead {
display: none
}
}
.jobs-table .position-card.thead > div {
text-transform: uppercase;
font-weight: 700
}
.editable-content-component {
color: #121a38
}
.editable-content-component h3 {
font-size: 3rem;
line-height: 2.7rem;
letter-spacing: .06rem;
font-weight: 500;
margin-bottom: 5rem;
margin-top: 6rem
}
.editable-content-component h3:first-child {
margin-top: 0
}
.editable-content-component p {
font-size: 1.4rem;
line-height: 2.7rem;
letter-spacing: .03rem;
font-weight: 300;
font-family: "Noto Sans", sans-serif;
margin-bottom: 2rem
}
.editable-content-component ul {
font-family: "Noto Sans", sans-serif;
font-size: 1.8rem;
font-weight: 300
}
.editable-content-component.grey-bg {
font-size: 1.6rem
}
.editable-content-component.grey-bg ol {
padding-left: 15px
}
.editable-content-component.grey-bg ol li {
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .03rem;
line-height: 2.7rem
}
.editable-content-component.grey-bg ol li .list-num {
display: none
}
@media all and (min-width:1921px) {
.editable-content-component p {
font-size: 1.6rem
}
}
@media screen and (max-width:767px) {
.editable-content-component h3 {
line-height: 3.8rem;
margin-bottom: 2rem;
margin-top: 5rem
}
}
.comment-section-component.board {
padding-left: 21rem;
padding-right: 21rem
}
.comment-section-component.board span, .comment-section-component.board p {
font-family: "Noto Sans", sans-serif
}
.comment-section-component .comment {
margin-bottom: 6rem;
display: none
}
.comment-section-component .comments-counter {
margin-bottom: 7rem
}
.comment-section-component .comments-counter span.counter {
color: #121a38;
font-size: 5.6rem;
font-weight: 300;
letter-spacing: 1.1px;
font-family: "Noto Sans", sans-serif;
vertical-align: baseline
}
.comment-section-component .comments-counter span {
font-size: 1.3rem;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1.4px;
color: #121a38;
vertical-align: super
}
.comment-section-component .name {
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 1.5px;
color: #121a38;
text-transform: uppercase
}
.comment-section-component .date {
font-size: 1.4rem;
letter-spacing: 1.2px;
font-weight: normal;
margin-left: 1rem
}
.comment-section-component .text {
font-size: 1.6rem;
font-weight: 300;
letter-spacing: 1px;
line-height: normal;
margin-top: 1.2rem
}
.comment-section-component .reply {
font-size: 1.2rem;
color: #121a38;
font-weight: 500;
letter-spacing: 1px;
font-family: "Noto Sans", sans-serif
}
.comment-section-component .reply i {
margin-right: 1rem
}
.comment-section-component .view-more, .comment-section-component .view-less {
color: #fff;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: .6px;
font-family: "Noto Sans", sans-serif;
display: inline-block;
margin-right: 2rem
}
.comment-section-component .view-less {
display: none
}
@media all and (max-width:991px) {
.comment-section-component.board {
padding-left: 2.8rem;
padding-right: 2.8rem
}
}
@media all and (max-width:767px) {
.comment-section-component .date {
display: block;
margin: 0
}
}
.comment .comment-author {
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 1.5px;
color: #121a38;
text-transform: uppercase;
font-family: "Noto Sans", sans-serif
}
.comment .comment-time {
font-size: 1.4rem;
letter-spacing: 1.2px;
font-weight: normal;
margin-left: 1rem;
color: #fff
}
.comment .comment-text {
font-size: 1.6rem;
font-weight: 300;
letter-spacing: 1px;
line-height: normal;
margin-top: 1.2rem;
color: #fff;
font-family: "Noto Sans", sans-serif
}
.comment .comment-reply-to {
font-size: 1.2rem;
color: #121a38;
font-weight: 500;
letter-spacing: 1px;
font-family: "Noto Sans", sans-serif;
text-transform: uppercase
}
.comment .comment-reply-to a {
color: #121a38
}
.comment .comment-reply-to a:hover {
text-decoration: none
}
.comment .comment-reply-to i {
margin-right: 1rem
}
.leave-comment-form input.material-input {
color: #121a38 !important;
border-bottom: 1px solid rgba(7, 15, 38, .25) !important;
width: 100%
}
.leave-comment-form label span {
color: #121a38 !important
}
.leave-comment-form textarea {
border: 1px solid rgba(51, 51, 51, .25);
width: 100%;
resize: none
}
.comment-preview-component {
padding: 0 6.6rem;
z-index: 98;
position: absolute;
bottom: 0;
right: 0;
-webkit-transform: translateY(61%);
-ms-transform: translateY(61%);
transform: translateY(61%);
-webkit-transition: width .3s ease, -webkit-transform .3s ease;
transition: width .3s ease, -webkit-transform .3s ease;
-o-transition: width .3s ease, transform .3s ease;
transition: width .3s ease, transform .3s ease;
transition: width .3s ease, transform .3s ease, -webkit-transform .3s ease;
background: #df9e3a
}
.comment-preview-component.opened {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.comment-preview-component a {
font-family: "Noto Sans", sans-serif;
font-size: 1.1rem;
font-weight: 600;
line-height: 1.82;
letter-spacing: .08rem;
color: #fff;
cursor: pointer
}
.comment-preview-component p {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.54;
letter-spacing: .09rem;
color: #fff
}
.comment-preview-component::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1
}
.comment-preview-component .comment-preview-header {
cursor: pointer
}
.comment-preview-component .comment-preview-body {
padding-top: 3rem
}
.comment-preview-component .comment-preview-footer {
padding-top: 3rem;
padding-bottom: 3rem
}
.comment-preview-component .author-info-component .author-info {
padding: 3rem 2.2rem 3rem 0;
display: inline-block;
max-width: 60%;
vertical-align: top
}
.comment-preview-component .author-info-component .author-info .media .media-body .media-heading, .comment-preview-component .author-info-component .author-info .media .media-body .position {
color: #fff
}
.comment-preview-component .author-info-component .author-info .media .media-body .position {
display: block;
font-family: "Noto Sans", sans-serif;
font-size: 1.1rem;
font-weight: 200;
letter-spacing: .08rem
}
.comment-preview-component .author-info-component .author-comments {
padding: 3rem 0 3rem 2.2rem;
float: right;
border-left: 1px solid rgba(255, 255, 255, .15)
}
.comment-preview-component .author-info-component .author-comments p {
font-family: "Noto Sans", sans-serif;
font-size: 1.1rem;
font-weight: 200;
line-height: 2.73;
letter-spacing: .08rem
}
@media screen and (max-width:991px) {
.comment-preview-component {
padding: 0 3rem
}
}
@media screen and (max-width:767px) {
.comment-preview-component {
padding: 0 3rem
}
.comment-preview-component .author-info-component .author-info {
max-width: 100%
}
}
.blog-filters-switcher-component {
position: relative;
background-color: #fff
}
.blog-filters-switcher-component.board {
padding-left: 0;
padding-right: 0
}
.blog-filters-switcher-component.board.light {
color: #121a38
}
.blog-filters-switcher-component.padded.board:not(.tight) {
padding: 3.2rem 4.4rem 3.2rem 4.4rem
}
.blog-filters-switcher-component.padded.board h3 {
font-size: 1.8rem;
font-weight: 700;
margin: 0 0 1.5rem 0;
text-transform: uppercase
}
.blog-filters-switcher-component.padded.board ul {
padding: 0
}
.blog-filters-switcher-component.padded.board ul li {
margin-bottom: 3.6rem
}
@media all and (max-width:1024px) {
.blog-filters-switcher-component.padded.board:not(.tight) {
padding-left: 2.8rem;
padding-right: 2.8rem
}
}
@media all and (max-width:767px) {
.blog-filters-switcher-component.padded.board:not(.tight) {
padding: 2.6rem 1.8rem
}
.blog-filters-switcher-component.padded.board:not(.tight) h3 {
margin-bottom: 3rem
}
.blog-filters-switcher-component.padded.board:not(.tight) ul {
padding: 0
}
.blog-filters-switcher-component.padded.board:not(.tight) ul li {
display: block;
margin-right: 0;
width: 100%
}
.blog-filters-switcher-component.padded.board:not(.tight) ul li .filter-dropdown {
width: 100% !important
}
.blog-filters-switcher-component.padded.board:not(.tight) ul li .dropdown-toggle {
display: block;
width: 100%
}
}
.blog-filters-switcher-component .clearable-holder {
padding-left: 3.5rem
}
.blog-filters-switcher-component .clearable-holder .search-decoration {
bottom: 0
}
.blog-filters-switcher-component .clearable-holder .clear-btn {
font-size: 1.3rem;
line-height: 2.4rem
}
.blog-filters-switcher-component .clearable-holder .underlined-field {
border-color: #121a38;
color: #121a38;
font-size: 1.3rem;
height: auto;
line-height: 2.4rem;
padding-left: 0
}
.blog-filters-switcher-component .clearable-holder .underlined-field::-webkit-input-placeholder {
font-size: 1.3rem;
font-weight: 500;
color: #fff;
opacity: 1
}
.blog-filters-switcher-component .clearable-holder .underlined-field::-moz-placeholder {
font-size: 1.3rem;
font-weight: 500;
color: #fff;
opacity: 1
}
.blog-filters-switcher-component .clearable-holder .underlined-field:-ms-input-placeholder {
font-size: 1.3rem;
font-weight: 500;
color: #fff;
opacity: 1
}
.blog-filters-switcher-component .clearable-holder .underlined-field:-moz-placeholder {
font-size: 1.3rem;
font-weight: 500;
color: #fff;
opacity: 1
}
.blog-filters-switcher-component .clearable-holder .underlined-field::placeholder {
font-size: 1.3rem;
font-weight: 500;
color: #fff;
opacity: 1
}
.blog-filters-switcher-component .selected-options {
width: 100%;
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
pointer-events: none;
top: 2rem
}
.blog-filters-switcher-component .selected-options span {
line-height: 3.6rem
}
.blog-filters-switcher-component ul:not(.dropdown-menu) {
display: inline-block;
list-style: none;
margin: 0
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li {
display: inline-block;
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
letter-spacing: 2px;
text-transform: uppercase;
margin-right: 7rem;
font-weight: normal;
cursor: pointer;
position: relative
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li.dropdown.month {
display: none
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li.dropdown.month.activate {
display: inline-block
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li > span {
font-family: "Noto Sans", sans-serif
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li .option:after {
content: "";
font: normal normal normal 20px/1 FontAwesome;
margin-left: .8rem;
vertical-align: top
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li.active .option {
color: #5876aa
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li.active .option:after {
content: "";
font: normal normal normal 20px/1 FontAwesome
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li.active .bootstrap-select .dropdown-toggle {
color: #5876aa
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li.active .bootstrap-select .dropdown-toggle .filter-option:after {
content: "";
font: normal normal normal 20px/1 FontAwesome
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li:focus {
outline: none !important
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li a {
text-decoration: none;
color: #121a38
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li .bootstrap-select {
width: auto !important
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li .bootstrap-select:focus {
outline: none !important
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li .bootstrap-select .dropdown-toggle {
background: none;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: inherit;
font-size: 1.3rem;
letter-spacing: .2rem;
text-transform: uppercase;
padding: 0;
width: auto
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li .bootstrap-select .dropdown-toggle:focus {
outline: none !important
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li .bootstrap-select .dropdown-toggle .filter-option {
line-height: 2.2rem
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li .bootstrap-select .dropdown-toggle .filter-option:after {
content: "";
font: normal normal normal 20px/1 FontAwesome;
margin-left: .8rem;
vertical-align: top
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li .bootstrap-select .dropdown-toggle .bs-caret {
display: none
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li .dropdown-menu {
padding: .5rem 0
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li .dropdown-menu li {
letter-spacing: .1rem;
margin-bottom: .5rem;
text-transform: none
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li .dropdown-menu li:last-child {
margin-bottom: 0
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li .dropdown-menu li a {
font-weight: 300
}
.blog-filters-switcher-component ul:not(.dropdown-menu) > li .dropdown-menu li a:hover {
background-color: #f3f3f3;
background-image: none;
-webkit-filter: none;
filter: none
}
@media screen and (max-width:459px) {
.blog-filters-switcher-component ul.blog-filter-list li {
width: 100%
}
}
.blog-filters-switcher-component .filter-buttons-holder {
display: block
}
.blog-filters-switcher-component .filter-buttons-holder.active .filter-clear, .blog-filters-switcher-component .filter-buttons-holder.active .filter-apply {
display: inline-block
}
.blog-filters-switcher-component .filter-buttons-holder .button {
-webkit-box-shadow: none;
box-shadow: none;
font-weight: 500;
padding: .8rem 2rem .6rem;
text-transform: uppercase
}
.blog-filters-switcher-component .filter-buttons-holder .button:active, .blog-filters-switcher-component .filter-buttons-holder .button:focus {
outline: none
}
.blog-filters-switcher-component .filter-buttons-holder .button + .button {
margin-left: 2rem
}
.blog-filters-switcher-component .filter-buttons-holder .filter-apply, .blog-filters-switcher-component .filter-buttons-holder .filter-clear {
display: none
}
@media screen and (max-width:991px) {
.blog-filters-switcher-component ul {
padding: 0 3rem;
font-size: 0
}
.blog-filters-switcher-component ul li {
margin: 0
}
.blog-filters-switcher-component ul li.authors-selector {
text-align: right
}
.blog-filters-switcher-component ul li.date-selector {
text-align: center
}
.blog-filters-switcher-component .filter-buttons-holder {
margin-bottom: 3.3rem
}
}
@media screen and (max-width:767px) {
.blog-filters-switcher-component.board {
padding-bottom: 0
}
.blog-filters-switcher-component ul {
padding: 0 .8rem
}
.blog-filters-switcher-component ul li {
width: 33%;
text-align: left;
margin-bottom: 2.6rem
}
.blog-filters-switcher-component ul.blog-filter-list li {
text-align: center
}
.blog-filters-switcher-component .selected-options {
top: 1rem
}
.blog-filters-switcher-component .filter-buttons-holder.active .filter-clear, .blog-filters-switcher-component .filter-buttons-holder.active .filter-apply {
display: block
}
.blog-filters-switcher-component .filter-buttons-holder .button {
display: block;
margin-bottom: 1.5rem;
text-align: center;
width: 100%
}
.blog-filters-switcher-component .filter-buttons-holder .button:last-child {
margin-bottom: 0
}
.blog-filters-switcher-component .filter-buttons-holder .button + .button {
margin-left: 0
}
.blog-filters-switcher-component .filter-buttons-holder .filter-apply, .blog-filters-switcher-component .filter-buttons-holder .filter-clear {
display: none
}
}
.filter-categories-component .sub-level a {
display: inline;
margin-right: 10rem;
font-size: 1.3rem;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: normal;
cursor: pointer;
opacity: .5
}
.filter-categories-component .sub-level a.active {
opacity: 1
}
.filter-categories-component .sub-level a span {
display: inline-block
}
.filter-categories-component .sub-level a span.counter {
font-size: 4rem
}
.filter-categories-component .sub-level .counter {
padding-left: 1rem
}
.blog-filters-component {
position: relative
}
.blog-filters-component.board {
padding: 0
}
.blog-filters-component .sub-level {
display: none;
padding-bottom: 0 !important
}
.blog-filters-component .sub-level.active {
display: block
}
.blog-filters-component .sub-level .controls .back-button {
color: #0079a1
}
.blog-filters-component .sub-level .controls .back-button span {
font-size: 4.2rem;
line-height: 1rem;
position: relative;
top: -.3rem;
margin-right: 1rem;
color: #121a38
}
.blog-filters-component .sub-level .controls-sublevel {
position: relative;
margin-top: 8rem
}
.blog-filters-component .sub-level .controls-sublevel .controls {
top: 0
}
.blog-filters-component .parent-level.hidden {
display: none
}
.blog-filters-component .controls {
position: absolute;
bottom: -3rem
}
.blog-filters-component .slick-list {
margin-bottom: 6rem
}
.blog-filters-component .carousel-controls {
width: auto;
text-align: left;
position: relative;
top: -3.4rem;
opacity: .4
}
.blog-filters-component .carousel-controls.disable-carousel-controls {
opacity: 0;
pointer-events: none
}
.blog-filters-component .carousel-controls div {
display: inline-block
}
.blog-filters-component .carousel-controls .slider-pagination {
font-family: "Noto Sans", sans-serif;
font-size: 2.4rem;
font-weight: 200;
letter-spacing: .12rem
}
.blog-filters-component .carousel-controls .slider-pagination small {
font-size: 1.4rem;
font-weight: 400;
letter-spacing: .07rem;
line-height: 3.3rem;
vertical-align: middle
}
.blog-filters-component .carousel-controls .prev {
margin-right: 1rem
}
.blog-filters-component .carousel-controls .next {
margin-left: 1rem
}
.blog-filters-component .carousel-controls .next, .blog-filters-component .carousel-controls .prev {
font-size: 4.2rem;
line-height: 1rem;
position: relative;
top: 1rem;
cursor: pointer
}
.blog-filters-component a .selected-options {
display: table-row;
line-height: 1rem
}
.blog-filters-component .filter-theme-component, .blog-filters-component .filter-categories-component, .blog-filters-component .filter-date-component {
background-color: #eaeaea;
width: 100%
}
.blog-filters-component .authors-selector-holder, .blog-filters-component .filter-theme-component, .blog-filters-component .filter-categories-component, .blog-filters-component .filter-date-component {
position: absolute;
visibility: hidden;
z-index: 10
}
.blog-filters-component .authors-selector-holder.active, .blog-filters-component .filter-theme-component.active, .blog-filters-component .filter-categories-component.active, .blog-filters-component .filter-date-component.active {
visibility: visible
}
.blog-filters-component ul {
list-style: none;
margin: 0
}
.blog-filters-component ul li {
display: inline-block;
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
letter-spacing: 2px;
text-transform: uppercase;
margin-right: 9.6rem;
font-weight: normal
}
.blog-filters-component ul li:after {
content: "";
font: normal normal normal 20px/1 FontAwesome;
margin-left: .8rem
}
.blog-filters-component ul li.active {
color: #0079a1
}
.blog-filters-component ul li.active:after {
content: "";
font: normal normal normal 20px/1 FontAwesome
}
.blog-filters-component .scrollable-wrapper {
padding-left: 0;
height: 13rem;
overflow: hidden;
margin-top: 3rem;
margin-bottom: 2rem
}
.blog-filters-component .arrows {
margin-top: 3rem;
padding-left: 3rem
}
.blog-filters-component .selector-holder {
width: 100%;
z-index: 1;
height: 32.5rem
}
.blog-filters-component .selector-holder .close-btn {
cursor: pointer;
font-size: 1.6rem;
position: absolute;
right: 2.2rem;
top: 2.2rem
}
@media screen and (max-width:767px) {
.blog-filters-component .selector-holder {
background: #f3f3f3;
position: fixed;
top: 0;
bottom: 0;
z-index: 101;
height: auto;
overflow: auto
}
}
@media screen and (max-width:767px) {
.blog-filters-component .selector-holder .title span {
letter-spacing: .22em;
font-weight: 700
}
}
.blog-filters-component .selector-holder .input-holder {
background: #1d1d1f;
height: 100%
}
.blog-filters-component .selector-holder .input-holder .question-icon {
display: inline-block;
background: #fff;
border-radius: 50%;
width: 6rem;
height: 6rem;
text-align: center;
line-height: 2.2;
font-size: 3rem;
vertical-align: middle
}
.blog-filters-component .selector-holder .input-holder .clearable-holder .clear-btn {
color: #fff
}
.blog-filters-component .selector-holder .input-holder .clearable-holder .clear-btn {
color: #fff
}
.blog-filters-component .selector-holder .input-holder input {
display: inline;
width: 75%
}
@media screen and (max-width:767px) {
.blog-filters-component .selector-holder .input-holder input {
font-size: 1.8rem;
text-align: center
}
.blog-filters-component .selector-holder .input-holder input::-webkit-input-placeholder {
font-size: 1.8rem
}
.blog-filters-component .selector-holder .input-holder input::-moz-placeholder {
font-size: 1.8rem
}
.blog-filters-component .selector-holder .input-holder input:-ms-input-placeholder {
font-size: 1.8rem
}
.blog-filters-component .selector-holder .input-holder input:-moz-placeholder {
font-size: 1.8rem
}
}
.blog-filters-component .selector-holder .authors-holder {
height: 100%;
background-color: #eaeaea
}
@media screen and (max-width:767px) {
.blog-filters-component .selector-holder .authors-holder {
height: auto;
margin-bottom: 2rem
}
}
.blog-filters-component .selector-holder .authors-holder .nttd {
font-size: 4rem
}
.blog-filters-component .selector-holder .authors-holder .nttd.nttd-arrow-left, .blog-filters-component .selector-holder .authors-holder .nttd.nttd-arrow-right {
cursor: pointer
}
.blog-filters-component .scrollable-content {
width: 100%;
white-space: nowrap;
overflow: auto;
padding: 0 0 0 0;
height: 18rem
}
.blog-filters-component .scrollable-content .item {
display: inline-block;
float: none;
white-space: nowrap;
margin: 0;
margin-right: 6.4rem
}
.blog-filters-component .scrollable-content .item:after {
display: none
}
.blog-filters-component .scrollable-content .item .content-item {
display: inline-block;
text-align: center
}
.blog-filters-component .scrollable-content .item .content-item .img-holder {
position: relative;
border-radius: 50%;
overflow: hidden;
display: inline-block
}
.blog-filters-component .scrollable-content .item .content-item .img-holder img {
height: 8rem;
width: 8rem
}
.blog-filters-component .scrollable-content .item .content-item.selected .img-holder {
position: relative;
border-radius: 50%;
overflow: hidden;
display: inline-block
}
.blog-filters-component .scrollable-content .item .content-item.selected .img-holder:after {
background: rgba(7, 15, 38, .5);
bottom: 0;
color: #fff;
content: '';
font-family: 'nttd-icons';
left: 0;
position: absolute;
right: 0;
top: 0;
font-size: 2.32rem;
line-height: 8rem
}
.blog-filters-component .scrollable-content .item .content-item .name {
display: block;
margin-top: 1rem;
text-transform: none;
letter-spacing: .8px
}
.blog-filters-component .scrollable-content .show-all {
margin: 4.4rem 5rem 0 5rem;
vertical-align: top;
text-decoration: underline
}
.blog-filters-component .scrollable-content .show-all:after {
display: none
}
@media screen and (max-width:991px) {
.blog-filters-component .arrows {
padding: 0 1.5rem
}
.blog-filters-component .scrollable-wrapper {
padding-left: 3rem;
padding-right: 3rem
}
.blog-filters-component .scrollable-content .show-all {
margin-left: 0
}
.blog-filters-component .scrollable-content .item {
margin-right: 5.4rem
}
.blog-filters-component .selector-holder .input-holder {
height: auto;
padding: 2rem 3rem
}
.blog-filters-component .selector-holder .input-holder input {
width: 88%
}
.blog-filters-component .selector-holder .input-holder .question-icon {
width: 4rem;
height: 4rem;
font-size: 2rem
}
.blog-filters-component .selector-holder .input-holder .valign {
position: static;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial
}
}
@media screen and (min-width:768px) {
.blog-filters-component .button {
border: solid 1px #121a38;
font-size: 1.4rem;
font-weight: 300;
font-family: "Noto Sans", sans-serif;
letter-spacing: .7px;
color: #121a38;
padding: 0 5.6rem
}
}
@media screen and (max-width:767px) {
.blog-filters-component .filter-date-component {
background: #f3f3f3;
position: fixed;
top: 0;
bottom: 0;
z-index: 101;
height: auto;
overflow: auto
}
.blog-filters-component .filter-date-component .center-block > .row {
margin: 0
}
.blog-filters-component .filter-date-component .close-btn {
cursor: pointer;
font-size: 1.6rem;
position: absolute;
right: 2.2rem;
top: 2.6rem
}
.blog-filters-component .filter-date-component .title span {
letter-spacing: .22em;
font-weight: 700
}
.blog-filters-component .filter-date-component .year-holder {
margin: 8rem -1.8rem 7.5rem -1.8rem;
padding: 0
}
.blog-filters-component .filter-date-component .year-holder .year-slider .slick-active {
width: 64vw !important;
text-align: right
}
.blog-filters-component .filter-date-component .year-holder .year-slider .slick-active span {
width: 44%;
text-align: center;
display: block;
float: right
}
.blog-filters-component .filter-date-component .year-holder .year-slider .slick-active + .slick-slide {
padding-left: 4%;
text-align: left
}
.blog-filters-component .filter-date-component .month-holder {
margin: 0 -1.8rem 9.6rem -1.8rem;
padding: 0
}
.blog-filters-component .filter-date-component .month-holder .month-slider .slick-active {
width: 84vw !important;
text-align: right
}
.blog-filters-component .filter-date-component .month-holder .month-slider .slick-active span {
width: 78%;
text-align: center;
display: block;
float: right
}
.blog-filters-component .filter-date-component .month-holder .month-slider .slick-active + .slick-slide {
text-align: left
}
.blog-filters-component .selector-holder .input-holder .question-icon {
display: none
}
.blog-filters-component .selector-holder .input-holder input {
width: 100%
}
.blog-filters-component .parent-level a {
font-size: 1.6rem;
opacity: .5;
margin-bottom: 1.4rem
}
.blog-filters-component .parent-level a span {
display: inline-block
}
.blog-filters-component .parent-level a .selected-options {
display: table-row
}
.blog-filters-component .parent-level a .counter {
font-size: 3.5rem;
opacity: .5
}
.blog-filters-component .parent-level a.active {
color: #121a38 !important;
opacity: 1;
font-size: 1.6rem
}
.blog-filters-component .parent-level a.active:after {
content: "";
font: normal normal normal 14px/1 FontAwesome;
float: right;
margin-top: .5rem
}
.blog-filters-component .parent-level .carousel-controls {
display: none
}
.blog-filters-component .parent-level .controls {
position: absolute;
bottom: 3rem;
width: 100%
}
.blog-filters-component .sub-level .controls-sublevel .controls {
margin-top: 2rem;
position: static
}
.blog-filters-component .scrollable-wrapper {
height: auto;
margin-bottom: 0;
overflow: visible;
padding-left: 2rem;
padding-right: 2rem
}
.blog-filters-component .scrollable-content {
overflow: visible;
white-space: normal;
height: auto
}
.blog-filters-component .scrollable-content .show-all {
margin: 0 0 3rem 0;
text-decoration: none;
width: 100%
}
.blog-filters-component .scrollable-content .show-all a {
color: #121a38;
float: left;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: .22rem;
line-height: 4rem;
text-transform: none
}
.blog-filters-component .scrollable-content .show-all .nttd-check {
float: right;
font-size: 1.2rem;
line-height: 4rem
}
.blog-filters-component .scrollable-content .item {
width: 100%;
display: block;
margin-bottom: 6rem;
margin-right: 0;
white-space: normal
}
.blog-filters-component .scrollable-content .item .content-item.selected .img-holder {
display: table-cell
}
.blog-filters-component .scrollable-content .item .content-item.selected .img-holder:after {
line-height: 9rem
}
.blog-filters-component .scrollable-content .item .content-item .name {
font-size: 2.4rem;
font-weight: 500;
letter-spacing: .13rem;
line-height: 3rem;
margin-top: 0
}
.blog-filters-component .scrollable-content .item .content-item .position {
font-family: "Noto Sans", sans-serif;
font-size: 1.6rem;
line-height: 1.6rem;
letter-spacing: .11rem;
text-transform: none;
opacity: .5
}
.blog-filters-component .scrollable-content .item .content-item .publications {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
line-height: 1.6rem;
letter-spacing: .09rem;
margin-top: 1.5rem
}
.blog-filters-component .scrollable-content .item .content-item .img-holder {
border-radius: 0;
display: table-cell
}
.blog-filters-component .scrollable-content .item .content-item .img-holder img {
border-radius: 50%;
height: 9rem;
width: 9rem
}
.blog-filters-component .scrollable-content .item .content-item .content-item-info {
display: table-cell;
padding-left: 1.6rem;
text-align: left;
vertical-align: top
}
}
.post-filter-component .category-item, .post-filter-component .filter-item, .post-filter-component .subfilter-item {
color: #121a38;
display: block;
font-family: "Noto Sans", sans-serif;
font-weight: 400;
opacity: .5
}
.post-filter-component .category-item {
font-weight: 300;
font-size: 1.5rem;
letter-spacing: .2rem
}
.post-filter-component .filter-holder {
margin-top: 1.4rem;
position: relative
}
.post-filter-component .filter-holder:hover .filter-item, .post-filter-component .filter-holder:hover .subfilter-item {
opacity: .2
}
.post-filter-component .filter-holder:hover .reset {
opacity: 1
}
.post-filter-component .filter-holder .filter-item {
font-size: 2rem
}
.post-filter-component .filter-holder .subfilter-item {
font-size: 2rem;
margin-top: .6rem;
opacity: 1;
text-transform: uppercase
}
.post-filter-component .filter-holder .reset {
color: #667493;
font-size: 3.2rem;
line-height: 0;
opacity: 0;
margin: 0 auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.blog-post-author-component.board {
padding-left: 21rem;
padding-right: 21rem;
color: #121a38
}
.blog-post-author-component.board span, .blog-post-author-component.board p, .blog-post-author-component.board a {
font-family: "Noto Sans", sans-serif;
color: #121a38
}
.blog-post-author-component.board a {
font-size: 1.3rem;
font-weight: 600;
line-height: 1.82;
letter-spacing: .08rem;
text-transform: uppercase;
cursor: pointer
}
.blog-post-author-component .blog-post-author-title {
font-size: 1.3rem;
font-weight: 600;
letter-spacing: .06rem;
color: #121a38;
text-transform: uppercase
}
.blog-post-author-component .author-info-component .author-info {
padding: 0
}
.blog-post-author-component .author-info-component .author-info .media .media-left {
display: block
}
.blog-post-author-component .author-info-component .author-info .media .media-body .media-heading {
font-family: "Noto Sans", sans-serif;
font-size: 2rem;
font-weight: 500;
line-height: 1.5;
letter-spacing: .16rem
}
.blog-post-author-component .author-info-component .author-info .media .media-body .position {
display: block;
opacity: .7;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.23;
letter-spacing: .09rem
}
.blog-post-author-component .author-comments p {
font-size: 1.8rem;
font-weight: 300;
line-height: 1.56;
letter-spacing: .13rem
}
.blog-post-author-component .author-comments .quote p {
position: relative
}
.blog-post-author-component .author-comments .quote p:after {
content: "â€";
position: absolute;
font-size: 10rem;
letter-spacing: .25rem;
color: #121a38;
opacity: .3;
margin-top: -2rem
}
.blog-post-author-component .author-comments .quote p:before {
content: "“";
position: absolute;
left: -1rem;
font-size: 10rem;
letter-spacing: .25rem;
color: #121a38;
opacity: .3;
top: -4rem;
left: -4rem
}
@media all and (max-width:991px) {
.blog-post-author-component.board {
padding-left: 2.8rem;
padding-right: 2.8rem
}
}
@media all and (max-width:767px) {
.blog-post-author-component .blog-post-author-title {
padding-bottom: 2.2rem
}
.blog-post-author-component .author-info-component .author-info .media .media-left {
display: table-cell
}
.blog-post-author-component .author-comments .quote p:before {
left: -3rem
}
}
.column-list-component {
color: #121a38
}
.column-list-component.board {
padding-top: 8rem
}
.column-list-component > .row {
padding-bottom: 8rem
}
.column-list-component > .row:last-child {
padding-bottom: 0
}
.column-list-component h2 {
font-size: 2.5rem;
line-height: 2.7rem;
letter-spacing: .05rem;
font-weight: 500;
margin: 0
}
.column-list-component h3 {
font-size: 1.3rem;
line-height: 2.7rem;
letter-spacing: .09rem;
font-family: "Noto Sans", sans-serif;
margin: 0;
text-transform: uppercase;
font-weight: 300
}
.column-list-component ul li a {
font-size: 1.4rem;
line-height: 2.7rem;
letter-spacing: .03rem;
font-family: "Noto Sans", sans-serif;
font-weight: 300;
color: #121a38
}
.column-list-component .title {
padding-bottom: 4rem
}
@media screen and (max-width:767px) {
.column-list-component ul {
margin-bottom: 0
}
}
.filter-date-component .year-content, .filter-date-component .month-content {
font-size: 3rem;
line-height: 1;
letter-spacing: .46rem
}
.filter-date-component .filter-label {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
line-height: 2.31;
letter-spacing: .2rem;
text-transform: uppercase
}
.filter-date-component .slick-list {
margin-bottom: 0
}
.filter-date-component .slick-prev, .filter-date-component .slick-next {
line-height: 1;
z-index: 35000000
}
.filter-date-component .slick-prev:before, .filter-date-component .slick-next:before {
color: #121a38;
font-size: 2.4rem
}
.filter-date-component .slick-prev::before {
content: "î¤"
}
.filter-date-component .slick-next::before {
content: ""
}
@media screen and (max-width:767px) {
.filter-date-component .slick-next {
right: 0
}
.filter-date-component .slick-prev {
left: 0
}
.filter-date-component .spacer-top-m {
padding-top: 1rem !important
}
}
.filter-theme-component a {
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
line-height: 2.31;
letter-spacing: .2rem;
text-decoration: none;
text-transform: uppercase;
color: #121a38
}
.filter-theme-component a [class^="nttd-"] {
vertical-align: middle
}
.filter-theme-component a.active {
color: #0079a1 !important
}
.filter-theme-component .hidden-desktop {
display: none
}
@media(max-width:1023px) {
.filter-theme-component a {
line-height: 1.45
}
.filter-theme-component a [class^="nttd-"] {
display: block;
margin-bottom: 1rem
}
.filter-theme-component .hidden-desktop {
display: inline
}
.filter-theme-component .all-theme {
position: relative;
top: 30px
}
}
@media(max-width:767px) {
.filter-theme-component .spacer-top-m {
padding-top: 0 !important
}
.filter-theme-component .all-theme {
top: 0
}
.filter-theme-component .item {
line-height: .75;
margin-bottom: 2rem
}
}
.filter-categories-component a {
font-size: 1.4rem;
color: #121a38;
font-weight: 300;
font-family: "Noto Sans", sans-serif;
text-align: left;
display: table;
width: 100%;
letter-spacing: .2rem
}
.filter-categories-component a:hover, .filter-categories-component a:focus {
text-decoration: none
}
.filter-categories-component a.active {
color: #5876aa !important;
font-weight: 700;
font-size: 1.3rem;
letter-spacing: .2rem
}
.filter-categories-component a + a {
margin-top: 3.6rem
}
.filter-categories-component a span {
display: table-cell;
vertical-align: middle;
font-family: "Noto Sans", sans-serif;
line-height: 2
}
.filter-categories-component a span.counter {
font-size: 2.6rem;
opacity: .2;
font-family: "Noto Sans", sans-serif;
text-align: left;
padding-left: 2rem;
display: inline
}
@media screen and (max-width:1200px) {
.filter-categories-component .col-md-6 {
padding-right: 6rem
}
}
@media screen and (max-width:991px) {
.filter-categories-component .col-md-6 + .col-md-6 {
margin-top: 1.4rem
}
.filter-categories-component a {
font-size: 1.3rem
}
.filter-categories-component a + a {
margin-top: 1.4rem
}
.filter-categories-component a span.counter {
font-size: 2.2rem
}
}
@media screen and (max-width:767px) {
.filter-categories-component .col-sm-6 {
margin-top: 0
}
.filter-categories-component .spacer-top-m {
padding-top: 0 !important
}
.filter-categories-component .col-md-6 {
padding-right: 1.5rem
}
.filter-categories-component .col-md-6 + .col-md-6 {
margin-top: 0
}
.filter-categories-component .valign {
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.filter-categories-component a + a {
margin-top: 0
}
}
.sticky-bottom-component {
position: fixed;
bottom: 0;
left: 0;
-webkit-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
visibility: hidden;
opacity: 0;
max-width: 100%;
z-index: 999
}
.sticky-bottom-component.visible {
visibility: visible;
opacity: 1
}
.sticky-bottom-component a, .sticky-bottom-component p, .sticky-bottom-component span {
color: #fff;
font-size: 1.6rem;
text-decoration: none
}
.sticky-bottom-component .more-info {
padding: .8rem 4rem
}
.sticky-bottom-component .more-info.shrink {
display: inline-block
}
.sticky-bottom-component .mosaic-component .mosaic-block {
display: inline-block;
max-height: 27rem
}
.sticky-bottom-component .mosaic-component .mosaic-block:first-child {
margin-right: 1rem
}
.sticky-bottom-component .mosaic-component .mosaic-block img {
max-height: auto;
min-width: auto;
max-width: 20rem;
height: 100%;
min-height: 100%
}
.sticky-bottom-component .mosaic-component .mosaic-block h3 {
font-size: 1.4rem;
line-height: 1.5;
letter-spacing: .07rem;
bottom: 1rem;
right: 1.5rem;
left: 1.5rem
}
.sticky-bottom-component .mosaic-component .mosaic-block .label {
font-size: 1rem;
top: 1rem;
left: 1.5rem
}
@media(max-width:991px) {
.sticky-bottom-component .mosaic-component {
padding: 2.2rem 0 0 0 !important
}
}
@media(max-width:767px) {
.sticky-bottom-component {
width: 100%
}
.sticky-bottom-component .mosaic-component {
padding-left: 0 !important;
padding-right: 0 !important
}
.sticky-bottom-component .mosaic-component .mosaic-block:first-child {
margin-right: 0
}
.sticky-bottom-component .mosaic-component .mosaic-block img {
max-width: 100%
}
}
section.secondary-type.callout .board-title {
color: #121a38;
font-size: 2.5rem
}
section.secondary-type.callout h2.intro.secondary {
margin: 2.6rem 0 4rem
}
section.secondary-type.callout .topic {
display: block;
text-transform: uppercase;
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: .14rem;
padding-top: 2rem
}
section.secondary-type.callout .topic i {
padding-right: 5px
}
section.secondary-type.callout .topic .icon-study {
display: inline-block;
height: 2.4rem;
margin-right: 1rem;
vertical-align: middle
}
section.secondary-type.callout a.cta {
text-transform: none;
opacity: .6;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 300
}
section.secondary-type.callout p {
font-size: 1.3rem
}
section.secondary-type.callout p:first-of-type {
margin-top: 4rem
}
section.secondary-type.callout p span {
color: #667493;
margin-right: .3rem;
opacity: .5
}
.numbered-paragraph-component {
counter-reset: item
}
.numbered-paragraph-component.board {
padding-left: 6.6rem;
padding-right: 6.6rem
}
.numbered-paragraph-component .numbered-paragraph-item {
margin-top: 13rem
}
.numbered-paragraph-component .numbered-paragraph-item [class^='col']::before {
content: counter(item);
counter-increment: item;
position: absolute;
top: -4rem;
left: 1rem;
font-family: "Noto Sans", sans-serif;
font-size: 26rem;
font-weight: 300;
line-height: 1;
z-index: 0;
color: #0079a1;
opacity: .25
}
.numbered-paragraph-component .numbered-paragraph-title {
position: relative;
font-weight: 700;
color: #121a38;
line-height: 1.5
}
.numbered-paragraph-component .numbered-paragraph-desc {
margin-top: 6rem
}
@media(max-width:991px) {
.numbered-paragraph-component.board {
padding-left: 3rem;
padding-right: 3rem
}
.numbered-paragraph-component .numbered-paragraph-desc {
margin-top: 3rem
}
}
@media(max-width:767px) {
.numbered-paragraph-component {
padding-left: 3rem;
padding-right: 3rem
}
.numbered-paragraph-component .numbered-paragraph-desc {
margin-top: 3rem
}
}
.single-carousel-component.board {
padding-top: 7.8rem;
padding-bottom: 6.8rem
}
.single-carousel-component.secondary .single-carousel .slick-prev, .single-carousel-component.secondary .single-carousel .slick-next {
bottom: auto;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.single-carousel-component.secondary .single-carousel .slide h2 {
margin-bottom: 3rem;
font-family: "Noto Sans", sans-serif;
font-size: 6rem;
font-weight: 300;
max-width: 69.4rem;
margin-left: auto;
margin-right: auto
}
.single-carousel-component.secondary .single-carousel .slide h2 a {
text-decoration: none;
color: inherit
}
.single-carousel-component.dark-text .slick-prev:before, .single-carousel-component.dark-text .slick-next:before {
color: #070f26
}
.single-carousel-component .single-carousel .slide img {
margin-bottom: 3.6rem
}
.single-carousel-component .single-carousel .slide img.slide-icon {
margin: 0 auto 3.6rem
}
.single-carousel-component .single-carousel .slide > a {
color: #667493
}
.single-carousel-component .single-carousel .slide > a:hover, .single-carousel-component .single-carousel .slide > a:focus {
text-decoration: none
}
.single-carousel-component .single-carousel .slide .board-title {
margin-bottom: 2.4rem
}
.single-carousel-component .single-carousel .slide .board-title.small {
margin-bottom: 0
}
.single-carousel-component .single-carousel .slide h2 {
font-size: 5rem;
line-height: 6rem;
letter-spacing: .19rem;
margin-bottom: 8rem;
margin-top: 0
}
.single-carousel-component .single-carousel .slide h2.small {
font-size: 4rem;
line-height: 4.8rem;
margin-bottom: 4rem
}
.single-carousel-component .single-carousel .slide h2.large {
font-size: 6rem;
line-height: 7.6rem;
letter-spacing: .3rem;
font-weight: 300
}
.single-carousel-component .single-carousel .slide small {
font-size: 1.3rem;
line-height: 2rem;
letter-spacing: .14rem;
font-weight: 300;
display: block;
max-width: 12rem;
margin: 0 4rem 5rem
}
.single-carousel-component .single-carousel .slide small .nttd {
display: block;
font-size: 2.2rem;
margin-bottom: 1.2rem
}
.single-carousel-component .single-carousel .slide .event-icons-container .event-date, .single-carousel-component .single-carousel .slide .event-icons-container .event-location {
position: relative;
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
display: inline-block;
width: 12rem;
margin: 0 2rem
}
.single-carousel-component .single-carousel .slide .event-icons-container .event-date:before, .single-carousel-component .single-carousel .slide .event-icons-container .event-location:before {
content: '';
display: block;
width: 2.3rem;
height: 2.3rem;
position: relative;
margin: 1rem auto
}
.single-carousel-component .single-carousel .slide .event-icons-container .event-date:before {
background: url("../../NTTDataAPAC/Icons/calendar_white@2x.png") no-repeat;
background-size: contain
}
.single-carousel-component .single-carousel .slide .event-icons-container .event-location:before {
background: url("../../NTTDataAPAC/Icons/pin_white@2x.png") no-repeat;
background-size: contain
}
.single-carousel-component .single-carousel .slick-prev, .single-carousel-component .single-carousel .slick-next {
bottom: -5rem;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1
}
.single-carousel-component .single-carousel .slick-prev {
left: 0
}
.single-carousel-component .single-carousel .slick-next {
right: 0
}
.single-carousel-component .single-carousel-pagination {
font-size: 1.4rem;
line-height: 3.3rem;
letter-spacing: .5rem;
font-family: "Noto Sans", sans-serif
}
.single-carousel-component .single-carousel-pagination .active {
font-size: 2.4rem;
letter-spacing: .12rem;
font-weight: 200;
font-family: "Noto Sans", sans-serif;
vertical-align: bottom
}
@media screen and (max-width:991px) {
.single-carousel-component.secondary .single-carousel .slide .board-title.small {
margin-bottom: 1.2rem;
margin-top: 5rem
}
.single-carousel-component.secondary .single-carousel .slide h2 {
font-size: 4rem;
line-height: 4.7rem;
letter-spacing: .3rem;
font-weight: 300;
margin-bottom: 2.6rem;
overflow: hidden
}
.single-carousel-component .single-carousel .slide h2 {
margin-top: 0;
margin-bottom: 4.8rem
}
.single-carousel-component .single-carousel .slide h2.large {
font-size: 6rem;
line-height: 8rem;
letter-spacing: .3rem
}
.single-carousel-component .single-carousel .slide .board-title {
margin-bottom: 1rem
}
}
@media screen and (max-width:767px) {
.single-carousel-component.board {
padding-top: 11rem;
padding-bottom: 5rem
}
.single-carousel-component.secondary {
padding-top: 6.6rem
}
.single-carousel-component.secondary .single-carousel .slide small {
max-width: none;
margin: 0 0 5rem
}
.single-carousel-component.secondary .single-carousel .slick-prev, .single-carousel-component.secondary .single-carousel .slick-next {
bottom: -5rem;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1
}
.single-carousel-component .single-carousel .slide h2 {
margin-bottom: 11rem
}
.single-carousel-component .single-carousel .slide h2.small {
font-size: 3rem;
line-height: 3.8rem;
margin-bottom: 2rem
}
.single-carousel-component .single-carousel .slide p.small-xs {
font-size: 1.8rem
}
}
@media screen and (max-width:767px) and (max-width:375px) {
.single-carousel-component .single-carousel.top-arrows-xs .slick-next, .single-carousel-component .single-carousel.top-arrows-xs .slick-prev {
bottom: unset;
top: -5rem
}
}
.card-component .info-area p {
font-size: 1.8rem;
letter-spacing: .04rem;
line-height: 3.4rem;
margin: 0 0 3.2rem 0
}
.card-component .info-area p:last-child {
margin-bottom: 0
}
.card-component a.card {
display: block
}
.card-component a.card:hover {
text-decoration: none
}
.card-component .card {
border: 1px solid rgba(7, 15, 38, .2);
height: 24rem;
margin-bottom: 2rem;
padding: 1rem;
text-align: center
}
.card-component .card [class^="nttd-"], .card-component .card [class*=" nttd-"] {
display: block;
font-size: 4rem;
margin-bottom: 2.8rem
}
.card-component .card .card-title {
display: block;
font-size: 2rem;
letter-spacing: .04rem;
line-height: 3rem;
text-transform: uppercase
}
@media all and (max-width:767px) {
.card-component .info-area {
margin-bottom: 3.2rem
}
.card-component .info-area p {
font-size: 1.3rem;
letter-spacing: .03rem;
line-height: 2.8rem;
margin: 0 0 3.2rem 0
}
.card-component .info-area p:last-child {
margin-bottom: 0
}
.card-component .card {
height: 10rem;
margin-bottom: 1.8rem
}
.card-component .card .valign {
font-size: 0
}
.card-component .card [class^="nttd-"], .card-component .card [class*=" nttd-"] {
display: inline-block;
font-size: 3.6rem;
margin: 0 0 0 10%;
width: 30%;
text-align: center;
vertical-align: middle
}
.card-component .card .card-title {
display: inline-block;
font-size: 1.6rem;
letter-spacing: .03rem;
text-align: left;
width: 60%;
vertical-align: middle
}
}
.blog-theme-block-component .blog-theme-heading {
margin-bottom: 8rem;
text-align: center;
margin-top: 3.6rem
}
.blog-theme-block-component .blog-theme-heading .board-title {
margin-bottom: .8rem
}
.blog-theme-block-component .blog-theme-heading p {
font-family: "Noto Sans", sans-serif;
font-size: 1.8rem;
font-weight: 300;
letter-spacing: .04rem;
line-height: 2.7rem;
margin: 0
}
.blog-theme-block-component.grey .article-list-component .article-card {
-webkit-box-shadow: none;
box-shadow: none
}
.blog-theme-block-component .article-list-component {
margin-bottom: 5.2rem
}
.blog-theme-block-component .article-list-component .title {
color: #121a38;
letter-spacing: .06rem
}
.blog-theme-block-component .article-list-component > a {
color: #121a38;
letter-spacing: .06rem;
opacity: 1
}
.blog-theme-block-component .article-list-component > a:hover, .blog-theme-block-component .article-list-component > a:focus {
color: #0079a1
}
.blog-theme-block-component .article-list-component .article-card {
background: #fff;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
min-height: 16.5rem
}
.blog-theme-block-component .article-list-component .article-card .row [class*='col-'] {
line-height: 0
}
.blog-theme-block-component .article-list-component .article-card .author-name {
font-size: 1.3rem;
color: #121a38
}
.blog-theme-block-component .article-list-component .article-card .author-img {
max-height: 4rem;
max-width: 4rem;
margin-bottom: .5rem
}
.blog-theme-block-component .author-info-component > .title {
color: #121a38;
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: .06rem
}
.blog-theme-block-component .author-info-component > a {
font-size: 1.3rem;
letter-spacing: .06rem
}
.blog-theme-block-component .author-info-component > a:hover, .blog-theme-block-component .author-info-component > a:focus {
color: #0079a1;
text-decoration: none
}
@media all and (min-width:1921px) {
.blog-theme-block-component .article-list-component .article-card .author-img {
max-height: 5rem;
max-width: 5rem
}
}
@media all and (max-width:767px) {
.blog-theme-block-component .blog-theme-heading {
margin-bottom: 4.6rem;
text-align: left
}
.blog-theme-block-component .blog-theme-heading .board-title {
font-size: 2.6rem;
margin-bottom: 1rem
}
.blog-theme-block-component .blog-theme-heading p {
font-size: 1.4rem;
letter-spacing: .03rem;
margin: 0
}
.blog-theme-block-component .article-list-component {
margin-bottom: 0
}
.blog-theme-block-component .article-list-component .title {
font-size: 1.6rem;
letter-spacing: .08rem
}
.blog-theme-block-component .article-list-component > a {
font-size: 1.6rem;
letter-spacing: .08rem
}
.blog-theme-block-component .article-list-component .article-card .timestamp {
margin-top: 1rem
}
}
.remove-blog-filter {
font-size: 1rem;
margin-top: .25rem;
color: #a1a1a1;
display: none;
cursor: pointer
}
.custom-input-wrapper {
display: inline-block
}
.custom-input-wrapper .nttd-angle-left, .custom-input-wrapper .nttd-angle-right {
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.custom-input-wrapper input[type=number]::-webkit-inner-spin-button, .custom-input-wrapper input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.custom-input-wrapper input[type=number] {
-moz-appearance: textfield
}
.custom-input-wrapper [data-custom-input="number"] {
display: inline-block;
width: 50px;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
margin: 0
}
.custom-input-wrapper [data-custom-input="number"]:focus {
outline: 0
}
input.input-box {
display: block;
width: 100%;
background: #fff;
background-image: none;
overflow-x: hidden;
overflow-y: scroll;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
text-indent: 0;
margin: 0;
padding: 8px 45px 8px 15px;
color: #121a38;
border: 1px solid #121a38;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 5rem;
font-size: 2rem
}
.event-content {
padding-right: 4.4rem
}
.event-aside {
border-left: 1px solid #d5ddeb;
padding-left: 4.4rem
}
.event-aside .info {
opacity: .25;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 2.7rem;
letter-spacing: .1rem;
color: #121a38
}
.event-aside h2 {
font-size: 1.8rem;
margin-bottom: 0;
margin-top: 0;
font-weight: 700;
letter-spacing: .05rem;
color: #121a38
}
.event-aside p {
font-size: 1.6rem;
line-height: 2.5rem
}
.event-aside .aside-toggle {
font-family: "Noto Sans", sans-serif;
font-size: 1.8rem;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 2.8rem;
letter-spacing: .1rem;
text-align: center;
color: #121a38;
background: #f3f3f3;
border: none;
margin: -4.8rem -1.8rem 4.3rem -1.8rem;
width: 100vw;
display: block;
padding: 3.5rem 0 2rem
}
.event-aside .aside-toggle:focus {
outline: none
}
@media screen and (max-width:767px) {
.event-aside .aside-content {
background: #f3f3f3;
margin: -4.3rem -1.8rem 4.3rem -1.8rem;
padding: 1.8rem 1.8rem 3.6rem 1.8rem
}
}
@media(max-width:767px) {
.event-content {
padding-right: 15px
}
.event-aside {
border-left: 0;
padding-left: 15px
}
.event-aside p {
font-size: 1.8rem;
line-height: 3rem
}
}
@media screen and (max-width:767px) {
.mobile-slider-component .mobile-slider .slick-prev, .mobile-slider-component .mobile-slider .slick-next {
bottom: -7.4rem;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.mobile-slider-component .mobile-slider .slick-prev:before, .mobile-slider-component .mobile-slider .slick-next:before {
color: #121a38;
font-size: 3rem;
line-height: 6.6rem
}
.mobile-slider-component .mobile-slider .slick-prev {
left: 1.8rem
}
.mobile-slider-component .mobile-slider .slick-prev:before {
content: "î¤"
}
.mobile-slider-component .mobile-slider .slick-next {
right: 1.8rem
}
.mobile-slider-component .mobile-slider .slick-next:before {
content: ""
}
.mobile-slider-component .mobile-slider .slick-disabled {
opacity: 0
}
.mobile-slider-component .slider-pagination {
color: #121a38;
margin-top: 2.6rem;
font-size: 1.4rem;
line-height: 3.3rem;
letter-spacing: .4rem;
font-weight: 200;
font-family: "Noto Sans", sans-serif;
text-align: center
}
.mobile-slider-component .slider-pagination .active {
font-size: 2.4rem;
letter-spacing: .12rem;
vertical-align: middle;
font-family: "Noto Sans", sans-serif
}
}
.slogan-component {
margin-top: 4.4rem
}
.slogan-component .slogan-item {
margin-bottom: 8.2rem
}
.slogan-component .slogan-item:last-child {
margin-bottom: 0
}
.slogan-component .slogan-item .slogan {
color: #0079a1;
display: inline-block;
font-size: 4rem;
font-weight: 600;
letter-spacing: .14rem;
line-height: 3.9rem;
padding-left: 3rem
}
.slogan-component .slogan-item [class^="col-"] p:first-child, .slogan-component .slogan-item [class*="col-"] p:first-child {
margin-bottom: 0
}
@media all and (max-width:991px) {
.slogan-component {
margin-top: 1.8rem
}
.slogan-component .slogan-item .slogan {
padding-left: 0
}
}
@media all and (max-width:767px) {
.slogan-component {
margin-top: 0
}
.slogan-component .slogan-item {
margin-bottom: 3.4rem
}
.slogan-component .slogan-item .slogan {
font-size: 3.5rem;
letter-spacing: .12rem;
line-height: 3.9rem;
margin-bottom: 1rem
}
}
.center-carousel-component.grey .slick-arrow:before, .center-carousel-component.grey .center-carousel-pagination {
color: #121a38
}
.center-carousel-component .featured-blog .feature-header {
margin-top: 3rem
}
.center-carousel-component .featured-blog .feature-header .author-img.img-responsive {
max-width: 8rem;
float: left;
border-radius: 50%
}
.center-carousel-component .featured-blog .feature-header .author-name {
font-size: 1.4rem;
font-family: "Noto Sans", sans-serif;
letter-spacing: .156rem;
font-weight: 400;
position: relative;
top: 2rem;
left: 3rem
}
.center-carousel-component .featured-blog .feature-body {
clear: both;
top: 9rem;
position: relative
}
.center-carousel-component .featured-blog .feature-body .timestamp {
display: block;
font-size: 1.6rem;
color: #667493;
letter-spacing: .17rem;
font-weight: 100;
font-family: "Noto Sans", sans-serif
}
.center-carousel-component .featured-blog .feature-body h2 {
font-family: "Noto Sans", sans-serif;
font-size: 4rem;
color: #121a38;
text-transform: none;
letter-spacing: .256rem;
font-weight: 300;
margin: 2rem 0 2rem
}
.center-carousel-component .featured-blog .feature-body p {
font-size: 1.6rem;
font-weight: 200;
color: #121a38;
padding: 0
}
@media screen and (max-width:991px) {
.speakers-carousel-component .speakers-carousel .slick-prev, .speakers-carousel-component .speakers-carousel .slick-next {
bottom: -5.2rem;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
line-height: 2rem;
height: 2rem
}
.speakers-carousel-component .speakers-carousel .slick-prev:before, .speakers-carousel-component .speakers-carousel .slick-next:before {
color: #121a38;
font-size: 2rem
}
.speakers-carousel-component .speakers-carousel .slick-prev {
left: 1.8rem
}
.speakers-carousel-component .speakers-carousel .slick-prev:before {
content: ""
}
.speakers-carousel-component .speakers-carousel .slick-next {
right: 1.8rem
}
.speakers-carousel-component .speakers-carousel .slick-next:before {
content: ""
}
.speakers-carousel-component .speakers-carousel-pagination {
margin-top: 2.6rem;
font-size: 1.4rem;
line-height: 3.3rem;
letter-spacing: .4rem;
font-weight: 200;
font-family: "Noto Sans", sans-serif;
text-align: center
}
.speakers-carousel-component .speakers-carousel-pagination .active {
font-size: 2.4rem;
letter-spacing: .12rem;
vertical-align: middle;
font-family: "Noto Sans", sans-serif
}
}
@media screen and (max-width:767px) {
.speakers-carousel-component .speakers-carousel .slick-prev, .speakers-carousel-component .speakers-carousel .slick-next {
bottom: -7.4rem;
line-height: 6.6rem;
height: 6.6rem
}
.speakers-carousel-component .speakers-carousel .slick-prev:before, .speakers-carousel-component .speakers-carousel .slick-next:before {
font-size: 6.6rem
}
.speakers-carousel-component .speakers-carousel .slick-prev:before {
content: ""
}
.speakers-carousel-component .speakers-carousel .slick-next:before {
content: ""
}
}
.basic-text + .basic-text:not(.colored) {
padding-top: 0
}
.basic-text.dark-text h2, .basic-text.dark-text h3, .basic-text.dark-text h4, .basic-text.dark-text p, .basic-text.dark-text li {
color: #070f26
}
.basic-text h2, .basic-text h3, .basic-text h4, .basic-text p, .basic-text li {
color: #121a38
}
.basic-text.large-text h2 {
font-size: 4rem;
letter-spacing: .15rem;
line-height: 4.8rem;
margin-bottom: 2.2rem
}
.basic-text.large-text p {
font-size: 2rem
}
.basic-text h2 {
margin: 0 0 2rem 0
}
.basic-text h3 {
margin: 0 0 1rem 0
}
.basic-text h4 {
font-size: 1.4rem;
font-weight: 500;
margin: 0 0 1rem 0
}
.basic-text p {
font-weight: 300;
font-size: 1.6rem
}
.basic-text b {
font-weight: 500
}
.basic-text ul {
padding-left: 1.4rem;
margin-left: 2rem
}
.basic-text ul li {
font-weight: 300;
font-size: 1.6rem
}
.basic-text ul li a {
line-height: 2.5rem
}
.basic-text ul.list-unstyled {
padding-left: 0
}
.basic-text .share-social .social-list {
margin-left: -.5rem;
padding-left: 0
}
.basic-text a {
font-weight: 500;
color: #121a38;
font-size: 1.4rem
}
.basic-text a:hover {
text-decoration: underline
}
.basic-text .color-box h4.large {
font-size: 1.8rem;
font-weight: 700
}
.basic-text .basic-text-block {
margin-bottom: 3rem
}
.basic-text .basic-text-block:last-child {
margin-bottom: 0
}
.basic-text.dark-blue-bg h2, .basic-text.dark-blue-bg h3, .basic-text.dark-blue-bg p, .basic-text.dark-blue-bg a {
color: #fff
}
.basic-text.two-col-text:not(.no-padding) .row .col-xs-12.col-sm-6 + .col-xs-12.col-sm-6 {
padding-left: 7rem
}
.basic-text.three-col-text .row .col-xs-12.col-sm-4 {
padding-right: 8rem
}
@media screen and (max-width:767px) {
.basic-text .row [class*="col-"] .color-box {
margin-bottom: 2rem
}
.basic-text .row [class*="col-"]:last-child .color-box {
margin-bottom: 0
}
.basic-text.two-col-text .row .col-xs-12.col-sm-6 + .col-xs-12.col-sm-6 {
padding-left: 15px
}
.basic-text.three-col-text .row .col-xs-12.col-sm-4 {
padding-right: 0
}
}
.two-col-text.basic-text .row + .row {
margin-bottom: 2rem
}
.two-col-text.basic-text .row:last-of-type {
margin-bottom: 0
}
.two-col-text.basic-text.medium ul li {
font-weight: 300;
font-size: 1.6rem;
margin-bottom: 1rem
}
.two-col-text.basic-text.medium p + ul {
padding-top: .5rem
}
.two-col-text.basic-text.medium p + h3 {
margin-top: 3rem
}
.two-col-text.basic-text.human-blue p, .two-col-text.basic-text.human-blue h3, .two-col-text.basic-text.human-blue li {
color: #fff
}
.two-col-text.basic-text.human-blue a {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
text-decoration: underline
}
.event-content .basic-text h2 {
color: #121a38;
font-size: 2.4rem;
font-weight: 700;
letter-spacing: .05rem;
line-height: 1.1;
margin: 0
}
.event-content .basic-text p {
color: #667493;
font-weight: 400;
line-height: 2.5rem
}
@media screen and (max-width:767px) {
.event-content .basic-text p {
font-size: 1.8rem;
line-height: 3rem
}
}
.block-list-component h2 {
font-size: 3rem;
font-weight: 300;
margin-bottom: 1.5rem
}
.block-list-component p {
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .06rem;
line-height: 2.4rem
}
.block-list-component ul {
display: table;
margin: 0 -1.5rem;
padding-left: 0
}
.block-list-component ul li {
display: inline-table;
font-size: 1.4rem;
line-height: 2.7rem;
letter-spacing: .03rem;
margin-bottom: 1rem;
padding: 0 1.5rem 0 4rem;
position: relative;
font-weight: 300;
width: 25%
}
.block-list-component ul li:before {
content: "";
display: list-item;
position: absolute;
left: 1.5rem;
list-style-position: inside
}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
.block-list-component ul li:before {
content: "•";
position: absolute;
left: 1.5rem
}
}
.block-list-component h3 {
margin: 3rem 0 3rem 0
}
@media all and (min-width:1300px) {
.block-list-component p, .block-list-component ul li {
font-size: 1.6rem
}
}
@media screen and (max-width:991px) {
.block-list-component.board {
padding: 5.4rem 2.8rem !important
}
.block-list-component ul {
margin-bottom: 0
}
.block-list-component ul li {
width: 100%
}
.block-list-component p {
font-size: 1.6rem;
line-height: 2.5rem;
letter-spacing: .07rem
}
}
.profile-list-component .service-list {
margin-right: 11.2rem;
vertical-align: middle
}
.profile-list-component .profile-list {
display: inline-block;
text-align: left;
vertical-align: middle
}
.profile-list-component .profile-list.inline .profile-element {
display: table-cell;
margin: 0;
padding-right: 3.6rem;
vertical-align: middle
}
.profile-list-component .profile-list.inline .profile-element:last-child {
padding-right: 0
}
.profile-list-component .profile-list.inline .profile-element.image-holder {
margin: 0;
padding-right: 6.4rem
}
.profile-list-component .profile-list .profile-element {
text-align: left;
margin-bottom: 1rem
}
.profile-list-component .profile-list .profile-element.image-holder {
margin-bottom: 2rem
}
.profile-list-component .profile-list .profile-element .profile-title, .profile-list-component .profile-list .profile-element .profile-item {
display: block
}
.profile-list-component .profile-list .profile-element .profile-title {
color: #667493;
font-size: 1.3rem;
text-transform: uppercase
}
.profile-list-component .profile-list .profile-element .profile-item {
color: #121a38;
font-size: 1.8rem
}
@media screen and (max-width:1199px) {
.profile-list-component .service-list {
display: block;
margin: 0 0 3rem 0;
text-align: center
}
}
@media screen and (max-width:767px) {
.profile-list-component .profile-list.inline .profile-element {
display: block;
margin-bottom: 1rem;
padding-right: 0
}
.profile-list-component .profile-list.inline .profile-element.image-holder {
margin-bottom: 2rem
}
.profile-list-component .profile-list.inline .profile-element:last-child {
margin-bottom: 0
}
.profile-list-component .profile-list.inline .profile-element.image-holder {
padding-right: 0
}
}
.quote-element-component.image .quote-element {
padding: 0
}
.quote-element-component.image .quote-element .quote-item {
font-size: 3rem
}
.quote-element-component .quote-element.media .media-left, .quote-element-component .quote-element.media .media-body {
vertical-align: middle
}
.quote-element-component .quote-element.media .media-left {
padding-right: 6rem;
text-align: center
}
.quote-element-component .quote-element.media .media-left img {
border-radius: 50%;
display: inline-block;
font-family: 'object-fit: cover;';
height: 20rem;
margin-bottom: .5rem;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 20rem
}
.quote-element-component .quote-element.media .media-body {
width: auto
}
.quote-element-component .quote-element.media .media-body p:last-child {
margin-bottom: 0
}
.quote-element-component .quote-element.media .media-body.about-author p {
font-size: 1.6rem;
font-weight: 300
}
.quote-element-component .quote-element.media .media-body.about-author p + a.button {
margin-top: 2rem
}
.quote-element-component .quote-element .quote-item {
font-size: 3rem;
font-weight: 300;
margin-bottom: 3.2rem
}
.quote-element-component .quote-element .author-quote, .quote-element-component .quote-element .author-position {
display: block
}
.quote-element-component .quote-element .author-quote {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: .2rem
}
.quote-element-component .quote-element .author-position {
font-size: 1.4rem;
font-weight: 200
}
@media screen and (max-width:767px) {
.quote-element-component.image .quote-element .quote-item {
font-size: 2rem
}
.quote-element-component .quote-element {
padding: 0
}
.quote-element-component .quote-element .quote-item {
font-size: 2rem;
margin-bottom: 2.2rem
}
.quote-element-component .quote-element.media .media-left, .quote-element-component .quote-element.media .media-body {
display: block
}
.quote-element-component .quote-element.media .media-left {
margin-bottom: 3rem;
padding-right: 0;
text-align: center
}
.quote-element-component .quote-element.media .media-left img {
margin: 0 auto .5rem auto
}
}
.executives-bio-modal .modal-dialog {
width: 80vw
}
.executives-bio-modal .modal-dialog .modal-content {
border-radius: 0
}
.executives-bio-modal .modal-dialog .modal-content.yellow-bg .modal-header .close {
color: #121a38
}
.executives-bio-modal .modal-dialog .modal-content.yellow-bg .modal-body {
color: #121a38
}
.executives-bio-modal .modal-dialog .modal-content.yellow-bg .modal-body .executives-slider-component .slick-prev:before, .executives-bio-modal .modal-dialog .modal-content.yellow-bg .modal-body .executives-slider-component .slick-next:before {
color: #121a38
}
.executives-bio-modal .modal-dialog .modal-header {
border-bottom: 0;
padding: 2rem 2rem 0 2rem
}
.executives-bio-modal .modal-dialog .modal-header .close {
color: #121a38;
font-size: 1.9rem;
opacity: 1;
text-shadow: none
}
.executives-bio-modal .modal-dialog .modal-body {
padding: 2rem 4rem
}
@media screen and (max-width:767px) {
.executives-bio-modal .modal-dialog {
width: auto
}
.executives-bio-modal .modal-dialog .modal-header {
padding: 2rem 1.8rem 0 1.8rem
}
.executives-bio-modal .modal-dialog .modal-body {
padding: 2rem 1.8rem
}
}
.executives-list .executives-list-block {
cursor: pointer
}
.executives-list .executives-list-block:hover {
outline: none;
text-decoration: none
}
.executives-list .executives-list-block:hover .author-name, .executives-list .executives-list-block:hover .author-quote {
text-decoration: underline
}
.executives-slider-component .slick-prev, .executives-slider-component .slick-next {
height: auto;
line-height: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1
}
.executives-slider-component .slick-prev:before, .executives-slider-component .slick-next:before {
color: #121a38;
font-size: 3rem
}
.executives-slider-component .slick-prev:before {
content: "î¤"
}
.executives-slider-component .slick-next:before {
content: ""
}
.executives-slider-component .executives-nav-thumbnails .slick-prev, .executives-slider-component .executives-nav-thumbnails .slick-next, .executives-slider-component .executives-nav-thumbnails-modal .slick-prev, .executives-slider-component .executives-nav-thumbnails-modal .slick-next {
bottom: 2rem;
top: auto
}
.executives-slider-component .executives-nav-thumbnails .slick-list, .executives-slider-component .executives-nav-thumbnails-modal .slick-list {
padding: 0 !important
}
.executives-slider-component .executives-nav-thumbnails .nav-thumbnail.slick-current img, .executives-slider-component .executives-nav-thumbnails-modal .nav-thumbnail.slick-current img {
border: 2px solid #5876aa;
opacity: 1
}
.executives-slider-component .executives-nav-thumbnails .nav-thumbnail img, .executives-slider-component .executives-nav-thumbnails-modal .nav-thumbnail img {
border-radius: 50%;
cursor: pointer;
margin: 0 .6rem;
opacity: .5;
width: 7.2rem;
height: 7.2rem
}
.executives-slider-component .executives-nav-thumbnails .nav-thumbnail img:hover, .executives-slider-component .executives-nav-thumbnails-modal .nav-thumbnail img:hover {
border: 2px solid #5876aa;
opacity: 1
}
.executives-slider-component .executives-nav-thumbnails-modal {
margin: 6rem 0 0 0
}
.executives-slider-component .executives-nav-thumbnails-modal .nav-thumbnail img {
margin: 0 auto
}
.executives-slider-component .executives-nav-thumbnails {
margin-bottom: 0
}
.executives-slider-component h2 a {
color: #121a38
}
.executives-slider .slick-prev, .executives-slider .slick-next, .executives-slider-modal .slick-prev, .executives-slider-modal .slick-next {
bottom: auto;
top: 10rem
}
.executives-slider .slick-prev, .executives-slider-modal .slick-prev {
left: 0
}
.executives-slider .slick-next, .executives-slider-modal .slick-next {
right: 0
}
.executives-slider .slide .media .media-left, .executives-slider .slide .media .media-body, .executives-slider-modal .slide .media .media-left, .executives-slider-modal .slide .media .media-body {
vertical-align: middle
}
.executives-slider .slide .media .media-left, .executives-slider-modal .slide .media .media-left {
padding-right: 6rem
}
.executives-slider .slide .media .media-left img, .executives-slider-modal .slide .media .media-left img {
border-radius: 50%;
max-width: 24rem;
max-height: 24rem
}
.executives-slider .slide .media .media-body, .executives-slider-modal .slide .media .media-body {
width: auto
}
.executives-slider .slide .media .media-body .name, .executives-slider .slide .media .media-body .position, .executives-slider-modal .slide .media .media-body .name, .executives-slider-modal .slide .media .media-body .position {
display: block
}
.executives-slider .slide .media .media-body .name, .executives-slider-modal .slide .media .media-body .name {
font-size: 2.4rem;
font-weight: 500
}
.executives-slider .slide .media .media-body .position, .executives-slider-modal .slide .media .media-body .position {
font-size: 1.8rem;
margin-bottom: 1rem
}
.executives-slider .slide .media .media-body .description, .executives-slider-modal .slide .media .media-body .description {
font-size: 1.6rem
}
@media screen and (max-width:1036px) {
.executives-nav-thumbnails .slick-prev, .executives-nav-thumbnails-modal .slick-prev {
left: -1rem
}
.executives-nav-thumbnails .slick-next, .executives-nav-thumbnails-modal .slick-next {
right: -1rem
}
.executives-nav-thumbnails .nav-thumbnail img, .executives-nav-thumbnails-modal .nav-thumbnail img {
margin: 0 auto
}
}
@media screen and (max-width:767px) {
.executives-nav-thumbnails, .executives-nav-thumbnails-modal {
display: none
}
.executives-slider .slide .media .media-left, .executives-slider .slide .media .media-body, .executives-slider-modal .slide .media .media-left, .executives-slider-modal .slide .media .media-body {
display: block
}
.executives-slider .slide .media .media-left, .executives-slider-modal .slide .media .media-left {
margin-bottom: 2rem;
padding-right: 0
}
.executives-slider .slide .media .media-left img, .executives-slider-modal .slide .media .media-left img {
margin: 0 auto;
max-height: 20.5rem;
max-width: 20.5rem
}
}
.share-component {
z-index: 6
}
.share-component.dark .share-holder .share-btn {
color: #121a38
}
.share-component.dark .share-holder .share-list span.facebook, .share-component.dark .share-holder .share-list span.linkedin, .share-component.dark .share-holder .share-list span.twitter, .share-component.dark .share-holder .share-list span.googleplus, .share-component.dark .share-holder .share-list span.email {
color: #121a38
}
.share-component.horizontal .share-holder .share-btn {
display: inline-block;
line-height: 3.6rem;
vertical-align: middle
}
.share-component.horizontal .share-holder .share-list {
vertical-align: middle;
white-space: nowrap
}
.share-component.horizontal .share-holder .share-list > li {
padding-left: .25rem;
padding-right: .25rem
}
.share-component .share-holder {
display: inline-block
}
.share-component .share-holder .share-btn {
color: #fff;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
text-decoration: none;
text-transform: uppercase
}
.share-component .share-holder .share-btn:after {
content: "ï¤";
font-family: FontAwesome;
margin-left: .5rem
}
.share-component .share-holder .share-list {
display: none;
margin: 0
}
.share-component .share-holder .share-list li {
margin-bottom: .5rem;
text-align: center
}
.share-component .share-holder .share-list li:last-child {
margin-bottom: 0
}
.share-component .share-holder .share-list span {
padding: 0
}
.share-component .share-holder .share-list span.facebook, .share-component .share-holder .share-list span.linkedin, .share-component .share-holder .share-list span.twitter, .share-component .share-holder .share-list span.googleplus, .share-component .share-holder .share-list span.email {
background-image: none;
font-family: FontAwesome;
font-size: 1.6rem;
color: #fff
}
.share-component .share-holder .share-list span.facebook:after {
content: "ï‚š"
}
.share-component .share-holder .share-list span.linkedin:after {
content: ""
}
.share-component .share-holder .share-list span.twitter:after {
content: "ï‚™"
}
.share-component .share-holder .share-list span.googleplus:after {
content: ""
}
.share-component .share-holder .share-list span.email:after {
content: "ïƒ "
}
.share-social {
background: #070f26;
color: #fff;
display: inline-block;
padding: 1.4rem 2.6rem 1.4rem 2.4rem;
text-transform: uppercase
}
.share-social.transparent {
background: none;
color: #121a38;
padding: 0
}
.share-social.transparent .share-social-holder .stLarge {
color: #121a38
}
.share-social.transparent .social-list li a {
color: #121a38
}
.share-social .social-list {
font-size: 0;
margin-bottom: 0;
padding-left: 0
}
.share-social .social-list li {
margin: 0 .3rem;
padding: 0
}
.share-social .social-list li a {
color: #fff;
padding: 0 .95rem
}
.share-social .social-list li a .fa {
font-size: 1.75rem;
line-height: 3.2rem
}
.share-social .social-list li a:hover {
opacity: .75
}
.share-social .title {
display: block;
font-size: 2rem;
margin-bottom: 1rem
}
.share-social .share-social-txt {
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: .07rem;
margin-right: .4rem
}
.share-social .share-social-holder .stButton {
vertical-align: middle;
margin-left: 0;
margin-right: 0
}
.share-social .share-social-holder .stLarge {
background: none !important;
color: #fff;
width: 29px
}
.share-social .share-social-holder .st_facebook_large .stLarge:after, .share-social .share-social-holder .st_twitter_large .stLarge:after, .share-social .share-social-holder .st_linkedin_large .stLarge:after, .share-social .share-social-holder .st_googleplus_large .stLarge:after, .share-social .share-social-holder .st_email_large .stLarge:after {
display: inline-block;
font-family: FontAwesome;
font-size: 1.75rem;
line-height: 3.2rem;
vertical-align: bottom
}
.share-social .share-social-holder .st_facebook_large .stLarge:after {
content: "ï‚š"
}
.share-social .share-social-holder .st_twitter_large .stLarge:after {
content: "ï‚™"
}
.share-social .share-social-holder .st_linkedin_large .stLarge:after {
content: ""
}
.share-social .share-social-holder .st_googleplus_large .stLarge:after {
content: ""
}
.share-social .share-social-holder .st_email_large .stLarge:after {
content: "ïƒ "
}
@media screen and (max-width:768px) {
.share-social .share-social-txt {
display: block;
margin: 0 0 .5rem 0
}
}
.list-share {
text-align: right
}
.list-share i.nttd-share {
font-size: 1.5rem;
margin-right: .5rem
}
.share-wrap {
position: relative;
display: inline-block;
width: 10rem
}
.share-wrap.right {
float: right
}
.share-wrap, .share-wrap * {
-webkit-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out
}
.share-wrap .social-link {
position: absolute;
background: #fff;
padding: 1rem;
display: block;
border-radius: 50%;
text-align: center;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0;
top: 0;
width: 4.5rem;
height: 4.5rem;
-webkit-box-shadow: 8px 8px 15px 1px rgba(0, 0, 0, .5);
box-shadow: 8px 8px 15px 1px rgba(0, 0, 0, .5);
visibility: hidden;
pointer-events: none
}
.share-wrap .social-link a span:before {
color: #0072bc;
margin-top: .6rem;
display: block
}
.share-wrap .social-link:hover a span:before {
color: #fff
}
.share-wrap .social-link:hover {
background: #0072bc
}
.share-wrap .social-link span {
vertical-align: -5px
}
.share-wrap svg {
width: 1.8rem;
margin-right: 1rem;
display: inline-block;
vertical-align: middle
}
.share-wrap .share-link {
cursor: pointer;
font-size: 1.3rem;
letter-spacing: .14rem;
font-weight: 400;
font-family: "Noto Sans", sans-serif;
color: #121a38;
padding: 0;
text-align: right;
display: inline-block
}
.share-wrap.share-animate {
color: #5876aa
}
.share-wrap.share-animate svg path {
fill: #5876aa
}
.share-wrap.share-animate .social-link {
opacity: 1;
z-index: 1;
visibility: visible;
pointer-events: auto
}
.share-wrap.share-animate .link-1 {
-webkit-transform: translate(-25px, -95px);
-ms-transform: translate(-25px, -95px);
transform: translate(-25px, -95px)
}
.share-wrap.share-animate .link-2 {
-webkit-transform: translate(-62px, -60px);
-ms-transform: translate(-62px, -60px);
transform: translate(-62px, -60px)
}
.share-wrap.share-animate .link-3 {
-webkit-transform: translate(-75px, -10px);
-ms-transform: translate(-75px, -10px);
transform: translate(-75px, -10px);
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.share-wrap.share-animate .link-3 a {
font-size: 1.8rem;
color: #0072bc;
}
.share-wrap .social-link.link-3:hover a {
color: #fff;
}
.share-wrap .social-link.link-3 a span:before {
font-family: "Font Awesome 6 Brands";
content: "\e61b";
margin-top: 0;
font-size: 1.8rem;
}
.share-wrap.open-right.share-animate .link-1 {
-webkit-transform: translate(25px, -110px);
-ms-transform: translate(25px, -110px);
transform: translate(25px, -110px)
}
.share-wrap.open-right.share-animate .link-2 {
-webkit-transform: translate(67px, -70px);
-ms-transform: translate(67px, -70px);
transform: translate(67px, -70px)
}
.share-wrap.open-right.share-animate .link-3 {
-webkit-transform: translate(85px, -15px);
-ms-transform: translate(85px, -15px);
transform: translate(85px, -15px)
}
.share-wrap.white .share-link, .share-wrap.white .share-animate {
color: #fff !important
}
.share-wrap.white .social-link:hover {
text-decoration: none
}
.share-wrap.white svg path {
fill: #fff !important
}
.share-wrap a {
text-decoration: none
}
.share-wrap a:hover {
text-decoration: none
}
.share-wrap.center {
margin: auto
}
.share-wrap.absolute-left {
position: absolute;
left: 5.4rem;
bottom: 6rem;
z-index: 2
}
@media(min-width:768px) and (max-width:1023px) {
.share-wrap .social-link {
width: 50px;
height: 50px
}
.share-wrap .social-link span {
vertical-align: -7px
}
.share-wrap.share-animate .link-1 {
-webkit-transform: translate(-25px, -110px);
-ms-transform: translate(-25px, -110px);
transform: translate(-25px, -110px)
}
.share-wrap.share-animate .link-2 {
-webkit-transform: translate(-67px, -70px);
-ms-transform: translate(-67px, -70px);
transform: translate(-67px, -70px)
}
.share-wrap.share-animate .link-3 {
-webkit-transform: translate(-85px, -15px);
-ms-transform: translate(-85px, -15px);
transform: translate(-85px, -15px)
}
}
@media(max-width:767px) {
.share-wrap .social-link {
width: 50px;
height: 50px
}
.share-wrap .social-link span {
vertical-align: 2px
}
.share-wrap.share-animate .link-1 {
-webkit-transform: translate(-25px, -110px);
-ms-transform: translate(-25px, -110px);
transform: translate(-25px, -110px)
}
.share-wrap.share-animate .link-2 {
-webkit-transform: translate(-67px, -70px);
-ms-transform: translate(-67px, -70px);
transform: translate(-67px, -70px)
}
.share-wrap.share-animate .link-3 {
-webkit-transform: translate(-85px, -15px);
-ms-transform: translate(-85px, -15px);
transform: translate(-85px, -15px)
}
}
.underlined-field {
background: transparent;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, .3);
color: rgba(255, 255, 255, .3);
font-family: "Noto Sans", sans-serif;
font-size: 4rem;
font-weight: 400;
letter-spacing: .1rem;
line-height: 3.8rem;
padding: 0 .6rem;
width: 100%;
height: 4.1rem
}
.underlined-field::-webkit-input-placeholder {
color: rgba(255, 255, 255, .5)
}
.underlined-field:-ms-input-placeholder {
color: rgba(255, 255, 255, .5)
}
.underlined-field::placeholder {
color: rgba(255, 255, 255, .5)
}
.underlined-field.large {
height: 6.1rem;
font-size: 4rem;
font-weight: 100;
font-family: "Noto Sans", sans-serif
}
.underlined-field.large::-webkit-input-placeholder {
font-size: 4rem;
color: #fff;
font-weight: 200;
font-family: "Noto Sans", sans-serif
}
.underlined-field.large::-moz-placeholder {
font-size: 4rem;
color: #fff;
font-weight: 200;
font-family: "Noto Sans", sans-serif
}
.underlined-field.large:-ms-input-placeholder {
font-size: 4rem;
color: #fff;
font-weight: 200;
font-family: "Noto Sans", sans-serif
}
.underlined-field.large:-moz-placeholder {
font-size: 4rem;
color: #fff;
font-weight: 200;
font-family: "Noto Sans", sans-serif
}
.underlined-field.large::placeholder {
font-size: 4rem;
color: #fff;
font-weight: 200;
font-family: "Noto Sans", sans-serif
}
@media screen and (max-width:767px) {
.underlined-field.large {
font-size: 2rem;
height: 4rem
}
.underlined-field.large::-webkit-input-placeholder {
font-size: 2rem
}
.underlined-field.large::-moz-placeholder {
font-size: 2rem
}
.underlined-field.large:-ms-input-placeholder {
font-size: 2rem
}
.underlined-field.large:-moz-placeholder {
font-size: 2rem
}
.underlined-field.large::placeholder {
font-size: 2rem
}
}
.underlined-field::-webkit-input-placeholder {
font-size: 3rem;
font-weight: 300
}
.underlined-field::-moz-placeholder {
font-size: 3rem;
font-weight: 300
}
.underlined-field:-ms-input-placeholder {
font-size: 3rem;
font-weight: 300
}
.underlined-field:-moz-placeholder {
font-size: 3rem;
font-weight: 300
}
.underlined-field:focus {
border-bottom: 1px solid #fff;
color: #fff
}
.clearable-holder {
position: relative
}
.clearable-holder .search-decoration {
bottom: 2rem;
font-size: 2.4rem;
left: 0;
position: absolute
}
.clearable-holder .search-decoration + input {
padding-left: 4.5rem
}
.clearable-holder a.search-decoration {
color: #121a38;
text-decoration: none
}
.clearable-holder input {
padding-right: 3.8rem
}
.clearable-holder.has-x .clear-btn {
opacity: 1
}
.clearable-holder .clear-btn {
background: none;
border: none;
bottom: 0;
opacity: 0;
font-size: 1.8rem;
line-height: 3.8rem;
position: absolute;
right: 0;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s
}
.clearable-holder .clear-btn:focus {
outline: 0
}
@media all and (max-width:767px) {
.clearable-holder .search-decoration {
bottom: 1.5rem;
font-size: 1.8rem
}
.clearable-holder .search-decoration + input {
padding-left: 3rem
}
}
.service-list {
display: inline-block;
text-align: left
}
.service-list.inline .service-title, .service-list.inline .service-item {
display: inline-block;
margin-right: 2.5rem
}
.service-list .service-title, .service-list .service-item {
color: #121a38;
display: block
}
.service-list .service-title {
font-size: 2.4rem;
font-weight: 700
}
.service-list .service-item {
font-size: 2.4rem;
font-weight: 400
}
@media screen and (max-width:767px) {
.service-list.inline {
text-align: center
}
.service-list.inline .service-title, .service-list.inline .service-item {
display: block;
margin-right: 0
}
}
.color-box {
padding: 1.6rem
}
.color-box.large {
padding: 2.5rem
}
.color-box.human-blue-bg h4, .color-box.human-blue-bg p {
color: #fff
}
.color-box .media .media-left {
padding-right: 2rem
}
.color-box .media .media-body {
width: auto
}
.color-box .form-control {
border: 1px solid #d5ddeb;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #121a38;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.color-box .form-control::-webkit-input-placeholder {
color: #667493;
line-height: 2.4rem;
text-transform: uppercase
}
.color-box .form-control::-moz-placeholder {
color: #667493;
line-height: 2.4rem;
text-transform: uppercase
}
.color-box .form-control:-ms-input-placeholder {
color: #667493;
line-height: 2.4rem;
text-transform: uppercase
}
.color-box .form-control:-moz-placeholder {
color: #667493;
line-height: 2.4rem;
text-transform: uppercase
}
@media all and (max-width:991px) {
.color-box form button {
width: 100%
}
.color-box form button + button {
margin-top: 1rem
}
}
.icon-list.yellow-items .media .media-left .circle {
background: #df9e3a
}
.icon-list.yellow-items .media .media-body h2 {
color: #df9e3a
}
.icon-list.teal-items .media .media-left .circle {
background: #0079a1
}
.icon-list.teal-items .media .media-body h2 {
color: #0079a1
}
.icon-list.dark-blue-items .media .media-left .circle {
background: #070f26
}
.icon-list.dark-blue-items .media .media-body h2 {
color: #121a38
}
.icon-list.human-blue-items .media .media-left .circle {
background: #5876aa
}
.icon-list.human-blue-items .media .media-body h2 {
color: #5876aa
}
.icon-list .media {
margin-bottom: 2.2rem
}
.icon-list .media .media-left {
padding-right: 8rem
}
.icon-list .media .media-left .circle {
width: 8rem;
height: 8rem;
border-radius: 50px;
text-align: center
}
.icon-list .media .media-left .circle img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.icon-list .media .media-body {
width: auto
}
.icon-list .media .media-body h2 {
margin-bottom: 1.2rem
}
@media all and (max-width:767px) {
.icon-list .media .media-left {
padding-right: 2rem
}
}
@media all and (max-width:374px) {
.icon-list .media .media-left {
padding-right: 1rem
}
.icon-list .media .media-body h2 {
font-size: 3rem
}
}
.emea-ntt .left-main-menu.primary-menu-component.slider {
width: 0
}
.emea-ntt .primary-menu-component {
padding: 3.7rem 4.8rem 4.9rem
}
.emea-ntt .primary-menu-component.slider .breadcrumb-text {
font-weight: 400;
font-family: "Noto Sans", sans-serif;
font-size: 11px;
color: #fff;
display: flex;
align-items: center
}
.emea-ntt .primary-menu-component.slider .breadcrumb-text::before {
content: '';
display: inline-block;
margin-right: 4px;
background: url(/assets3/images/icon/white/world.svg) no-repeat;
background-size: 100%;
width: 16px;
height: 16px
}
.emea-ntt .primary-menu-component .breadcrumb-wrapper span {
font-family: "Noto Sans", sans-serif;
font-weight: 900
}
.emea-ntt .primary-menu-component .action-buttons .nttd.nttd-search {
font-size: 1.9rem
}
@media screen and (min-width:1024px) {
.emea-ntt .left-main-menu.primary-menu-component.slider {
width: calc(100% - 320px);
right: 68px
}
.emea-ntt .primary-menu-component {
padding: 3.8rem 3rem 4.9rem
}
.emea-ntt .primary-menu-component .action-buttons .nttd.nttd-search {
font-size: 1.9rem
}
}
@media screen and (min-width:1200px) {
.emea-ntt .primary-menu-component {
padding: 3.8rem 4.8rem 4.9rem
}
}
.emea-ntt .primary-menu-component.header-dark:not(.morphed) .logo .fill-target {
fill: #fff
}
.emea-ntt .primary-menu-component.header-dark:not(.morphed) .action-buttons .nttd {
color: #fff
}
.emea-ntt .primary-menu-component.header-dark:not(.morphed) .action-buttons .nttd.nttd-menu:before, .emea-ntt .primary-menu-component.header-dark:not(.morphed) .action-buttons .nttd.nttd-menu:after {
background: #fff
}
.emea-ntt .primary-menu-toggle.hood-anchored {
top: 9rem;
padding-top: .5rem;
background-color: rgba(1, 1, 1, 0)
}
.emea-ntt .primary-menu-toggle.hood-anchored span {
background: transparent
}
.emea-ntt .primary-menu-toggle.hood-anchored span:before, .emea-ntt .primary-menu-toggle.hood-anchored span:after {
background: #fff
}
.emea-ntt .primary-menu-toggle span, .emea-ntt .primary-menu-toggle span:before, .emea-ntt .primary-menu-toggle span:after {
width: 2.4rem;
height: .2rem
}
.emea-ntt .primary-menu-component .action-buttons .search-toggle.hood-anchored {
margin-right: 6rem
}
.emea-ntt ul.primry_menu {
list-style-type: none;
margin-top: 1rem;
padding-left: 0;
text-align: center;
margin-bottom: 0
}
.emea-ntt ul.primry_menu li {
display: inline-block;
padding-right: 45px;
font-size: 20px
}
.emea-ntt ul.primry_menu li a, .emea-ntt ul.primry_menu li a:hover, .emea-ntt ul.primry_menu li a:focus {
color: #121a38;
text-decoration: none;
letter-spacing: .1rem;
font-family: "Noto Sans", sans-serif
}
.emea-ntt .primary-menu-component .action-buttons .search-toggle.top-anchored {
margin-right: 9rem
}
.emea-ntt .primary-menu-toggle {
margin-top: 5px
}
.emea-ntt .primary-menu-toggle span {
background-color: transparent;
top: 6px
}
.emea-ntt .primary-menu-toggle span:before {
top: -6px
}
.emea-ntt .primary-menu-toggle span:after {
width: 2;
top: 6px
}
.emea-ntt .primary-menu-toggle.active span {
background-color: transparent;
display: block
}
.emea-ntt .primary-menu-toggle.active span:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.emea-ntt .primary-menu-toggle.active span:before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.emea-ntt .primary-menu-toggle.active span:after {
bottom: .01rem;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.emea-ntt .primary-menu-component.sticky .logo svg {
width: 12.8rem;
max-height: 3rem
}
.emea-ntt .primary-menu-component.inverted .breadcrumb-wrapper span {
color: #667493
}
.emea-ntt .primary-menu-component.inverted .breadcrumb-wrapper {
color: #667493
}
.emea-ntt .primary-menu-component.sticky {
padding-top: 1.6rem;
padding-bottom: 3.2rem
}
@media screen and (max-width:768px) {
.emea-ntt .primary-menu-component.sticky {
padding-bottom: 1.6rem
}
}
.emea-ntt .primary-menu-component .submenu .second-level {
background: #5876aa;
height: 100vh;
overflow: auto;
padding: 5rem 4.8rem 0 395px;
position: absolute;
right: 0;
top: 0;
-webkit-transform: translate(100vw, 0);
-ms-transform: translate(100vw, 0);
transform: translate(100vw, 0);
-webkit-transition: .2s ease transform;
-o-transition: .2s ease transform;
transition: .2s ease transform;
width: 100vw;
z-index: -1
}
.emea-ntt .primary-menu-component .submenu .second-level:hover + a {
color: #121a38
}
.emea-ntt .primary-menu-component .submenu .second-level h1 {
color: #fff;
font-size: 3.2rem;
font-weight: 500;
letter-spacing: .16rem;
line-height: 5rem;
margin-bottom: 2.8rem
}
.emea-ntt .primary-menu-component .submenu .second-level p {
color: #fff;
font-size: 1.8rem;
font-weight: 200;
letter-spacing: .13rem;
line-height: 2.8rem;
opacity: .6;
margin-bottom: 0
}
.emea-ntt .primary-menu-component .submenu .second-level p:last-child {
margin-bottom: 6.4rem
}
.emea-ntt .primary-menu-component .submenu .second-level ul li {
line-height: 1
}
.emea-ntt .primary-menu-component .submenu .second-level ul li a {
display: inline-block;
font-size: 2rem;
letter-spacing: .01rem;
line-height: 4rem
}
.emea-ntt .primary-menu-component .submenu li .second-level.showHide {
display: block;
right: 374px;
height: 100%;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper {
background-color: transparent;
background-size: contain
}
@media screen and (max-width:1023px) {
.emea-ntt .primary-menu-component .submenu {
width: 375px
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper {
background-color: #070f26
}
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.primary {
margin-top: 7rem
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.primary li a {
font-size: 3.2rem;
font-family: "Noto Sans", sans-serif;
line-height: 5.1rem;
display: inline-block;
color: #fff
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.secondary {
right: 3rem;
left: 3rem;
bottom: 4.3rem
}
@media screen and (min-width:1024px) {
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.primary {
margin-top: 6rem;
width: auto;
position: absolute;
right: -3rem;
display: flex;
justify-content: flex-end
}
.emea-ntt .primary-menu-component.is-scroll .submenu .submenu-wrapper ul.primary {
right: 4.7rem;
position: fixed;
top: 30px;
margin-top: 0;
margin-bottom: 0
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.primary li:not(:first-child) {
margin-left: 40px
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.primary li a {
font-size: 1.6rem;
font-weight: 700;
line-height: 1
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.primary li a:hover {
text-decoration: underline
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.secondary {
right: 4rem;
top: 4.8rem;
display: flex;
justify-content: flex-end;
align-items: center;
bottom: auto
}
.emea-ntt .header-search + .primary-menu-component .submenu .submenu-wrapper ul.secondary {
right: -2rem
}
.emea-ntt .primary-menu-component.is-scroll .submenu .submenu-wrapper ul.secondary {
display: none
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.secondary li {
margin-left: 4rem
}
}
@media screen and (min-width:1200px) {
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.primary {
right: -2.2rem
}
}
@media screen and (max-width:1199px) {
.emea-ntt .header-search + .primary-menu-component .submenu .submenu-wrapper ul.secondary {
right: -2.7rem
}
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.secondary a {
line-height: 2.3rem
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper .second-level {
padding-right: 5rem;
background: #5876aa
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper .second-level h1 {
font-family: "Noto Sans", sans-serif;
margin-top: 2rem;
margin-bottom: 2.6rem
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper .second-level p:last-child {
margin-bottom: 7rem
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper .second-level ul li a {
font-size: 2rem;
line-height: 4rem;
letter-spacing: .1rem
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper .second-level .third-level div {
padding-top: 0
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper .second-level .third-level div:first-child {
padding: 0
}
@media screen and (max-width:1023px) {
.emea-ntt .primary-menu-component {
padding: 3rem 3rem
}
}
@media screen and (min-width:768px) and (max-width:1200px) {
.emea-ntt .primary-menu-component .action-buttons .nttd.nttd-search {
font-size: 1.9rem
}
.emea-ntt .primary-menu-toggle {
height: 1.4rem;
width: 2rem
}
.emea-ntt .primary-menu-toggle.hood-anchored {
top: 8.8rem
}
.emea-ntt .primary-menu-toggle span, .emea-ntt .primary-menu-toggle span:before, .emea-ntt .primary-menu-toggle span:after {
width: 2rem
}
.emea-ntt ul.primry_menu li {
padding: 0 9px;
font-size: 14px
}
.emea-ntt .primary-menu-component.sticky .logo svg {
width: 8.8rem
}
.emea-ntt .primary-menu-toggle.top-anchored {
top: 3.5rem
}
}
@media screen and (min-width:768px) and (max-width:1200px) and (max-width:1200px) {
.emea-ntt .primary-menu-toggle.top-anchored {
top: 3.5rem
}
}
@media screen and (min-width:768px) and (max-width:1200px) {
.emea-ntt .primary-menu-component.inverted .breadcrumb-wrapper {
margin-bottom: 0
}
.emea-ntt .primary-menu-component.sticky .breadcrumb-text {
margin-bottom: 0
}
.emea-ntt .primary-menu-component .action-buttons .search-toggle.hood-anchored {
margin-right: 7rem
}
.emea-ntt .primary-menu-component .action-buttons .search-toggle.top-anchored {
margin-right: 6.4rem
}
.emea-ntt .primary-menu-component .submenu {
width: 100%
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper {
background-size: auto 30%
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper .second-level {
z-index: 0;
padding-right: 0;
padding-left: 27rem;
height: 100%
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper .second-level .row {
margin: 0
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper .second-level p:last-child {
margin-bottom: 6rem
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper .second-level ul li a {
line-height: 3.7rem
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper .second-level .third-level div:first-child {
padding-right: 0;
margin-right: 0;
margin-left: 0
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper .second-level.showHide {
right: 275px
}
}
@media all and (max-width:767px) {
.emea-ntt .primary-menu-component {
padding: 1.5rem 2rem 2.8rem
}
.emea-ntt .primary-menu-component .action-buttons .nttd.nttd-search {
font-size: 1.9rem
}
.emea-ntt .primary-menu-toggle.hood-anchored {
top: 3.8rem
}
.emea-ntt .primary-menu-toggle.hood-anchored.active {
top: 3.6rem
}
.emea-ntt .primary-menu-component.slider a svg {
width: 130px
}
.emea-ntt .primary-menu-toggle span, .emea-ntt .primary-menu-toggle span:before, .emea-ntt .primary-menu-toggle span:after {
width: 1.9rem
}
.emea-ntt .primary-menu-component .action-buttons .search-toggle.hood-anchored {
padding-top: .5rem;
margin-right: 5rem
}
.emea-ntt .primary-menu-component .action-buttons .search-toggle.top-anchored {
margin-right: 5rem
}
.emea-ntt .primary-menu-toggle.top-anchored {
top: 2.3rem
}
.emea-ntt .primary-menu-component .submenu {
width: 100% !important
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper {
background-size: auto
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.primary {
margin-top: 5.2rem
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.primary li a {
font-size: 3rem;
font-family: "Noto Sans", sans-serif;
line-height: 5rem;
letter-spacing: .15rem
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.secondary {
left: 2rem;
bottom: 4rem
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul.secondary a {
line-height: 3rem;
letter-spacing: .07rem;
text-decoration: none
}
.emea-ntt .primary-menu-component .submenu .submenu-wrapper ul .mobile-second-level ul li a {
font-size: 1.4rem;
line-height: 3rem
}
}
.modal-news h2 {
font-family: "Noto Sans", sans-serif;
font-weight: 600;
font-size: 2.4rem
}
.modal-news h2.h3 {
font-size: 1.8rem;
letter-spacing: .05rem
}
.modal-news .close-toggle {
position: relative;
top: auto;
right: auto
}
.modal-news .hero-component.no-image .content h1 {
line-height: 7.2rem
}
@media screen and (min-width:769px) {
.modal-news .news-content {
padding-right: 6rem
}
}
.modal-news .news-content p {
margin-bottom: 2.4rem
}
.modal-news .news-aside .button {
min-width: 60%;
text-align: center
}
@media screen and (min-width:769px) {
.modal-news .news-aside {
padding-left: 4rem;
border-left: 1px solid #d5ddeb
}
}
.modal-event h2 {
font-family: "Noto Sans", sans-serif;
font-weight: 600;
font-size: 2.4rem
}
.modal-event .content {
position: relative
}
.modal-event .content .event-name {
position: relative;
min-height: 20rem
}
.modal-event .content .event-name h1 {
font-size: 4.8rem;
font-weight: 300;
width: 80%
}
.modal-event .content .event-name h1.larger {
font-size: 7rem
}
.modal-event .content .event-name .cta-arrow {
font-size: 1.3rem;
font-family: "Noto Sans", sans-serif;
font-weight: 500;
letter-spacing: .1rem
}
@media screen and (min-width:769px) {
.modal-event .content .event-name .cta-arrow {
position: absolute;
bottom: 0
}
}
.modal-event .content .cta-arrow {
color: #667493
}
.modal-event .register-to-event-form {
font-family: "Noto Sans", sans-serif
}
.modal-event .register-to-event-form input[type="text"] {
width: 90%
}
.modal-event .register-to-event-form input[type="text"].material-input {
font-family: "Noto Sans", sans-serif;
color: #121a38;
border: 1px solid #667493;
border-width: 0 0 1px 0
}
.modal-event .register-to-event-form input[type="text"].material-input + label > span {
color: #121a38;
font-family: "Noto Sans", sans-serif
}
.modal-event .event-map {
width: 100%
}
@media screen and (min-width:769px) {
.modal-event .event-icons {
text-align: right
}
}
.modal-event .event-icons img {
padding: 0 1rem
}
.modal-event .event-icons img:not(:first-child) {
border-left: 1px solid #d5ddeb
}
.modal-event .seats-spinner {
margin-left: 2rem
}
.modal-event .seats-spinner > a {
font-family: "Noto Sans", sans-serif;
color: #667493;
margin: 0 1rem;
font-size: 2rem
}
.modal-event .seats-spinner > a:visited, .modal-event .seats-spinner > a:hover, .modal-event .seats-spinner > a:active {
text-decoration: none;
color: #121a38
}
.modal-event .seats-spinner > span {
font-size: 2rem;
vertical-align: middle
}
.modal-policy {
position: fixed;
transform: translate3d(0, 100vh, 0);
-webkit-transform: translate3d(0, 100vh, 0);
width: 100%;
background: #fff;
opacity: 0;
z-index: 99999;
top: 50%;
-webkit-transition: opacity .6s ease, -webkit-transform .6s ease;
transition: opacity .6s ease, -webkit-transform .6s ease;
transition: transform .6s ease, opacity .6s ease;
transition: transform .6s ease, opacity .6s ease, -webkit-transform .6s ease;
-webkit-transition: transform .6s ease, opacity .6s ease;
-moz-transition: transform .6s ease, opacity .6s ease;
-o-transition: transform .6s ease, opacity .6s ease;
max-width: 1680px;
bottom: inherit
}
.modal-policy .black-icon {
position: absolute;
top: 0;
cursor: pointer;
color: #121a38
}
.modal-policy .black-icon:hover {
text-decoration: none
}
.modal-policy .policy-container {
display: none;
text-align: center;
font-family: "Noto Sans", sans-serif;
position: relative;
padding-bottom: 4.2rem
}
.modal-policy.opened {
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
opacity: 1;
top: 50%;
width: 98%;
margin: auto
}
.modal-policy.opened .policy-container {
display: block
}
.policy-container .close-overlay {
top: 3.7rem;
right: 4.7rem
}
.policy-container .policy-header {
padding-top: 4.3rem;
margin-bottom: 4rem
}
.policy-container .policy-header h1 {
font-family: "Noto Sans", sans-serif;
font-size: 1.8rem;
font-weight: 700
}
@media screen and (max-width:768px) {
.policy-container .policy-header h1 {
padding: 0 3rem
}
}
.policy-container .policy-header p {
padding: 3rem;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem
}
.reject-policy a, .accept-policy a {
font-family: "Noto Sans", sans-serif;
text-decoration: underline
}
.holder.custom-cookie-wrapper {
position: fixed;
bottom: 1em;
max-width: 350px;
z-index: 999999;
display: none
}
.cookie-info {
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
width: 100%;
padding: 1em;
margin: 0 auto;
z-index: 1000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #121a38;
color: #fff;
-webkit-transition: bottom .45s;
-o-transition: bottom .45s;
transition: bottom .45s;
-webkit-transition: background .3s;
-o-transition: background .3s;
transition: background .3s
}
.cookie-info p {
font-weight: 400;
font-size: 15px;
margin: 0 10px;
display: inline-block;
font-family: "Noto Sans", sans-serif
}
.cookie-info p a {
color: #fff;
text-decoration: underline;
opacity: 1
}
.cookie-info .cookie-accept {
display: inline-block;
margin-top: 20px;
padding: 0 10px;
color: #fff;
font-size: 18px;
font-weight: 800;
line-height: 26px;
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
font-family: "Noto Sans", sans-serif
}
.cookie-info:hover {
background: #eba73e
}
.hero-author-box-container {
background: #e29d4c;
position: absolute;
bottom: -4.6rem;
right: -2.4rem;
padding: 4rem
}
@media screen and (max-width:768px) {
.hero-author-box-container {
position: relative;
right: auto;
padding: 5rem 2rem
}
}
.hero-author-box-container .hero-author-box h3, .hero-author-box-container .hero-author-box .author-position {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.hero-author-box-container .hero-author-box h3 {
font-family: "Noto Sans", sans-serif;
font-size: 1rem;
line-height: 1 !important
}
.hero-author-box-container .hero-author-box .hero-author-box-image {
width: 5rem;
margin-right: 1rem;
vertical-align: sub
}
.hero-author-box-container .hero-author-box .hero-author-box-image + div {
width: 50%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
@media screen and (max-width:575px) {
.hero-author-box-container .hero-author-box .hero-author-box-image + div {
width: 70%
}
}
.hero-author-box-container .hero-author-box .hero-author-box-comments {
position: absolute;
top: 0;
right: 0;
padding: 5rem 4rem;
font-family: "Noto Sans", sans-serif;
border-left: 1px solid rgba(255, 255, 255, .25)
}
@media screen and (max-width:575px) {
.hero-author-box-container .hero-author-box .hero-author-box-comments {
padding: 2rem
}
}
.hero-author-box-container .hero-author-box .hero-author-box-comments i {
margin-right: 1rem;
vertical-align: middle
}
.info-author-grid-left-column {
padding-right: 7rem
}
.info-author-grid-title {
font-size: 2.6rem;
font-weight: 400;
margin-bottom: 3.2rem;
display: block
}
.info-author-grid-subtitle {
text-transform: uppercase;
font-family: "Noto Sans", sans-serif;
font-weight: 400
}
.info-author-grid-subcolumn {
display: inline-block
}
.info-author-grid-subcolumn ul {
list-style: none;
padding: 0
}
.info-author-grid-subcolumn ul li {
font-weight: 300;
line-height: 2
}
.info-author-grid-subcolumn:first-child {
margin-right: 4rem
}
.comment-number {
font-family: "Noto Sans", sans-serif;
font-weight: 400;
font-size: 4rem
}
.comment-number + span {
font-family: "Noto Sans", sans-serif;
text-transform: uppercase;
font-size: 1.2rem;
font-weight: 500
}
.blog-info-meet-author .contact-person-name {
font-family: "Noto Sans", sans-serif;
font-size: 1.8rem;
margin-top: 1rem;
display: block
}
.blog-info-meet-author .contact-person-position {
font-family: "Noto Sans", sans-serif
}
.blog-info-meet-author .media-object {
width: 9rem
}
.info-author-hero-content {
height: 350px
}
.double-card-component, .card-component {
background: #fff
}
.double-card-component .close-toggle, .card-component .close-toggle {
position: absolute;
right: 5rem;
top: 1.5rem
}
.double-card-component .close-toggle span, .card-component .close-toggle span {
color: #121a38
}
.double-card-component .card-header, .card-component .card-header {
font-size: 1.6rem;
letter-spacing: .16rem;
font-family: "Noto Sans", sans-serif;
padding: 0 4.7rem;
color: #121a38
}
.double-card-component .card-header a, .card-component .card-header a {
margin: 6rem 0 6rem 0;
color: #121a38;
font-size: 1.4rem;
letter-spacing: .14rem
}
.double-card-component .card-header .intro, .card-component .card-header .intro {
padding: 5.8rem 0;
font-family: "Noto Sans", sans-serif;
margin-right: 4.4rem
}
.double-card-component .card-wrapper .card, .card-component .card-wrapper .card {
position: relative
}
.double-card-component .card-wrapper .card:first-child:last-child h1, .card-component .card-wrapper .card:first-child:last-child h1 {
font-size: 10rem
}
.double-card-component .card-wrapper .card img, .card-component .card-wrapper .card img {
font-family: 'object-fit: cover;';
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%
}
.double-card-component .card-wrapper .card .card-title, .card-component .card-wrapper .card .card-title {
position: absolute;
top: 3.6rem;
left: 4.6rem
}
.double-card-component .card-wrapper .card .card-title h1, .card-component .card-wrapper .card .card-title h1 {
font-size: 6rem;
font-weight: 700;
line-height: 1;
color: #fff;
font-family: "Noto Sans", sans-serif;
margin: 0
}
.double-card-component .card-wrapper .card .card-title h2, .card-component .card-wrapper .card .card-title h2 {
font-size: 5rem;
line-height: 3.2rem;
letter-spacing: .08rem;
color: #fff;
font-family: "Noto Sans", sans-serif;
margin: 0;
font-weight: 400
}
.double-card-component .card-wrapper .card .card-details, .card-component .card-wrapper .card .card-details {
position: absolute;
bottom: 12.6rem;
left: 4.6rem;
color: #fff
}
.double-card-component .card-wrapper .card .card-details span, .card-component .card-wrapper .card .card-details span {
display: block;
font-size: 2rem;
line-height: 2.9rem;
letter-spacing: .04rem;
font-family: "Noto Sans", sans-serif
}
.double-card-component .card-wrapper .card .button, .card-component .card-wrapper .card .button {
position: absolute;
bottom: 4.6rem;
left: 4.6rem;
min-width: 23.8rem;
text-align: center
}
.double-card-component .card-slider-component.secondary, .card-component .card-slider-component.secondary {
padding: 6.6rem 30.6rem 4rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card img, .card-component .card-slider-component.secondary .card-wrapper .card img {
margin-bottom: 2.6rem;
max-height: 55rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .button, .card-component .card-slider-component.secondary .card-wrapper .card .button {
right: 4.2rem;
bottom: 6.8rem;
left: auto
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-details, .card-component .card-slider-component.secondary .card-wrapper .card .card-details {
left: 4.2rem;
bottom: 6rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-title, .card-component .card-slider-component.secondary .card-wrapper .card .card-title {
left: 4.2rem;
top: 2.4rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-title h1, .card-component .card-slider-component.secondary .card-wrapper .card .card-title h1 {
font-size: 8rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-title h2, .card-component .card-slider-component.secondary .card-wrapper .card .card-title h2 {
font-size: 2rem;
line-height: 2.9rem;
letter-spacing: .04rem
}
@media all and (min-width:1921px) {
.double-card-component .card-header .select-wrapper, .card-component .card-header .select-wrapper {
padding: 5.6rem 0
}
}
@media screen and (min-width:992px) and (max-width:1366px) {
.double-card-component .card-header a {
margin: 6.8rem 10rem 6.8rem 0
}
.double-card-component .card-header .intro {
padding: 6.7rem 0
}
.double-card-component .card-header .select-wrapper + .select-wrapper .custom-select {
margin-right: 0
}
}
@media screen and (max-width:1100px) {
.double-card-component .card-header a {
margin-right: 4rem
}
.double-card-component .card-header .intro {
margin-right: 2.4rem
}
.double-card-component .card-header .select-wrapper {
padding: 5rem 0
}
.double-card-component .card-header .select-wrapper .custom-select select {
min-width: 0
}
.double-card-component .card-slider-component.secondary {
padding: 6.6rem 20rem 4rem
}
}
@media screen and (min-width:992px) and (max-width:1024px) {
.double-card-component .card-wrapper .card .card-details {
max-width: 20rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-details {
max-width: none
}
}
@media screen and (max-width:991px) {
.double-card-component .close-toggle {
top: 3.2rem;
right: 3.2rem
}
.double-card-component .card-header {
padding: 0 9rem
}
.double-card-component .card-header a {
font-size: 1.6rem;
letter-spacing: .16rem;
margin: 9rem 0 0 0
}
.double-card-component .card-header .intro {
padding: 9rem 0 0
}
.double-card-component .card-header .intro small {
display: block;
font-size: 1.3rem;
letter-spacing: .08rem;
opacity: .4;
font-weight: 300
}
.double-card-component .card-header .select-wrapper {
clear: both;
padding-top: 4.7rem;
padding-bottom: 6.2rem
}
.double-card-component .card-header .select-wrapper + .select-wrapper {
clear: none;
float: right !important
}
.double-card-component .card-header .select-wrapper + .select-wrapper .custom-select {
margin-right: 0
}
.double-card-component .card-header .select-wrapper label {
display: block;
margin-bottom: 1.4rem
}
.double-card-component .card-header .select-wrapper .custom-select select {
min-width: 24.8rem
}
.double-card-component .card-wrapper .card .card-title {
left: 9rem;
top: 5.6rem
}
.double-card-component .card-wrapper .card .card-title h1 {
font-size: 6rem
}
.double-card-component .card-wrapper .card .card-title h2 {
font-size: 2rem;
letter-spacing: .04rem
}
.double-card-component .card-wrapper .card .card-details {
left: 9rem;
top: 20rem
}
.double-card-component .card-wrapper .card .button {
right: 9rem;
bottom: 6rem
}
.double-card-component .card-slider-component.secondary {
padding: 0
}
.double-card-component .card-slider-component.secondary .card-wrapper .card img {
margin-bottom: 0
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-title {
left: 9rem;
top: 4.2rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-title h1 {
font-size: 6rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-details {
top: auto;
left: 9rem;
bottom: 4.2rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-details span {
font-size: 1.8rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .button {
right: 9.2rem;
bottom: 4.8rem
}
}
@media screen and (min-width:768px) {
.double-card-component .card-slider-component.secondary .card-wrapper .card img {
height: auto !important
}
}
@media screen and (max-width:767px) {
.double-card-component .card-header {
padding: 0 4.2rem
}
.double-card-component .card-header .select-wrapper {
width: 100%;
padding-bottom: 2.2rem
}
.double-card-component .card-header .select-wrapper + .select-wrapper {
padding-top: 0
}
.double-card-component .card-header .select-wrapper label {
font-size: 1.4rem;
letter-spacing: .14rem
}
.double-card-component .card-header .select-wrapper .custom-select {
margin-right: 0;
width: 100%
}
.double-card-component .card-header .submit {
font-size: 1.3rem;
letter-spacing: .07rem;
font-weight: 500;
margin: .4rem 0 2rem
}
.double-card-component .card-slider-component {
position: relative
}
.double-card-component .card-slider-component .card-wrapper .card .card-title, .double-card-component .card-slider-component.secondary .card .card-title {
top: 2rem;
left: 1.4rem;
right: 1.4rem
}
.double-card-component .card-slider-component .card-wrapper .card .card-title h1, .double-card-component .card-slider-component.secondary .card .card-title h1 {
font-size: 4rem
}
.double-card-component .card-slider-component .card-wrapper .card .card-title h2, .double-card-component .card-slider-component.secondary .card .card-title h2 {
font-size: 1.4rem;
line-height: 1.8rem;
letter-spacing: .03rem
}
.double-card-component .card-slider-component .card-wrapper .card .card-details, .double-card-component .card-slider-component.secondary .card .card-details {
bottom: 11rem;
right: 1.8rem;
left: 1.8rem;
text-align: right;
top: auto
}
.double-card-component .card-slider-component .card-wrapper .card .card-details span, .double-card-component .card-slider-component.secondary .card .card-details span {
font-size: 1.4rem;
line-height: 1.8rem;
letter-spacing: .03rem
}
.double-card-component .card-slider-component .card-wrapper .card .button, .double-card-component .card-slider-component.secondary .card .button {
bottom: 2rem;
left: 1.8rem;
right: 1.8rem;
width: auto
}
.double-card-component .card-slider-component .card-wrapper .slick-next, .double-card-component .card-slider-component .card-wrapper .slick-prev, .double-card-component .card-slider-component.secondary .slick-next, .double-card-component .card-slider-component.secondary .slick-prev {
top: 8rem;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 9
}
.double-card-component .card-slider-component .card-wrapper .slick-next, .double-card-component .card-slider-component.secondary .slick-next {
right: 1.8rem
}
.double-card-component .card-slider-component .card-wrapper .slick-prev, .double-card-component .card-slider-component.secondary .slick-prev {
left: 1.8rem
}
.double-card-component .card-slider-component .card-wrapper-pagination {
position: absolute;
top: 2.6rem;
color: #fff;
right: 1.8rem;
font-size: 1.4rem;
line-height: 2.9rem;
letter-spacing: .03rem;
font-family: "Noto Sans", sans-serif
}
.double-card-component .card-slider-component .card-wrapper-pagination .active {
font-family: "Noto Sans", sans-serif
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-title {
top: 2rem;
left: 1.4rem;
right: 1.4rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-title h1 {
font-size: 4rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-title h2 {
font-size: 1.4rem;
line-height: 1.8rem;
letter-spacing: .03rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-details {
bottom: 11rem;
right: 1.8rem;
left: 1.8rem;
text-align: right;
top: auto
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .card-details span {
font-size: 1.4rem;
line-height: 1.8rem;
letter-spacing: .03rem
}
.double-card-component .card-slider-component.secondary .card-wrapper .card .button {
bottom: 2rem;
left: 1.8rem;
right: 1.8rem;
width: auto
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes animateInput {
0% {
width: 0
}
99% {
border-right: 3px solid #121a38
}
100% {
border-right: 0 solid #121a38;
width: 100%
}
}
@keyframes animateInput {
0% {
width: 0
}
99% {
border-right: 3px solid #121a38
}
100% {
border-right: 0 solid #121a38;
width: 100%
}
}
@-webkit-keyframes animateInputMobile {
0% {
width: 0
}
99% {
border-right: 3px solid #121a38
}
100% {
border-right: 0 solid #121a38;
width: 100%
}
}
@keyframes animateInputMobile {
0% {
width: 0
}
99% {
border-right: 3px solid #121a38
}
100% {
border-right: 0 solid #121a38;
width: 100%
}
}
.yellow-bg {
background: #fff !important
}
.yellow-bg .animatedParent p, .yellow-bg .animatedParent h2, .yellow-bg .animatedParent h4, .yellow-bg.color-box p, .yellow-bg.color-box h2, .yellow-bg.color-box h4 {
color: #121a38
}
.hover-yellow:hover {
background-color: #d5ddeb
}
.orange-bg {
background: #fff !important
}
.orange-bg .animatedParent p, .orange-bg .animatedParent h2, .orange-bg .animatedParent h4, .orange-bg.color-box p, .orange-bg.color-box h2, .orange-bg.color-box h4 {
color: #121a38
}
.red-bg {
background: #070f26 !important
}
.red-bg .animatedParent p, .red-bg .animatedParent h2, .red-bg .animatedParent h4, .red-bg.color-box p, .red-bg.color-box h2, .red-bg.color-box h4 {
color: #fff
}
.dark-blue-bg {
background: #070f26 !important
}
.dark-blue-bg .animatedParent p, .dark-blue-bg .animatedParent h2, .dark-blue-bg .animatedParent h4, .dark-blue-bg.color-box p, .dark-blue-bg.color-box h2, .dark-blue-bg.color-box h4 {
color: #fff
}
.human-blue-bg {
background: #5876aa !important
}
.human-blue-bg .animatedParent p, .human-blue-bg .animatedParent h2, .human-blue-bg .animatedParent h4, .human-blue-bg.color-box p, .human-blue-bg.color-box h2, .human-blue-bg.color-box h4 {
color: #fff
}
.blue-bg {
background: #070f26 !important
}
.teal-bg {
background: #1d264d !important
}
.teal-bg.color-box p, .teal-bg.color-box h2, .teal-bg.color-box h4 {
color: #fff
}
.teal-bg .share-wrap .share-link, .teal-bg .share-wrap .share-animate {
color: #fff !important
}
.teal-bg .share-wrap .social-link:hover {
background: #fff !important;
text-decoration: none
}
.teal-bg .share-wrap svg path {
fill: #fff !important
}
.teal-bg .share-wrap.white .social-link:hover {
background: #0079a1 !important
}
.peak-bg {
background-color: #006589 !important
}
.white-bg {
background: #fff !important
}
.grey-bg {
background: #fff !important
}
html {
font-size: 10px;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch
}
body {
font-family: "Noto Sans", sans-serif;
}
body.no-scroll, body.no-scroll-modal {
overflow: hidden
}
.modal .modal-dialog .modal-content {
border-radius: 0
}
.modal .modal-dialog .modal-content.teal-bg .modal-header .close {
color: #fff;
font-size: 1.9rem;
opacity: 1;
text-shadow: none
}
.modal .modal-dialog .modal-content.teal-bg .modal-body {
color: #fff
}
.generic-select {
width: 100% !important
}
.generic-select.open > .dropdown-toggle, .generic-select.open > .dropdown-toggle:hover, .generic-select.open > .dropdown-toggle:active, .generic-select.open > .dropdown-toggle:active:hover, .generic-select.open > .dropdown-toggle:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
border-color: #fff;
color: #fff;
outline: none !important
}
.generic-select.open > .dropdown-toggle .bs-caret, .generic-select.open > .dropdown-toggle:hover .bs-caret, .generic-select.open > .dropdown-toggle:active .bs-caret, .generic-select.open > .dropdown-toggle:active:hover .bs-caret, .generic-select.open > .dropdown-toggle:focus .bs-caret {
color: #fff
}
.generic-select .dropdown-toggle, .generic-select .dropdown-toggle:hover, .generic-select .dropdown-toggle:focus {
background: transparent;
border-radius: 0;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
padding: .8rem 4.5rem .8rem 1.5rem;
font-size: 2rem;
font-weight: 300;
height: 5rem;
outline: none !important
}
.generic-select .dropdown-toggle .bs-caret {
color: #121a38
}
.generic-select .dropdown-toggle .bs-caret .caret {
border-top: 8px dashed;
border-right: 5px solid transparent;
border-left: 5px solid transparent
}
.generic-select .dropdown-toggle:hover .bs-caret {
color: #fff
}
.generic-select .dropdown-menu li a {
background-image: none;
color: #121a38;
font-size: 2rem;
font-weight: 300
}
.generic-select.disabled .bs-caret {
display: none
}
#scPageExtendersForm {
position: relative;
z-index: 1000
}
a, a:active, a:focus {
outline: none !important
}
.link-basic-copy {
color: #121a38
}
.link-basic-copy:hover, .link-basic-copy:focus {
color: #0079a1
}
.animatedParent {
overflow: hidden
}
.slick-slide:active, .slick-slide:focus {
outline: none !important
}
.object-fit-image {
font-family: 'object-fit: cover;';
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%
}
.scaled-image-icon {
max-width: 5rem;
height: auto
}
.fluid-image {
width: 100%;
height: 100
}
.animated-graph {
background: #ba9b6e;
color: #fff;
width: 228px;
height: 234px;
border-radius: 50%;
text-align: center;
padding: 30px 0;
margin-bottom: 40px
}
.animated-graph .count {
font-size: 30px;
margin-bottom: 14px
}
.animated-graph .bar-list .bar {
width: 24px;
background-color: #fff;
display: inline-block;
margin-right: 8px;
height: 110px;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: 2s ease-out all;
-o-transition: 2s ease-out all;
transition: 2s ease-out all
}
@media screen and (min-width:1199px) {
.lity.pdf-iframe .lity-container {
max-width: 82%
}
}
@media screen and (max-width:1199px) {
.lity.pdf-iframe .lity-container {
height: 88%
}
.lity.pdf-iframe .lity-container .lity-content {
height: 100%
}
.lity.pdf-iframe .lity-container .lity-content .lity-iframe-container {
height: 100%
}
}
.video-link {
position: relative;
display: block
}
.video-link:after {
content: "";
font-family: 'nttd-icons' !important;
font-size: 12rem;
color: rgba(255, 255, 255, .5);
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
z-index: 5
}
.video-overlay {
position: relative;
display: block
}
.video-overlay:after {
background: rgba(208, 55, 42, .75);
border-radius: 50%;
content: "ï‹";
font-family: 'FontAwesome';
font-size: 2.2rem;
color: #fff;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
text-align: center;
height: 6rem;
line-height: 60px;
width: 6rem;
z-index: 5
}
.quote-slider.slick-initialized .slick-slide {
float: none;
display: inline-block !important;
vertical-align: middle
}
.slider-exec-img {
width: 24rem;
height: 24rem
}
.slider-exec-nav-img {
width: 6rem;
height: 6rem
}
.read-more-holder {
text-align: center
}
.read-more-holder .read-more-block {
color: #121a38;
max-height: 19.8rem;
overflow: hidden;
text-align: left
}
.read-more-holder .read-more-block p {
font-size: 1.6rem;
line-height: 2.2rem
}
.read-more-holder .read-more-block h3 {
font-weight: 300
}
.read-more-holder .read-more-block.full {
max-height: none
}
.read-more-holder .read-more-block + .read-more-but {
display: inline-block;
margin-top: 2.1rem
}
.center-block {
display: block;
float: none;
margin-right: auto;
margin-left: auto
}
.center-blocks {
font-size: 0;
text-align: center
}
.center-blocks > [class*='col-'] {
display: inline-block;
float: none;
vertical-align: top
}
.center-divs {
text-align: center;
float: none;
margin-right: auto;
margin-left: auto
}
.absolute-centered {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.vertical-align {
display: inline-block;
vertical-align: middle
}
.sh-hidden {
opacity: 0 !important;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.quoted {
position: relative;
padding-right: 4rem !important;
padding-left: 4rem !important
}
.quoted::before, .quoted::after {
color: #667493;
font-size: 2em;
position: absolute
}
.quoted::before {
content: open-quote;
vertical-align: top;
margin-left: -3rem
}
.quoted::after {
content: close-quote;
vertical-align: middle
}
.align-to-quote {
padding-left: 4rem
}
input::-ms-clear {
display: none
}
input[type="text"].minimalist {
border: 1px solid #121a38;
border-width: 0 0 1px 0;
font-family: "Noto Sans", sans-serif;
font-size: 1.6rem;
letter-spacing: .015rem;
color: #121a38;
background: transparent
}
.testimonial {
font-family: "Noto Sans", sans-serif;
font-size: 2.4rem;
font-weight: 300;
line-height: 4.4rem;
letter-spacing: .12px;
color: #121a38;
max-width: 64.5rem
}
.claim {
font-size: 4rem;
font-weight: 300;
color: #121a38;
letter-spacing: .1rem
}
.claim.secondary {
font-size: 3rem;
line-height: 4.5rem;
letter-spacing: .15rem;
color: #121a38
}
.claim.spacing-left {
margin-left: 12rem
}
.claim .quote {
position: relative;
padding-left: 4rem;
padding-right: 4rem
}
.claim .quote:before {
content: "“";
font-family: "Noto Sans", sans-serif;
margin-right: 1rem;
opacity: .3;
font-size: 8rem;
font-weight: normal;
letter-spacing: .15rem;
text-align: center;
color: #121a38;
display: block;
position: absolute;
top: 0;
left: 0
}
.claim .quote:after {
content: "“";
font-family: "Noto Sans", sans-serif;
margin-right: 1rem;
opacity: .3;
font-size: 8rem;
font-weight: normal;
letter-spacing: .15rem;
text-align: center;
color: #121a38;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
display: block;
position: absolute;
right: 0;
bottom: 0
}
.image-box .object-fit-image {
max-height: 21rem
}
.image-box + .share-social {
margin-top: 1.4rem
}
.container-fluid {
padding-left: 4.7rem;
padding-right: 4.7rem
}
.hood-component {
top: 0;
bottom: 0;
right: 0;
left: 0;
position: fixed;
z-index: 100;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.site {
width: 100%;
position: relative;
z-index: 98;
font-size: 2.4rem;
font-family: Arial;
color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.restrain {
max-width: 1600px;
margin: 0 auto
}
.fluid {
width: 100%
}
.cursor-pointer {
cursor: pointer
}
.clearfix-right {
clear: right
}
.valign {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.plain-block p {
font-size: 2rem;
font-weight: 300;
letter-spacing: .04rem;
line-height: 1.7;
margin-bottom: 2.8rem
}
.plain-block p.smaller {
font-size: 1.4rem
}
.plain-block h2 {
margin-bottom: 2.4rem
}
.divider-both:before {
content: "";
width: 9.6rem;
height: 2px;
opacity: .15;
background: #121a38;
display: block;
margin-bottom: 5.4rem;
margin-top: 5.4rem
}
.divider-top:before {
content: "";
width: 9.6rem;
height: 2px;
opacity: .15;
background: #121a38;
display: block;
margin-bottom: 5.4rem
}
textarea {
border: 1px solid rgba(7, 15, 38, .2);
resize: vertical;
min-height: 16.6rem
}
textarea:focus {
border: 1px solid #121a38
}
.list-align-left {
padding-left: 20px
}
.list-align-left > li {
padding-left: 15px;
line-height: 1.93;
letter-spacing: .03rem
}
.block {
display: block !important
}
.inline-block {
display: inline-block !important
}
.float-right {
float: right !important
}
.float-left {
float: left !important
}
.text-center-xs {
text-align: center
}
.text-left-xs {
text-align: left
}
.text-right-xs {
text-align: right
}
.m-a-0 {
margin: 0 !important
}
.m-b-0 {
margin-bottom: 0 !important
}
.m-t-0 {
margin-top: 0 !important
}
.m-t-14 {
margin-top: 1.4rem !important
}
.m-b-14 {
margin-bottom: 1.4rem !important
}
.m-t-20 {
margin-top: 2rem !important
}
.m-t-40 {
margin-top: 4rem !important
}
.m-t-90 {
margin-top: 9rem !important
}
.p-a-0 {
padding: 0 !important
}
.p-t-0 {
padding-top: 0 !important
}
.p-b-0 {
padding-bottom: 0 !important
}
.p-r-40 {
padding-right: 4rem !important
}
.no-margin {
margin: 0 !important
}
.spacer-right-xs {
padding-right: 1.1rem !important
}
.spacer-top-xs, .spacer-top-xs-xs {
padding-top: 1.1rem !important
}
.spacer-top-s, .spacer-top-xs-s {
padding-top: 2.2rem !important
}
.spacer-top-m, .spacer-top-xs-m {
padding-top: 4.4rem !important
}
.spacer-top-l, .spacer-top-xs-l {
padding-top: 8.8rem !important
}
.spacer-top-xl, .spacer-top-xs-xl {
padding-top: 17.6rem !important
}
.spacer-bottom-xs, .spacer-bottom-xs-xs {
padding-bottom: 1.1rem !important
}
.spacer-bottom-s, .spacer-bottom-xs-s {
padding-bottom: 2.2rem !important
}
.spacer-bottom-m, .spacer-bottom-xs-m {
padding-bottom: 4.4rem !important
}
.spacer-bottom-l, .spacer-bottom-xs-l {
padding-bottom: 8.8rem !important
}
hr.small {
width: 10.6rem;
border-top: 1px solid #121a38;
opacity: .15;
margin-top: 0;
margin-bottom: 0
}
.styled-list ul {
padding-left: 20px
}
.styled-list ul > li {
padding-left: 15px;
line-height: 1.93;
letter-spacing: .03rem
}
ul.list-cta li {
padding: .75rem 0
}
ul.list-cta li a {
text-transform: uppercase;
font-weight: 700
}
ul.list-cta li a:after {
content: '';
font-family: 'nttd-icons';
margin-left: 1rem;
vertical-align: text-top;
font-size: .8rem
}
.atlwdg-trigger.atlwdg-RIGHT, .atlwdg-RIGHT.atlwdg-trigger {
left: 0 !important
}
.atlwdg-trigger.atlwdg-RIGHT {
position: absolute;
z-index: 90000000 !important
}
.row > .row {
margin: 0
}
.banner-small {
color: #fff;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
padding-top: 3rem;
padding-left: 5rem;
padding-right: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width:768px) {
.text-center-sm {
text-align: center
}
.text-left-sm {
text-align: left
}
.text-right-sm {
text-align: right
}
.spacer-top-sm-s {
padding-top: 2.2rem
}
.spacer-top-sm-m {
padding-top: 4.4rem
}
.spacer-top-sm-l {
padding-top: 8.8rem
}
.spacer-bottom-sm-s {
padding-bottom: 2.2rem
}
.spacer-bottom-sm-m {
padding-bottom: 4.4rem
}
.spacer-bottom-sm-l {
padding-bottom: 8.8rem
}
.spacer-bottom-sm-none {
padding-bottom: 0 !important
}
.valign-sm {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media screen and (min-width:992px) {
.pull-right-desktop {
float: right
}
.valign-md {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.text-center-md {
text-align: center
}
.text-left-md {
text-align: left
}
.text-right-md {
text-align: right
}
.spacer-top-md-s {
padding-top: 2.2rem
}
.spacer-top-md-m {
padding-top: 4.4rem
}
.spacer-top-md-l {
padding-top: 8.8rem !important
}
.spacer-bottom-md-s {
padding-bottom: 2.2rem !important
}
.spacer-bottom-md-m {
padding-bottom: 4.4rem !important
}
.spacer-bottom-md-l {
padding-bottom: 8.8rem !important
}
.spacer-bottom-md-none {
padding-bottom: 0 !important
}
}
@media all and (min-width:1921px) {
html {
font-size: calc(100% + (.2605vw - 11px))
}
}
@media all and (min-width:1921px) and (-ms-high-contrast:none), (min-width:1921px) and (-ms-high-contrast:active) {
html {
font-size: calc(100% + .39596vw)
}
}
@supports (-ms-ime-align:auto) {
@media all and(min-width: 1921px) {
html {
font-size: calc(100% + .39596vw)
}
}
}
@media screen and (max-width:1199px) {
.divider-top-tablet:before {
content: "";
width: 9.6rem;
height: 2px;
opacity: .15;
background: #121a38;
display: block;
margin-bottom: 5.4rem
}
}
@media all and (max-width:1024px) {
.hidden-tablet-mobile {
display: none !important
}
.container-fluid {
padding-left: 2.8rem;
padding-right: 2.8rem
}
}
@media screen and (max-width:991px) {
.hidden-tablet {
display: none !important
}
.spacer-top-tablet {
margin-top: 3rem
}
}
@media all and (min-width:1025px) and (max-width:1366px) {
html {
font-size: 10px
}
}
@media all and (min-width:992px) and (max-width:1024px) {
html {
font-size: 10px
}
}
@media(max-width:991px) and (min-width:768px) {
.valign-md-only {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media all and (max-width:991px) {
.align-to-quote-mobile {
padding-left: 4rem
}
.p-l-0-tablet {
padding-left: 0 !important
}
.p-r-0-tablet {
padding-right: 0 !important
}
.p-t-0-tablet {
padding-top: 0 !important
}
.tablet-spacing {
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important
}
.tablet-spacing .col-xs-12 {
padding: 0
}
.tablet-spacing .col-xs-12:first-child {
padding: 0 3rem 3.8rem
}
.claim {
font-size: 3rem;
line-height: 4.5rem;
letter-spacing: .15rem
}
.claim br {
display: none
}
.claim.secondary {
margin-top: 3.6rem
}
.claim.spacing-left {
margin-left: 0
}
}
@media all and (max-width:767px) {
.site {
z-index: auto
}
.text-center-mobile {
text-align: center
}
.p-a-0-mobile {
padding: 0 !important
}
.p-b-0-xs {
padding-bottom: 0 !important
}
.p-t-0-xs {
padding-top: 0 !important
}
.spacer-top-mobile {
padding-top: 4rem !important
}
.quoted {
padding-right: 2.5rem !important;
padding-left: 2.5rem !important;
font-size: 3rem
}
.align-to-quote, .align-to-quote-mobile {
padding-left: 2.5rem
}
.container-fluid {
padding-left: 1.8rem;
padding-right: 1.8rem
}
.styled-list ul {
font-size: 1.8rem
}
.claim.secondary {
margin-top: 2rem
}
.page-campaign-content .row {
display: block !important
}
}
.flex-start {
-ms-flex-item-align: start;
align-self: flex-start
}
@media screen and (min-width:768px) {
.flex-start {
width: 100%
}
}
.flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width:768px) {
.flex-container.flex-res {
width: auto;
display: block
}
}
.flex-end {
-ms-flex-item-align: end;
align-self: flex-end
}
@media screen and (min-width:768px) {
.flex-end {
width: 100%
}
}
.flex-vcenter {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width:1200px) {
.bottom-aligned button {
position: absolute;
bottom: 0
}
}
img.icon-social {
height: 2rem;
margin-right: 4rem
}
.p-l-0 {
padding-left: 0 !important
}
.p-r-0 {
padding-left: 0 !important
}
.d-inline {
display: inline
}
.d-inline-block {
display: inline-block
}
.d-block {
display: block
}
@media screen and (min-width:768px) and (max-width:769px) {
.no-tablet-target {
height: auto !important
}
}
.p-t-8 {
padding-top: 8rem !important
}
.board:not(.tight) {
padding: 4.4rem
}
.board h2.intro-title {
line-height: 5.1rem;
margin: 1.8rem 0
}
.board h2.secondary {
font-size: 4rem;
letter-spacing: .15rem;
line-height: 4.8rem
}
.board h3 {
font-family: "Noto Sans", sans-serif;
font-size: 3.2rem;
letter-spacing: .1rem;
margin-top: 3.2rem;
margin-bottom: 2rem;
font-weight: 600
}
.board h3.small {
font-size: 2.4rem
}
.board p {
font-family: "Noto Sans", sans-serif
}
.board p.secondary {
font-size: 2rem;
font-weight: 300
}
.board p.primary-type {
font-family: "Noto Sans", sans-serif
}
.board .quote-author {
display: block;
font-size: 1.6rem;
font-weight: 600;
margin-top: 2rem
}
.board.hoverable {
padding-top: 0 !important;
padding-bottom: 0 !important;
position: relative
}
.board.hoverable.blue .hidden-block, .board.hoverable.blue-bg .hidden-block {
background: #eba73e
}
.board.hoverable.blue .hidden-block .cta-arrow::before, .board.hoverable.blue-bg .hidden-block .cta-arrow::before {
color: #eba73e
}
.board.hoverable.dark-blue-bg h2 {
color: #fff
}
.board.hoverable.dark-blue-bg .hidden-block {
background: #d0372a
}
.board.hoverable.dark-blue-bg .hidden-block .cta-arrow::before {
color: #d0372a
}
.board.hoverable.human-blue-bg h2 {
color: #fff
}
.board.hoverable.human-blue-bg .hidden-block {
background: #eba73e
}
.board.hoverable.human-blue-bg .hidden-block .cta-arrow::before {
color: #eba73e
}
.board.hoverable.orange-bg h2 {
color: #121a38
}
.board.hoverable.orange-bg .hidden-block {
background: #0079a1
}
.board.hoverable.orange-bg .hidden-block .cta-arrow::before {
color: #0079a1
}
.board.hoverable.red-bg h2 {
color: #fff
}
.board.hoverable.red-bg .hidden-block {
background: #070f26
}
.board.hoverable.red-bg .hidden-block .cta-arrow::before {
color: #121a38
}
.board.hoverable.grey-bg .hidden-block {
background: #0079a1
}
.board.hoverable.grey-bg .hidden-block .cta-arrow::before {
color: #0079a1
}
.board.hoverable .content-holder {
padding-top: 7.8rem;
padding-bottom: 7.8rem;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.board.hoverable .content-holder .inner-content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.board.hoverable h2 {
font-weight: 200;
margin: 0
}
.board.hoverable h2 .enlarged {
display: block;
font-size: 9rem;
font-weight: 300;
letter-spacing: -.3rem;
margin-bottom: 1rem
}
.board.hoverable .hidden-block {
background: #5876aa;
left: 0;
position: absolute;
opacity: 0;
padding-top: 8.3rem;
padding-bottom: 8.3rem;
padding-left: 4.4rem;
padding-right: 4.4rem;
right: 0;
top: 0;
-o-transition: visibility 0s linear .2s, opacity .2s linear;
transition: visibility 0s linear .2s, opacity .2s linear;
-webkit-transition: visibility 0s linear .2s, opacity .2s linear;
visibility: hidden;
width: 100%
}
.board.hoverable .hidden-block .hidden-block-holder {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.board.hoverable .hidden-block p {
font-size: 2rem;
font-weight: 300
}
.board.hoverable .hidden-block .cta-arrow:hover {
text-decoration: underline
}
.board.hoverable:hover .hidden-block {
opacity: 1;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
visibility: visible
}
@media all and (max-width:1024px) {
.board.hoverable .hidden-block {
padding-left: 2.8rem;
padding-right: 2.8rem
}
}
@media all and (max-width:991px) {
.board.hoverable h2 {
font-size: 3rem
}
.board.hoverable h2 .enlarged {
font-size: 7rem
}
}
@media all and (max-width:767px) {
.board.hoverable h2 {
font-size: 2rem
}
.board.hoverable h2 .enlarged {
font-size: 5rem
}
.board.hoverable .content-holder {
padding-top: 4.4rem;
padding-bottom: 4.4rem
}
.board.hoverable .hidden-block {
padding: 4.4rem 1.8rem
}
}
.board.narrow {
padding-left: 12.4rem;
padding-right: 12.4rem
}
.board.light {
background: #fff;
color: #667493
}
.board.light .service-list {
color: #121a38
}
.board.blue, .board.dark-blue, .board.human-blue, .board.red, .board.dark-blue-bg {
color: #fff
}
.board.blue h2, .board.dark-blue h2, .board.human-blue h2, .board.red h2, .board.dark-blue-bg h2 {
color: #fff
}
.board.blue .service-list .service-title, .board.blue .service-list .service-item, .board.dark-blue .service-list .service-title, .board.dark-blue .service-list .service-item, .board.human-blue .service-list .service-title, .board.human-blue .service-list .service-item, .board.red .service-list .service-title, .board.red .service-list .service-item, .board.dark-blue-bg .service-list .service-title, .board.dark-blue-bg .service-list .service-item {
color: #fff
}
.board.blue {
background: #1d264d
}
.board.dark-blue {
background: #070f26
}
.board.red {
background: #d0372a
}
.board.yellow {
background: #df9e3a
}
.board.orange {
background: #eba73e
}
.board.human-blue {
background: #1d264d
}
.board.dark {
background: #121a38;
color: #fff
}
.board.grey {
background: #fff;
color: #121a38
}
.board.grey + .board.grey {
padding-top: 0
}
.board.off-white {
background: #fff;
color: #121a38
}
.board.off-white + .board.grey {
padding-top: 0
}
.board.large {
padding: 9rem 4.7rem 8rem
}
.board.large h2 {
margin: 0 0 3rem
}
.board.medium {
padding: 5.4rem 4.4rem
}
.board.spaced-no-image {
padding-top: 8.7rem;
padding-bottom: 8.7rem
}
.board.spaced-no-image h2 {
font-size: 4rem;
letter-spacing: .15rem;
line-height: 4.8rem
}
.board.spaced-no-image p {
font-size: 2rem;
font-weight: 300
}
@media screen and (max-width:1024px) {
.board.spaced-no-image h2 {
font-size: 3.4rem;
letter-spacing: .17rem;
line-heght: 4.2rem
}
}
@media screen and (max-width:767px) {
.board.spaced-no-image h2 {
font-size: 3rem;
letter-spacing: .12rem;
line-heght: 3.8rem
}
}
.board.image {
position: relative
}
.board.image .vertical-holder {
padding: 5rem 0;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.board.image .share-component {
position: absolute;
right: 3.5rem;
top: 3.5rem
}
@media screen and (max-width:767px) {
.board.image .share-component {
right: 1.5rem
}
}
@media screen and (min-width:768px) {
.board.image .object-fit-image {
max-height: 90rem
}
.board.image.limitless .object-fit-image {
max-height: none
}
}
@media screen and (max-width:991px) {
.board.image.icon-blocks-component {
padding: 0 !important
}
.board.image.icon-blocks-component .same-height-icon-component .col-xs-12 {
margin-bottom: 4.4rem
}
.board.image.icon-blocks-component .same-height-icon-component .col-xs-12:nth-last-of-type(-n+2) {
margin-bottom: 0
}
}
@media screen and (max-width:767px) {
.board.image.icon-blocks-component .same-height-icon-component .col-xs-12:nth-last-of-type(-n+2) {
margin-bottom: 4.4rem
}
.board.image.icon-blocks-component .same-height-icon-component .col-xs-12:last-child {
margin-bottom: 0
}
}
.board.image.video .content h2 {
font-size: 4rem;
letter-spacing: .15rem;
line-height: 4.8rem
}
.board.image.video .content h2 + .button {
margin-top: 3.4rem
}
.board.image.video .content .button .fa-play-circle {
font-size: 1.8rem;
margin-right: 1rem;
vertical-align: top
}
@media all and (max-width:1024px) {
.board.image.video .content h2 {
font-size: 3.4rem;
letter-spacing: .17rem;
line-height: 4.2rem
}
.board.image.video .content h2 + .button {
margin-top: 2.4rem
}
}
@media all and (max-width:767px) {
.board.image.video .content h2 {
font-size: 3rem;
letter-spacing: .12rem;
line-height: 3.8rem
}
.board.image.video .content h2 + .button {
margin-top: 1rem
}
}
@media screen and (min-width:768px) {
.board.image.video .object-fit-image {
max-height: 45rem
}
.board.image.video.limitless .object-fit-image {
max-height: none
}
}
.board.image.same-height-component .content {
bottom: auto
}
.board.image.same-height-component .content > [class*="col-"] {
padding-top: 5rem;
padding-bottom: 5rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.board.image .content {
cursor: default;
position: absolute;
left: 4.4rem;
right: 4.4rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.board.image .content .tagline {
font-size: 1.8rem;
font-weight: 700;
letter-spacing: .15rem
}
.board.image .content .link small {
font-size: 1.3rem
}
.board.image .content .tagline, .board.image .content .link {
font-family: "Noto Sans", sans-serif
}
.board.image .content, .board.image .content h2, .board.image .content .link {
color: #fff;
font-size: 1.3rem
}
.board.image .content h2 {
font-size: 6rem;
margin: 1.4rem 0 1.4rem 0
}
.board.image .content p {
font-size: 2rem;
font-weight: 300
}
.board.image .content .link:hover, .board.image .content .link:focus {
opacity: .5;
text-decoration: none
}
.board.image .content.left {
text-align: left
}
.board.image .content.left > [class*="col-"] {
float: left
}
.board.image .content.right {
text-align: right
}
.board.image .content.right > [class*="col-"] {
float: right
}
.board.image .content.center {
text-align: center
}
.board.image .content.center > [class*="col-"] {
margin-left: auto;
margin-right: auto;
float: none
}
.board.image .content.fullbleed-row {
top: 33%;
left: 0;
right: 0
}
.board.share {
position: relative
}
.board.share ul {
margin-bottom: 0;
position: relative
}
.board.share ul #socialShareid {
display: none;
white-space: nowrap;
position: absolute;
margin-top: 1rem;
left: auto;
white-space: nowrap;
right: 25rem
}
.board .grey-opacity {
opacity: .6;
color: #121a38
}
.board.full {
padding: 0 15px
}
.board.full .sidebar {
padding: 6rem 4.7rem 3rem
}
.board.full .equal-content, .board.full .equal-sidebar {
padding: 4.4rem
}
@media screen and (max-width:767px) {
.board.full .equal-content .service-list.inline {
text-align: left
}
}
.board.black-bg {
color: #fff;
background: #070f26
}
.board.black-bg h1, .board.black-bg h2, .board.black-bg p {
color: #fff
}
.board.side-image {
padding: 0 15px
}
.board.side-image.dark-blue-bg .content {
color: #fff
}
.board.side-image .image {
padding: 0
}
.board.side-image .image .object-fit-image {
height: 100%
}
.board.side-image .content {
padding: 8rem 4.4rem 5.6rem;
color: #121a38
}
.board.side-image .content h2 {
line-height: 5rem;
font-weight: 600;
margin: 0 0 3.4rem
}
.board.side-image .content p.small {
letter-spacing: .03rem;
font-family: "Noto Sans", sans-serif;
margin-bottom: 3rem;
font-size: 1.4rem
}
.board.side-image .content p.small:last-child {
margin-bottom: 0
}
.board.side-image .content p.medium.thin {
line-height: 2.4rem
}
.board.side-image .equal-content {
padding: 4.4rem
}
.board.side-image .equal-content h2 {
font-weight: 400;
margin: 0 0 3.4rem
}
.board.side-image .equal-content p.medium.thin {
line-height: 2.4rem;
margin-bottom: 2rem
}
.board.side-image .equal-content p.medium.thin:last-child {
margin-bottom: 0
}
.board .cta {
font-size: 1.2rem;
letter-spacing: .1rem;
font-weight: 600;
text-transform: uppercase;
font-family: "Noto Sans", sans-serif
}
.board .cta.white {
color: #fff
}
.board .board-title {
font-size: 4rem;
line-height: 1.3;
letter-spacing: .05rem;
color: #fff;
font-weight: 700;
font-family: "Noto Sans", sans-serif;
margin: 0 0 3.4rem;
display: block
}
.board .board-title.dark-text {
color: #070f26
}
.board .board-title.opacity {
opacity: .5
}
.board .board-title.small {
font-size: 1.4rem;
letter-spacing: .1rem
}
.board .board-title.small.light {
font-weight: 200;
letter-spacing: .15rem
}
.board .board-title.medium {
font-size: 1.8rem;
line-height: 2.5rem;
letter-spacing: .09rem;
font-weight: 300
}
.board span.location {
font-size: 1.6rem;
line-height: 2.5rem;
letter-spacing: .08rem;
font-weight: 200;
margin-top: 6rem;
display: block
}
.board h2.intro.secondary {
line-height: 6.8rem;
margin: 2.6rem 0 9rem;
font-weight: 200;
letter-spacing: .15rem
}
.board.board-social img.icon-social, .board.board-social li > p {
height: 2rem;
margin-right: 4rem
}
@media screen and (max-width:375px) {
.board.board-social img.icon-social, .board.board-social li > p {
margin-right: 0
}
}
.board.board-social li > p {
vertical-align: sub
}
@media screen and (max-width:375px) {
.board.board-social li {
width: 45%;
margin-bottom: 1rem
}
}
.board.tight-blue-carousel {
padding-top: 1rem;
padding-bottom: 3rem
}
@media all and (max-width:1024px) {
.board:not(.tight) {
padding-left: 2.8rem;
padding-right: 2.8rem
}
.board.narrow {
padding-left: 2.8rem;
padding-right: 2.8rem
}
.board.large {
padding: 4.6rem 2.8rem 2.6rem
}
.board.large h2 {
margin: 0 0 1.6rem
}
.board.image.same-height-component .content > [class*="col-"] {
padding-top: 3rem;
padding-bottom: 6rem
}
.board.image .content {
bottom: 6rem;
left: 2.8rem;
right: 2.8rem
}
.board.image .content .tagline {
font-size: 1.8rem;
line-height: 2.6rem;
letter-spacing: .09rem
}
.board.image .content h2 {
font-size: 3.4em;
line-height: 4.2rem;
letter-spacing: .17rem
}
.board.image .content .link {
margin-top: 1.8rem;
display: inline-block
}
.board.image .content .link small {
font-size: 1.3rem;
letter-spacing: .07rem
}
.board.full {
padding: 0 15px !important
}
.board.full .equal-content, .board.full .equal-sidebar {
padding: 4.4rem 2.8rem
}
.board.side-image .equal-content {
padding: 4.4rem 2.8rem
}
}
@media screen and (max-width:991px) {
.board.full .sidebar {
padding: 4.4rem 3rem 4.2rem
}
.board span.location {
margin-top: 3.8rem
}
.board h2.intro.secondary {
font-size: 2.4rem;
line-height: 3.4rem;
letter-spacing: .11rem;
font-weight: 300;
margin: 1.4rem 0 3.6rem
}
.board .board-title.small {
margin-bottom: 0
}
}
@media all and (max-width:767px) {
.board:not(.tight) {
padding: 2.6rem 1.8rem
}
.board.narrow {
padding-left: 1.8rem;
padding-right: 1.8rem
}
.board.large {
padding: 3rem 1.8rem 1.2rem
}
.board.large h2 {
margin: 0 0 2.6rem
}
.board.image {
max-height: 44rem;
overflow: hidden
}
.board.image.same-height-component {
max-height: none
}
.board.image.same-height-component .content > [class*="col-"] {
padding-top: 3rem;
padding-bottom: 3rem
}
.board.image > img {
height: 100%;
max-width: none;
width: 100%
}
.board.image > img.object-fit-image {
height: 44rem
}
.board.image .content {
bottom: auto;
left: 1.8rem;
right: 1.8rem
}
.board.image .content h2 {
font-size: 3rem;
letter-spacing: .12rem;
line-height: 3.8rem
}
.board.image .content .link {
margin-top: 1rem
}
.board.full .sidebar {
padding: 3rem 1.5rem 2rem
}
.board.full .equal-content, .board.full .equal-sidebar {
padding: 2.6rem 1.8rem
}
.board.share {
position: relative;
margin-top: 2rem
}
.board.share.text-right {
text-align: left
}
.board.share ul #socialShareid {
right: auto;
left: 16rem;
top: 0;
margin-top: 1rem;
bottom: auto
}
.board.share .button {
width: 14rem;
min-width: auto
}
.board.side-image .equal-content {
padding: 2.6rem 1.8rem
}
}
.emea-ntt .board:not(.side-image).large-padding {
padding-top: 10rem;
padding-bottom: 10rem
}
.emea-ntt .board:not(.side-image) h2 {
margin: 0
}
.emea-ntt .board:not(.side-image) h2 + p:not(.larger) {
margin-top: 3rem;
margin-bottom: 2rem
}
.emea-ntt .board:not(.side-image) .social-component p {
margin: 0
}
.emea-ntt .board.focus-phrase {
padding: 12rem 4.4rem
}
.emea-ntt .board.focus-phrase h2 {
line-height: 1.5
}
.emea-ntt .board.text-with-icon img + h2 {
margin-top: 1rem
}
.emea-ntt .board .text-column-3-4 > div {
width: 75%
}
@media screen and (max-width:768px) {
.emea-ntt .board .text-column-3-4 > div {
width: 100%
}
}
.emea-ntt .board.no-padding {
padding: 0
}
.emea-ntt .board .contact-us-de {
position: relative
}
@media screen and (min-width:769px) {
.emea-ntt .board .contact-us-de .contact-person {
position: absolute;
right: 20%;
bottom: 20%
}
}
.emea-ntt .board .contact-us-de .contact-person-name {
display: block;
font-size: 1.8rem;
font-weight: 600;
padding: 1rem 0
}
.emea-ntt .board .contact-us-de .contact-person-position {
display: block;
font-size: 1.4rem;
opacity: .6
}
.emea-ntt .board .contact-us-de .contact-person-quote {
font-family: "Noto Sans", sans-serif;
margin-bottom: 2.8rem
}
.emea-ntt .board .contact-us-de .contact-person-data {
font-size: 1.4rem
}
.emea-ntt .board .contact-us-de .contact-person-data > div {
display: inline-block
}
.emea-ntt .board .contact-us-de .contact-person-data > div:last-of-type {
float: right
}
.board-video {
position: relative
}
.board-video .board-video-content {
position: absolute;
top: 25%;
padding: 4rem 12rem;
left: 0
}
@media screen and (max-width:768px) {
.board-video .board-video-content {
padding: 1rem 7rem;
top: 8rem
}
}
@media screen and (max-width:575px) {
.board-video .board-video-content {
padding: 4rem;
top: 6rem
}
.board-video .board-video-content p.larger {
font-size: 1.6rem
}
}
.board-video img {
font-family: 'object-fit: cover;';
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 54rem
}
hr.small-separator {
width: 20rem;
margin-left: 0
}
ul.board-text-list {
list-style-position: inside !important;
padding-left: 0 !important;
font-weight: 300;
font-size: 1.4rem
}
.small-video-section {
position: relative
}
.small-video-section .video-section-content {
position: absolute;
top: 0;
padding: 4rem;
left: 0;
text-align: center
}
@media screen and (max-width:575px) {
.small-video-section .video-section-content p.larger {
font-size: 1.6rem
}
}
.small-video-section img {
font-family: 'object-fit: cover;';
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 26rem
}
.medium-icon-container {
height: 8rem
}
.medium-icon-container .medium-icon {
height: 100%
}
.sitemap-small-title {
display: block;
margin-bottom: 2rem !important
}
.sitemap-col {
margin-bottom: 4rem
}
.sitemap-col > span {
font-size: 1.8rem;
display: block;
margin-bottom: 2rem
}
.sitemap-col ul.sitemap-items {
list-style: none;
padding-left: 0
}
.sitemap-col ul.sitemap-items li {
margin-bottom: .5rem
}
.sitemap-col ul.sitemap-items li a {
color: #121a38
}
.sitemap-col ul.sitemap-items li a:hover, .sitemap-col ul.sitemap-items li a:active, .sitemap-col ul.sitemap-items li a:focus {
color: #121a38;
text-decoration: none
}
.button.black, .button.black-yellow, .button.white, .button.red, .button.x-light-gray, .button.x-light-gray-white, .button.yellow, .button.dark-blue {
background: #070f26;
color: #fff;
font-size: 1.4rem;
line-height: 2.14rem;
letter-spacing: .07rem;
font-weight: 700;
font-family: "Noto Sans", sans-serif;
padding: 1.4rem 2.6rem 1.2rem;
display: inline-block;
text-transform: uppercase;
border: none
}
.button.black:hover, .button.black:focus, .button.black-yellow:hover, .button.black-yellow:focus, .button.white:hover, .button.white:focus, .button.red:hover, .button.red:focus, .button.x-light-gray:hover, .button.x-light-gray:focus, .button.x-light-gray-white:hover, .button.x-light-gray-white:focus, .button.yellow:hover, .button.yellow:focus, .button.dark-blue:hover, .button.dark-blue:focus {
text-decoration: none
}
.button.black:focus, .button.black-yellow:focus, .button.white:focus, .button.red:focus, .button.x-light-gray:focus, .button.x-light-gray-white:focus, .button.yellow:focus, .button.dark-blue:focus {
outline: none
}
.button.tight {
padding: 1rem 2rem .8rem
}
.button.large {
font-size: 1.8rem;
font-weight: 900;
letter-spacing: 0;
line-height: 2.4rem;
padding: 1.5rem 4rem 1.3rem
}
.button.empty {
font-size: 1.4rem;
line-height: 3rem;
letter-spacing: .07rem;
font-weight: 700;
font-family: "Noto Sans", sans-serif;
border: solid 2px #fff;
color: #fff;
padding: 1.4rem 2.6rem 1.2rem;
display: inline-block;
text-align: center;
text-transform: uppercase;
background: transparent
}
.button.empty.tight {
padding: 1rem .8rem .8rem .8rem;
font-size: 1.4rem
}
.button.empty.narrow {
min-width: 15rem
}
.button.empty.disabled {
opacity: .2
}
.button.empty:hover, .button.empty:focus {
text-decoration: none
}
.button.empty.dark {
color: #121a38;
border: solid 2px #121a38
}
.button.empty.wide {
padding: 1.4rem 4.6rem 1.2rem
}
.button.empty.small {
border: solid 1px;
font-weight: 300;
min-width: auto;
padding: .2rem 5.6rem 0
}
.button.empty.smaller {
border: solid 1px #121a38;
font-weight: 300;
font-size: 1.4rem;
padding: .5rem 2rem
}
.button.white {
background: #fff;
color: #121a38
}
.button.red {
background: #eb0055
}
.button.x-light-gray {
background: #d5d5d5;
color: #121a38
}
.button.x-light-gray-white {
background: #d5d5d5;
color: #fff
}
.button.yellow {
background: #df9e3a
}
.button.dark-blue {
background: #121a38
}
.button.black-yellow {
color: #df9e3a
}
button.neutral {
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
text-indent: 0;
outline: none;
padding: 0
}
button.neutral:focus, button.neutral:active {
outline: none
}
.cta-arrow {
color: #fff;
display: inline-block;
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: -.05rem;
line-height: 2.8rem;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle
}
.orange-bg .cta-arrow, .yellow-bg .cta-arrow {
color: #121a38
}
.cta-arrow:hover, .cta-arrow:focus {
opacity: .7;
text-decoration: none
}
.cta-arrow:before {
background: #fff;
border-radius: 50%;
color: #0079a1;
content: "";
display: inline-block;
font-family: 'nttd-icons';
font-size: 1.4rem;
font-weight: 700;
height: 2.6rem;
letter-spacing: normal;
line-height: 25px;
margin: 0 1.4rem .4rem 0;
text-align: center;
vertical-align: inherit;
width: 2.5rem;
padding-left: .25rem;
padding-top: .1rem;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0)
}
.cta-arrow.blue {
color: #0079a1
}
.cta-arrow.blue:before {
background: #0079a1;
color: #fff
}
.cta-arrow.yellow {
color: #df9e3a
}
.cta-arrow.yellow:before {
background: #df9e3a;
color: #fff
}
.cta-arrow.red {
color: #d0372a
}
.cta-arrow.red:before {
background: #d0372a;
color: #fff
}
.generic-x-button {
color: #fff;
font-size: 1.9rem;
position: absolute;
right: 3rem;
top: 3rem;
z-index: 100
}
.generic-x-button.dark {
color: #121a38
}
@media all and (max-width:767px) {
.button.empty {
width: 100%;
padding: 1.4rem 2rem 1.2rem
}
}
.bass-heading-A03 h1 {
color: #121a38
}
.cs-filter-result .thumbnail.icons.no-shadow > img {
height: initial
}
.clearable-holder a.search-decoration {
color: #121a38
}
@font-face {
font-family: 'nttd-icons';
src: url("../fonts/nttd-icons.eot?v7");
src: url("../fonts/nttd-icons.eot?v7#iefix") format("embedded-opentype"), url("../fonts/nttd-icons.ttf?v7") format("truetype"), url("../fonts/nttd-icons.woff?v7") format("woff"), url("../fonts/nttd-icons.svg?v7#nttd-icons") format("svg");
font-weight: normal;
font-style: normal
}
[class^="nttd-"], [class*=" nttd-"] {
font-family: 'nttd-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[class*="nttd-2x"] {
font-size: 2em
}
[class*="nttd-1.5x"] {
font-size: 1.5em
}
.nttd-download:before {
content: ""
}
.nttd-share:before {
content: ""
}
.nttd-arrow-left:before {
content: ""
}
.nttd-search:before {
content: "î¤"
}
.nttd-menu:before {
content: ""
}
.nttd-times:before {
content: ""
}
.nttd-arrow-right:before {
content: ""
}
.nttd-calendar:before {
content: ""
}
.nttd-cloud:before {
content: ""
}
.nttd-connections:before {
content: ""
}
.nttd-dialog:before {
content: ""
}
.nttd-check:before {
content: ""
}
.nttd-comments:before {
content: ""
}
.nttd-location:before {
content: ""
}
.nttd-pin:before {
content: ""
}
.nttd-play:before {
content: "î¤"
}
.nttd-angle-down:before {
content: ""
}
.nttd-angle-left:before {
content: "î¤"
}
.nttd-brochure:before {
content: "î¤"
}
.nttd-report:before {
content: ""
}
.nttd-video:before {
content: ""
}
.nttd-angle-up:before {
content: ""
}
.nttd-angle-right:before {
content: ""
}
.nttd-reply:before {
content: ""
}
.nttd-arrow-down:before {
content: ""
}
.nttd-arrow-up:before {
content: ""
}
.nttd-light-bulb:before {
content: ""
}
.nttd-services:before {
content: ""
}
.nttd-location-full:before {
content: ""
}
@font-face {
font-family: 'icomoon';
src: url("../fonts/social/icomoon.eot?n5uiix");
src: url("../fonts/social/icomoon.eot?n5uiix#iefix") format("embedded-opentype"), url("../fonts/social/icomoon.ttf?n5uiix") format("truetype"), url("../fonts/social/icomoon.woff?n5uiix") format("woff"), url("../fonts/social/icomoon.svg?n5uiix#icomoon") format("svg");
font-weight: normal;
font-style: normal
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 1.3rem;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-Facebook_white:before {
content: "";
color: #fff
}
.icon-GooglePlus_white:before {
content: "";
color: #fffffe
}
.icon-Instagram_white:before {
content: "";
color: #fff
}
.icon-Linkedin_white:before {
content: "";
color: #fff
}
.icon-Mail_white:before {
content: "";
color: #fff
}
.icon-Pinterest_white:before {
content: "î¤";
color: #fff
}
.icon-Twitter_white:before {
content: "";
color: #fff
}
.icon-Youtube_white:before {
content: "î¤";
color: #fff
}
.icon-Facebook_black:before {
content: ""
}
.icon-GooglePlus_black:before {
content: "î¤"
}
.icon-Instagram_black:before {
content: ""
}
.icon-Linkedin_black:before {
content: ""
}
.icon-Mail_black:before {
content: ""
}
.icon-Pinterest_black:before {
content: ""
}
.icon-Twitter_black:before {
content: ""
}
.icon-YouTube_black:before {
content: ""
}
.primary-menu-toggle span, .primary-menu-toggle span:before, .primary-menu-toggle span:after {
cursor: pointer;
border-radius: 1px;
height: .5rem;
width: 3.5rem;
background: #070f26;
position: absolute;
display: block;
content: ''
}
.primary-menu-toggle span, .primary-menu-toggle span:before, .primary-menu-toggle span:after {
height: .3rem;
width: 3.2rem;
border-radius: 0
}
.primary-menu-toggle span {
width: 0;
height: 0
}
.primary-menu-toggle.inverted span, .primary-menu-toggle.inverted span:before, .primary-menu-toggle.inverted span:after, .primary-menu-toggle.morphed span, .primary-menu-toggle.morphed span:before, .primary-menu-toggle.morphed span:after {
transition: all .2s;
background: transparent
}
@media screen and (min-width:1024px) {
.primary-menu-toggle.inverted span, .primary-menu-toggle.inverted span:before, .primary-menu-toggle.inverted span:after, .primary-menu-toggle.morphed span, .primary-menu-toggle.morphed span:before, .primary-menu-toggle.morphed span:after {
display: none
}
}
.primary-menu-toggle.inverted.active span:before, .primary-menu-toggle.inverted.active span:after, .primary-menu-toggle.morphed.active span:before, .primary-menu-toggle.morphed.active span:after {
background: #fff
}
.primary-menu-toggle.active span {
background-color: transparent
}
.primary-menu-toggle.active span:before, .primary-menu-toggle.active span:after {
top: 0
}
.primary-menu-toggle.active span:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.primary-menu-toggle.active span:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.submenu ul.primary.list-unstyled > li {
opacity: 1;
-webkit-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out
}
.submenu ul.primary.list-unstyled > li:nth-child(1) {
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.submenu ul.primary.list-unstyled > li:nth-child(2) {
-webkit-transition-delay: .25s;
-o-transition-delay: .25s;
transition-delay: .25s
}
.submenu ul.primary.list-unstyled > li:nth-child(3) {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s
}
.submenu ul.primary.list-unstyled > li:nth-child(4) {
-webkit-transition-delay: .55s;
-o-transition-delay: .55s;
transition-delay: .55s
}
.submenu ul.primary.list-unstyled > li:nth-child(5) {
-webkit-transition-delay: .7s;
-o-transition-delay: .7s;
transition-delay: .7s
}
.submenu ul.primary.list-unstyled > li:nth-child(6) {
-webkit-transition-delay: .85s;
-o-transition-delay: .85s;
transition-delay: .85s
}
.submenu.open ul.primary.list-unstyled > li {
opacity: 1
}
.emea-ntt .primary-menu-component.header-blue:not(.morphed) .breadcrumb-text, .emea-ntt .primary-menu-component.header-orange:not(.morphed) .breadcrumb-text, .emea-ntt .primary-menu-component.header-dark-blue:not(.morphed) .breadcrumb-text {
color: #fff
}
.emea-ntt .primary-menu-component.header-blue:not(.morphed) .breadcrumb-text > span, .emea-ntt .primary-menu-component.header-orange:not(.morphed) .breadcrumb-text > span, .emea-ntt .primary-menu-component.header-dark-blue:not(.morphed) .breadcrumb-text > span {
color: #fff
}
.emea-ntt .primary-menu-component.header-blue:not(.morphed) .action-buttons .primary-menu-toggle span, .emea-ntt .primary-menu-component.header-blue:not(.morphed) .action-buttons .primary-menu-toggle span:before, .emea-ntt .primary-menu-component.header-blue:not(.morphed) .action-buttons .primary-menu-toggle span:after, .emea-ntt .primary-menu-component.header-orange:not(.morphed) .action-buttons .primary-menu-toggle span, .emea-ntt .primary-menu-component.header-orange:not(.morphed) .action-buttons .primary-menu-toggle span:before, .emea-ntt .primary-menu-component.header-orange:not(.morphed) .action-buttons .primary-menu-toggle span:after, .emea-ntt .primary-menu-component.header-dark-blue:not(.morphed) .action-buttons .primary-menu-toggle span, .emea-ntt .primary-menu-component.header-dark-blue:not(.morphed) .action-buttons .primary-menu-toggle span:before, .emea-ntt .primary-menu-component.header-dark-blue:not(.morphed) .action-buttons .primary-menu-toggle span:after {
background: #fff
}
.emea-ntt .primary-menu-component.header-blue:not(.morphed) .action-buttons .search-toggle .nttd-search, .emea-ntt .primary-menu-component.header-orange:not(.morphed) .action-buttons .search-toggle .nttd-search, .emea-ntt .primary-menu-component.header-dark-blue:not(.morphed) .action-buttons .search-toggle .nttd-search {
color: #fff
}
.emea-ntt .primary-menu-component.header-blue:not(.morphed) .logo .fill-target, .emea-ntt .primary-menu-component.header-blue:not(.morphed) svg:not(:first-of-type):last-child .fill-target, .emea-ntt .primary-menu-component.header-orange:not(.morphed) .logo .fill-target, .emea-ntt .primary-menu-component.header-orange:not(.morphed) svg:not(:first-of-type):last-child .fill-target, .emea-ntt .primary-menu-component.header-dark-blue:not(.morphed) .logo .fill-target, .emea-ntt .primary-menu-component.header-dark-blue:not(.morphed) svg:not(:first-of-type):last-child .fill-target {
fill: #fff
}
.emea-ntt .primary-menu-component.slider.header-dark .breadcrumb-text {
color: #fff
}
.emea-ntt .primary-menu-component.slider.header-dark .breadcrumb-text > span {
color: #fff
}
.emea-ntt .header-search .search-toggle {
display: none
}
.header-homepage {
display: none
}
.material-input + label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
input:focus {
outline: none
}
input[type="checkbox"].material-input {
opacity: 0
}
input[type="checkbox"].material-input + label {
color: #fff;
font-size: 1.6rem;
font-family: "Noto Sans", sans-serif;
font-weight: 300;
letter-spacing: .1rem;
position: relative;
cursor: pointer;
margin-left: -1.6rem;
padding-left: 2.6rem;
padding-right: .2rem
}
input[type="checkbox"].material-input + label:before {
content: "";
display: block;
width: 1.6rem;
height: 1.6rem;
border: 1px solid #fff;
border-radius: 2px;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: .2s ease transform;
-o-transition: .2s ease transform;
transition: .2s ease transform;
position: absolute;
left: .2rem;
top: .2rem
}
input[type="checkbox"].material-input + label:after {
content: "";
font-family: FontAwesome;
display: block;
width: 1.6rem;
height: 1.6rem;
border: 1px solid #fff;
border-radius: 2px;
background: transparent;
color: #fff;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition: .2s ease transform;
-o-transition: .2s ease transform;
transition: .2s ease transform;
position: absolute;
left: .2rem;
line-height: 1.6rem;
top: .2rem;
font-size: 1.3rem
}
input[type="checkbox"].material-input:focus + label {
outline: #121a38 thin dotted
}
input[type="checkbox"].material-input:checked + label:before {
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0)
}
input[type="checkbox"].material-input:checked + label:after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
input[type="text"].material-input, input[type="email"].material-input, input[type="password"].material-input {
background: transparent;
border: 1px solid rgba(255, 255, 255, .5);
border-width: 0 0 1px 0;
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 1.6rem;
font-weight: 300;
letter-spacing: .1rem;
padding: 0 0 .8rem .8rem
}
input[type="text"].material-input::-webkit-input-placeholder, input[type="email"].material-input::-webkit-input-placeholder, input[type="password"].material-input::-webkit-input-placeholder {
font-size: 0;
opacity: .25;
color: #fff
}
input[type="text"].material-input::-moz-placeholder, input[type="email"].material-input::-moz-placeholder, input[type="password"].material-input::-moz-placeholder {
font-size: 0;
opacity: .25;
color: #fff
}
input[type="text"].material-input:-ms-input-placeholder, input[type="email"].material-input:-ms-input-placeholder, input[type="password"].material-input:-ms-input-placeholder {
font-size: 0;
opacity: .25;
color: #fff
}
input[type="text"].material-input:-moz-placeholder, input[type="email"].material-input:-moz-placeholder, input[type="password"].material-input:-moz-placeholder {
font-size: 0;
opacity: .25;
color: #fff
}
input[type="text"].material-input + label, input[type="email"].material-input + label, input[type="password"].material-input + label {
display: block;
-webkit-transform: translate(.8rem, -4.2rem);
-ms-transform: translate(.8rem, -4.2rem);
transform: translate(.8rem, -4.2rem);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-transition: .2s ease transform;
-o-transition: .2s ease transform;
transition: .2s ease transform;
cursor: text;
position: relative
}
input[type="text"].material-input + label span, input[type="email"].material-input + label span, input[type="password"].material-input + label span {
color: #fff;
opacity: .25;
font-family: "Noto Sans", sans-serif;
font-size: 3rem;
pointer-events: none;
font-weight: 300;
letter-spacing: .1rem
}
input[type="text"].material-input.dark, input[type="email"].material-input.dark, input[type="password"].material-input.dark {
color: #121a38;
border: 1px solid rgba(7, 15, 38, .2);
border-width: 0 0 1px 0
}
input[type="text"].material-input.dark + label span, input[type="email"].material-input.dark + label span, input[type="password"].material-input.dark + label span {
color: #121a38
}
input[type="text"].material-input:invalid, input[type="email"].material-input:invalid, input[type="password"].material-input:invalid {
-webkit-box-shadow: none;
box-shadow: none
}
input[type="text"].material-input:focus, input[type="email"].material-input:focus, input[type="password"].material-input:focus {
border: 1px solid #fff;
border-width: 0 0 1px 0;
outline: none
}
input[type="text"].material-input:focus::-webkit-input-placeholder, input[type="email"].material-input:focus::-webkit-input-placeholder, input[type="password"].material-input:focus::-webkit-input-placeholder {
font-size: 1.6rem
}
input[type="text"].material-input:focus::-moz-placeholder, input[type="email"].material-input:focus::-moz-placeholder, input[type="password"].material-input:focus::-moz-placeholder {
font-size: 1.6rem
}
input[type="text"].material-input:focus:-ms-input-placeholder, input[type="email"].material-input:focus:-ms-input-placeholder, input[type="password"].material-input:focus:-ms-input-placeholder {
font-size: 1.6rem
}
input[type="text"].material-input:focus:-moz-placeholder, input[type="email"].material-input:focus:-moz-placeholder, input[type="password"].material-input:focus:-moz-placeholder {
font-size: 1.6rem
}
input[type="text"].material-input.dark:focus, input[type="email"].material-input.dark:focus, input[type="password"].material-input.dark:focus {
border: 1px solid rgba(7, 15, 38, 1);
border-width: 0 0 1px 0
}
input[type="text"].material-input:focus + label, input[type="text"].material-input.filled + label, input[type="email"].material-input:focus + label, input[type="email"].material-input.filled + label, input[type="password"].material-input:focus + label, input[type="password"].material-input.filled + label {
-webkit-transform: translate(0, -5.4rem) scale(.5, .5);
-ms-transform: translate(0, -5.4rem) scale(.5, .5);
transform: translate(0, -5.4rem) scale(.5, .5)
}
textarea.material-input {
background: transparent;
border: none;
font-family: "Noto Sans", sans-serif;
font-size: 3rem;
font-weight: 300;
letter-spacing: .1rem;
color: #fff;
-moz-appearance: none;
resize: vertical;
min-height: 4rem
}
textarea.material-input:invalid {
-webkit-box-shadow: none;
box-shadow: none
}
textarea.material-input:focus {
outline: none
}
textarea.material-input::-webkit-input-placeholder {
opacity: .25;
color: #fff
}
textarea.material-input::-moz-placeholder {
opacity: .25;
color: #fff
}
textarea.material-input:-ms-input-placeholder {
opacity: .25;
color: #fff
}
textarea.material-input:-moz-placeholder {
opacity: .25;
color: #fff
}
.input-field-wrapper {
height: 8rem
}
p, span, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, div {
font-family: "Noto Sans", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
p.white, span.white, h1.white, .h1.white, h2.white, .h2.white, h3.white, .h3.white, h4.white, .h4.white, h5.white, .h5.white, h6.white, .h6.white, div.white {
color: #fff
}
h1.small {
font-size: 2rem
}
h1.large {
font-size: 5rem;
font-weight: 300;
line-height: 1.4;
letter-spacing: .25rem
}
h1.larger {
font-size: 70px;
font-weight: 300;
line-height: 1;
letter-spacing: .35rem
}
h1.unstyled {
font-size: inherit;
line-height: inherit;
margin: inherit
}
h1.limited {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
max-width: 70%
}
h2 {
font-size: 4rem;
font-weight: 300;
line-height: 1.3;
letter-spacing: .2rem;
color: #121a38
}
h2 span.header-light {
font-weight: 200
}
h2.small-header {
font-family: "Noto Sans", sans-serif;
font-size: 1.8rem;
font-weight: 700
}
h2.medium-header {
font-size: 2.6rem;
font-weight: 700
}
.thin {
font-weight: 300
}
.medium-thick {
font-weight: 500 !important
}
.thick {
letter-spacing: .05rem;
font-weight: 700
}
.secondary-type, .secondary-type p, .secondary-type span, .secondary-type h1, .secondary-type .h1, .secondary-type h2, .secondary-type .h2, .secondary-type h3, .secondary-type .h3, .secondary-type h4, .secondary-type .h4, .secondary-type h5, .secondary-type .h5, .secondary-type h6, .secondary-type .h6, .secondary-type div, .secondary-type ul {
font-family: "Noto Sans", sans-serif
}
.primary-type, .primary-type p, .primary-type span, .primary-type h1, .primary-type .h1, .primary-type h2, .primary-type .h2, .primary-type h3, .primary-type .h3, .primary-type h4, .primary-type .h4, .primary-type h5, .primary-type .h5, .primary-type h6, .primary-type .h6, .primary-type div, .primary-type ul {
font-family: "Noto Sans", sans-serif
}
h2.small {
font-size: 2rem
}
h2.large {
font-size: 2.4rem;
font-weight: 700
}
h2.x-medium {
font-size: 3.2rem;
font-weight: 300;
line-height: 1.3;
font-family: "Noto Sans", sans-serif
}
h2.medium {
font-size: 4rem;
line-height: 1.3
}
h2.larger {
font-size: 5.6rem;
line-height: 1.3
}
h2.yellow {
color: #df9e3a !important
}
h2.smart-blue {
color: #0079a1 !important
}
h2.smart-navy {
color: #000b28 !important
}
h2.human-blue {
color: #5876aa !important
}
p.small {
font-size: 1.4rem;
line-height: 2.5rem;
font-weight: 300
}
p.small.light {
color: #667493
}
p.small.secondary {
letter-spacing: .1rem;
opacity: .7
}
@media screen and (max-width:767px) {
p.small {
font-size: 1.8rem;
line-height: 3rem
}
}
p.small-responsive {
font-size: 1.4rem;
line-height: 2.7rem;
letter-spacing: .03rem
}
p.small-responsive.light {
color: #667493
}
p.medium-smaller {
font-size: 1.6rem;
line-height: 2.2rem
}
p.large {
font-size: 1.8rem;
line-height: 3.4rem;
letter-spacing: .04rem
}
p.medium {
font-size: 2rem;
line-height: 3.3rem;
letter-spacing: .1rem;
font-weight: 200
}
p.medium-regular {
font-size: 2rem;
line-height: 2.5rem;
letter-spacing: .03rem;
font-weight: 400
}
p.medium-thin {
font-size: 2rem;
line-height: 2.5rem;
letter-spacing: .03rem;
font-weight: 300
}
p.larger {
font-size: 2.6rem;
line-height: 7.6rem;
letter-spacing: .13rem
}
p.message {
font-family: "Noto Sans", sans-serif;
font-size: 2rem;
font-weight: 300;
letter-spacing: .8px;
margin-top: 3rem;
margin-bottom: 3rem
}
ul li, ol li {
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
line-height: 2.2rem
}
ul.spaced li, ol.spaced li {
margin-bottom: 1rem
}
ul.spaced li:last-child, ol.spaced li:last-child {
margin-bottom: 0
}
ul.small li, ol.small li {
font-size: 1.4rem
}
ul.medium li, ol.medium li {
font-size: 1.6rem
}
p + ul.spaced {
padding-top: .5rem
}
.plain-block ul li {
font-size: 2rem;
font-weight: 300;
line-height: 3rem
}
.mosaic-component.secondary-type ul li, .mosaic-component.secondary-type ol li {
font-size: 1.4rem;
line-height: 2.4rem
}
.event-content ul li, .event-content ol li {
font-size: 2.4rem;
line-height: normal
}
a.standard {
text-transform: uppercase;
color: #121a38;
font-size: 1.4rem;
font-weight: 500;
font-family: "Noto Sans", sans-serif
}
a.no-decoration {
color: #121a38;
text-decoration: none
}
a.no-decoration:hover, a.no-decoration:focus {
text-decoration: none
}
.gray-text {
color: #667493 !important
}
.dark-gray-text {
color: #121a38 !important
}
.light-text {
color: #fff !important
}
.dark-text {
color: #070f26 !important
}
.yellow-text {
color: #df9e3a !important
}
.small-text {
font-size: 1.4rem
}
.small-text li {
font-size: 1.4rem
}
.selected-options {
color: #d0372a;
vertical-align: middle
}
.selected-options .number {
font-size: 1.8rem;
margin-right: .2rem;
display: inline-block;
vertical-align: middle
}
.selected-options .text {
font-size: .8rem;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 1px;
display: inline-block;
vertical-align: middle
}
.label-like {
color: #121a38;
font-size: 1.3rem;
font-family: "Noto Sans", sans-serif;
letter-spacing: .06rem;
font-weight: 600
}
.uppercase {
text-transform: uppercase
}
@media all and (min-width:1300px) {
p.small:not(.no-wide) {
font-size: 1.6rem
}
ul.small li, ol.small li {
font-size: 1.6rem
}
.small-text {
font-size: 1.6rem
}
.small-text li {
font-size: 1.6rem
}
.author-content ul li {
font-size: 1.6rem
}
.author-content p {
font-size: 1.6rem
}
}
@media(min-width:768px) and (max-width:1024px) {
p.tablet-larger, ul.tablet-larger, div.tablet-larger {
font-size: 1.6rem !important
}
}
@media(max-width:991px) {
p.tablet-large, ul.tablet-large {
font-size: 1.8rem
}
p.small-responsive {
font-size: 1.6rem;
line-height: 3rem
}
p.medium {
font-size: 1.6rem;
line-height: 3rem;
letter-spacing: .08rem;
font-weight: 200
}
h2.larger {
font-size: 4rem;
line-height: 6rem;
letter-spacing: .2rem
}
}
@media(max-width:767px) {
p.mobile-large, ul.mobile-large, div.mobile-large {
font-size: 1.8rem !important
}
p.small-responsive {
font-size: 1.8rem;
letter-spacing: .06rem
}
h2.larger {
font-size: 4rem;
line-height: 5.5rem;
letter-spacing: .15rem
}
ul.small li, ol.small li {
font-size: 1.8rem
}
}
.line-height-large {
line-height: 1.5 !important
}
.line-height-double {
line-height: 2 !important
}
.line-height-normal {
line-height: normal !important
}
.title-sized {
font-size: 4rem
}
.formatted-text {
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
line-height: 2.4rem;
font-weight: 300
}
.formatted-text p {
font-family: "Noto Sans", sans-serif;
font-size: 1.4rem;
line-height: 2.4rem;
margin-bottom: 1.6rem;
font-weight: 300
}
.emea-ntt .no-padd {
padding-right: 0
}
.emea-ntt .center-carousel-component .slide {
word-wrap: break-word
}
.emea-ntt .cta-arrow:before {
display: none
}
.emea-ntt .board.image .content h2 {
font-family: "Noto Sans", sans-serif;
line-height: 4.7rem;
font-size: 4rem
}
@media(max-width:767px) {
.emea-ntt .board.image .content h2 {
line-height: 2.4rem;
font-size: 2rem
}
}
.emea-ntt .grey.mosaic-component.mosaic-home {
padding-bottom: 4rem
}
.emea-ntt .mosaic-component.mosaic-home {
padding-bottom: 4rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block {
min-height: 53.2rem;
margin-bottom: 2.5rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block > img {
min-height: 53.2rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block h3 {
right: 2.8rem;
left: 3.1rem;
color: #fff;
bottom: auto;
top: 31.5rem;
font-family: "Noto Sans", sans-serif;
font-weight: 300
}
.emea-ntt .filter-component ul.restrain {
margin-top: 2.8rem;
margin-bottom: 7.4rem
}
.emea-ntt .filter-component ul.restrain li a span {
display: inline-block
}
.emea-ntt .filter-component ul.restrain li a em {
line-height: 1rem;
font-family: "Noto Sans", sans-serif
}
.emea-ntt .search-results-component .breadcrumbs li a {
font-size: 1.2rem;
letter-spacing: .09rem
}
.emea-ntt .search-results-component h2 {
font-family: "Noto Sans", sans-serif;
font-size: 3.5rem;
letter-spacing: .12rem
}
.emea-ntt .search-results-component.filter-wrapper .excerpt {
font-size: 2rem;
opacity: .6;
line-height: 26px
}
.emea-ntt .search-results-component .thumbnail {
width: 100%;
max-width: 517px
}
.emea-ntt .search-results-component .results .row.result .col-sm-12.col-md-7 {
padding-top: 2.4rem;
padding-left: 2.2rem
}
.emea-ntt .search-results-component .results .row:last-child > [class*='col-']:last-child .result {
margin-bottom: 4rem
}
.emea-ntt .search-results-component.board.human-blue {
background-color: #5876aa
}
.emea-ntt .board .row.animatedParent a {
display: inline-block;
width: 100%;
margin-top: 20px;
text-align: center;
text-decoration: none;
color: #111;
font-size: 1.7rem
}
@media screen and (min-width:769px) {
.emea-ntt .center-carousel-component {
padding-left: 2.8rem !important;
padding-right: 2.8rem !important;
padding-bottom: 4rem !important
}
.emea-ntt .center-carousel-component h2 {
text-align: left;
letter-spacing: .1rem;
font-family: "Noto Sans", sans-serif;
font-size: 1.8rem;
line-height: 4.8rem;
font-weight: 700
}
.emea-ntt .center-carousel-component .center-carousel .slide {
float: left;
text-align: center;
padding-left: 0;
padding-top: 2.5rem;
min-height: 300px
}
.emea-ntt .center-carousel-component .center-carousel .slide h3 {
margin-top: 0;
text-align: left;
line-height: 3rem;
margin-bottom: 2.3rem
}
.emea-ntt .center-carousel-component .center-carousel .slide h3 a {
font-size: 3rem;
line-height: 2rem;
font-family: "Noto Sans", sans-serif;
color: #fff;
font-weight: 300
}
.emea-ntt .orange-bg.center-carousel-component .center-carousel .slide h3 a, .emea-ntt .yellow-bg.center-carousel-component .center-carousel .slide h3 a {
color: #121a38
}
.emea-ntt .center-carousel-component .center-carousel .slide p {
font-size: 1.6rem;
line-height: 2.8rem;
padding: 0;
text-align: left
}
.emea-ntt .center-carousel-component a.discover_services {
display: none
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.generic-modal-component h3.hidden-xs {
margin-bottom: 4.5rem;
margin-top: 7rem
}
}
@media screen and (min-width:768px) and (max-width:1200px) {
.emea-ntt .board.light {
padding-top: 4.8rem;
padding-bottom: 4.8rem
}
.emea-ntt .board.image .content h2 {
line-height: 5rem
}
.emea-ntt footer.container-fluid {
padding-top: 4rem;
padding-bottom: 4rem
}
.emea-ntt footer.container-fluid .row ul span {
font-size: 1.3rem;
line-height: 2.1rem;
letter-spacing: .065rem
}
.emea-ntt footer.container-fluid .row ul li a {
font-size: 1.3rem;
line-height: 2.1rem;
letter-spacing: .065rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block {
min-height: 44.8rem;
height: 44.8rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block .mosaic-name {
top: 1.8rem;
left: 2rem;
color: #fff;
font-size: 11px;
letter-spacing: .118rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block .mosaic-sub-name {
top: 3.8rem;
left: 2rem;
color: #fff;
font-size: 12px;
letter-spacing: .129rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block > img {
min-height: 44.8rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block h3 {
right: 2rem;
left: 2rem;
color: #fff;
bottom: auto;
top: 25rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block .share-component {
top: 2.5rem;
right: 2rem
}
.emea-ntt .search-results-component .thumbnail {
max-height: 231px
}
.emea-ntt .search-results-component .results .row.result {
margin-bottom: 4.9rem
}
.emea-ntt .search-results-component .results .row.result .col-sm-12.col-md-7 {
padding-top: .4rem
}
.emea-ntt .filter-component.secondary ul li {
margin-right: 4.78rem
}
.emea-ntt .filter-component.secondary ul li em {
font-size: 2.4rem
}
.emea-ntt .filter-component.secondary ul li:first-child {
padding-left: 0
}
.emea-ntt .filter-component.secondary ul li:last-child {
margin-right: 0
}
.emea-ntt .filter-component.secondary ul.restrain {
margin-top: 2.5rem;
margin-bottom: 4.05rem
}
}
@media all and (max-width:768px) {
.emea-ntt .center-carousel-component a.discover_services {
position: absolute;
bottom: 25px;
display: block;
text-align: center;
left: 50%;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
color: #fff;
font-size: 1.7rem;
text-decoration: none
}
.emea-ntt .center-carousel-component .slick-dots {
bottom: 7.7rem
}
.emea-ntt .center-carousel-component .slick-prev, .emea-ntt .center-carousel-component .slick-next {
bottom: 7.7rem
}
.emea-ntt .center-carousel-component .slick-prev:hover:before, .emea-ntt .center-carousel-component .slick-prev:focus:before, .emea-ntt .center-carousel-component .slick-next:hover:before, .emea-ntt .center-carousel-component .slick-next:focus:before {
opacity: 1
}
}
@media all and (max-width:767px) {
.emea-ntt .board.light {
padding-top: 3.2rem;
padding-bottom: 3.2rem
}
.emea-ntt footer.container-fluid {
padding-top: 3rem;
padding-bottom: 3rem;
background-repeat: no-repeat;
background-position: bottom center
}
.emea-ntt footer.container-fluid .row ul span {
font-size: 1.5rem;
line-height: 2.3rem;
letter-spacing: .075rem
}
.emea-ntt footer.container-fluid .row ul li a {
font-size: 1.5rem;
line-height: 2.3rem;
letter-spacing: .075rem
}
.emea-ntt footer.container-fluid .row ul li:last-child a img {
margin-right: 0 !important
}
.emea-ntt footer.container-fluid .copy .right-side {
position: relative;
top: inherit;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
padding: 80px 0 155px 0
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block {
min-height: 44.8rem;
height: 44.8rem;
margin-bottom: 1.6rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block .mosaic-name {
top: 1.8rem;
left: 2rem;
color: #fff;
font-size: 1.1rem;
letter-spacing: .118rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block .mosaic-sub-name {
top: 3.8rem;
left: 2rem;
color: #fff;
font-size: 1.2rem;
letter-spacing: .129rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block > img {
min-height: 44.8rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block h3 {
right: 2rem;
left: 2rem;
color: #fff;
bottom: auto;
top: 25rem
}
.emea-ntt .mosaic-component.mosaic-home .mosaic-block .share-component {
top: 2.5rem;
right: 2rem
}
.emea-ntt .search-modal-component .search-toggle {
top: 3rem;
right: 1.9rem;
height: 22px
}
.emea-ntt .search-results-component h2 {
font-family: "Noto Sans", sans-serif;
font-weight: lighter;
font-size: 4rem;
letter-spacing: .1rem;
margin-bottom: 2.4rem
}
.emea-ntt .search-results-component .breadcrumbs li a {
font-size: 1.3rem;
letter-spacing: .1rem
}
.emea-ntt .search-results-component .results .result {
margin-bottom: 5rem
}
.emea-ntt .search-results-component .results .row:last-child > [class*='col-']:last-child .result {
margin-bottom: 5rem
}
.emea-ntt .search-results-component.filter-wrapper .excerpt {
font-size: 1.8rem;
letter-spacing: .12rem;
margin-bottom: 1.9rem
}
.emea-ntt .filter-component .info {
margin-top: .1rem
}
.emea-ntt .filter-component .filter-toggle {
top: 1.9rem
}
.emea-ntt .filter-component ul.restrain li a em {
font-family: "Noto Sans", sans-serif
}
.emea-ntt .filter-component.secondary ul li {
margin-bottom: 4rem
}
.emea-ntt .filter-component.secondary ul li a span {
font-size: 1.4rem;
letter-spacing: .217rem;
opacity: .5
}
.emea-ntt .filter-component.secondary ul li:first-child {
margin-top: 6rem
}
.emea-ntt .filter-component.secondary ul li.highlight a span {
opacity: 1
}
.emea-ntt .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 85%;
margin-bottom: 8.5rem
}
.emea-ntt .generic-modal-component h3, .emea-ntt .generic-modal-component .h3 {
margin-bottom: 2.7rem
}
.emea-ntt .col-md-12 h3.white {
margin-bottom: 4rem
}
}
@media screen and (max-width:374px) {
img.icon-social {
margin-right: 3rem
}
}
.homepage-slider-wrapper {
overflow: hidden;
position: relative;
z-index: 0
}
.homepage-slider-wrapper button.slick-next, .homepage-slider-wrapper button.slick-prev {
z-index: 90;
height: auto;
top: 50%
}
.homepage-slider-wrapper button.slick-next {
right: 4.8rem
}
.homepage-slider-wrapper button.slick-next:before {
content: '';
background: url(../images/arrow@2x.png) no-repeat;
width: 3rem;
height: 2rem;
background-size: contain;
display: block;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.homepage-slider-wrapper button.slick-prev {
left: 4.8rem
}
.homepage-slider-wrapper button.slick-prev:before {
content: '';
background: url(../images/arrow@2x.png) no-repeat;
width: 3rem;
height: 2rem;
background-size: contain;
display: block
}
.content-wrapper {
position: relative;
z-index: 3;
background: #fff;
overflow: hidden
}
.home-main-menu .primary-menu-toggle.top-anchored.morphed {
top: 2.5rem
}
.country-slide {
background-size: cover
}
.error-code {
padding: 62px 76px 42px;
min-height: 100vh
}
.error-code * {
font-family: "Noto Sans", sans-serif
}
.error-code .error-section {
margin-bottom: 40px
}
.error-code .error-section h1 {
font-size: 150px;
font-weight: bold;
letter-spacing: 1px;
color: #fff;
margin: 10px 0 25px
}
.error-code .error-section p {
font-size: 40px;
font-weight: 200;
line-height: 1.15;
letter-spacing: 1px;
max-width: 540px;
color: #fff
}
.error-code .error-section span {
font-size: 25px;
font-weight: 700;
line-height: 1.92;
letter-spacing: 1px;
color: #fff;
text-transform: uppercase
}
.error-code .page-links-section p {
font-size: 25px;
font-weight: 400;
line-height: 1.2;
letter-spacing: .8px;
color: #fff
}
.error-code .page-links-section ul {
list-style: none;
padding: 0
}
.error-code .page-links-section ul li a {
font-size: 25px;
font-weight: 400;
line-height: 1.32;
letter-spacing: .8px;
color: #fff
}
.p-lang-select {
overflow: hidden;
display: block;
position: fixed;
right: 0;
top: 95px;
z-index: 100;
background: #fff;
border: 1px solid #dadbde;
border-radius: 5px 0 0 5px;
box-shadow: 1px 2px 3px rgba(0, 0, 0, .16);
font-size: 0
}
.p-lang-select__text {
padding: 10px;
color: #5876aa;
font-size: 14px;
line-height: 1;
cursor: pointer
}
.p-lang-select.on .p-lang-select__text {
display: none
}
.p-lang-select__text::before {
content: '';
display: block;
background: url(/assets3/images/ico_language.png) no-repeat;
background-size: 100%;
width: 21px;
height: 21px
}
.p-lang-select__text span {
display: none
}
.p-lang-select__select {
display: none
}
.p-lang-select.on .p-lang-select__select {
display: block;
padding: 8px 0
}
.p-lang-select__select__item {
position: relative;
padding: 0 15px 0 35px;
color: #131b38;
font-size: 1.4rem;
line-height: 1.8;
cursor: pointer
}
.p-lang-select__select__item::before {
content: '';
position: absolute;
top: 5px;
left: 15px;
border: 1px solid #696b75;
border-radius: 50%;
width: 14px;
height: 14px
}
.p-lang-select__select__item:hover::before {
border-color: #3176f6
}
.p-lang-select__select__item::after {
display: none;
content: '';
position: absolute;
top: 8px;
left: 18px;
border: 1px solid #696b75;
border-radius: 50%;
width: 8px;
height: 8px
}
.p-lang-select__select__item[data-stt-active]::after {
display: block;
background: #696b75
}
.p-lang-select__select__item:hover::after {
display: block;
border-color: #3176f6;
background: #3176f6
}
@media(min-width:768px) {
.p-lang-select {
top: 185px
}
.p-lang-select__text {
padding: 15px
}
.p-lang-select__text::before {
display: none
}
.p-lang-select__text span {
display: inline-block;
writing-mode: vertical-lr;
-ms-writing-mode: tb-lr
}
}
/* Foundation（åˆæœŸåŒ–）
-----------------------*/
.board.dark.pagination-component.text-center {
display: none;
}
body {
-webkit-text-size-adjust: 100%; /* iOS横å‘ã用 */
}
.l-header, .l-footer {
color: #fff;
font-family: "Noto Sans", sans-serif, sans-serif;
font-size: 1.6rem;
line-height: 1.8;
}
.l-header a, .l-footer a {
color: inherit;
text-decoration: none;
}
.l-header a:not([href]):hover, .l-footer a:not([href]):hover {
text-decoration: none;
}
@media (min-width: 768px) {
.l-header a:hover, .l-footer a:hover {
text-decoration: underline;
}
.l-header a img, .l-footer a img {
transition: opacity 0.2s;
}
.l-header a:hover img, .l-footer a:hover img {
opacity: 0.7;
}
}
.l-header ul, .l-header ol, .l-footer ul, .l-footer ol {
margin: 0;
padding: 0;
list-style: none;
}
.l-header ul li, .l-footer ol li, .l-footer ul li, .l-footer ol li {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
/* ヘッダー
-----------------------*/
.l-header {
position: fixed;
z-index: 100;
width: 100%;
height: 70px;
transition: all 0.3s;
}
.l-header.is-bg {
top: 0;
background: #08122E;
}
.l-header.is-scroll {
background: #08122E;
}
.l-header.is-inverted.is-menu-open, .l-header.is-inverted.is-search-open {
/* background: #121a38;*/
}
.l-header.is-menu-open .l-header__inner,
.l-header.is-search-open .l-header__inner {
background: #070f26;
}
.l-header.is-inverted:not(.is-scroll):not(.is-bg) .l-header__inner {
color: #08122E;
}
.l-header.is-inverted:not(.is-scroll):not(.is-bg) .l-header__inner a {
color: #121a38;
}
.l-header__inner {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
height: 100%;
}
@media (max-width: 1023px) {
.l-header.is-open {
background: #070F26;
}
}
@media (min-width: 1024px) {
.l-header {
height: 160px;
font-size: 1.4rem;
transition: none;
}
.l-header.is-scroll {
height: 80px;
}
.l-header.is-open {
background: #08122E;
}
.l-header__inner {
padding: 40px;
height: 100%;
}
.l-header a:hover {
text-decoration: none;
}
}
.l-header__logo {
width: 120px;
font-size: 0;
}
.is-inverted:not(.is-scroll):not(.is-bg) .l-header__logo {
background: url(/global/en/-/media/assets/images/header_logo_blue_pc.svg) no-repeat left center;
background-size: cover;
transition: opacity 0.2s;
}
.is-inverted:not(.is-scroll):not(.is-bg) .l-header__logo:hover {
opacity: 0.7;
cursor: pointer;
}
.is-inverted:not(.is-scroll):not(.is-bg) .l-header__logo a img {
visibility: hidden;
}
@media (min-width: 1024px) {
.l-header__logo {
position: absolute;
left: 40px;
top: 40px;
width: auto;
}
.is-scroll .l-header__logo {
position: static;
}
}
.l-header__subnav {
margin-left: auto;
}
.l-header__subnav li:not(.l-header__ico-search) {
display: none;
}
.l-header__ico-search {
font-size: 0;
cursor: pointer;
}
.is-inverted:not(.is-scroll):not(.is-bg) .l-header__ico-search {
background: url(/global/en/-/media/assets/images/icon/smart-navy_500/search.svg) no-repeat left center;
background-size: cover;
}
.is-inverted:not(.is-scroll):not(.is-bg) .l-header__ico-search img {
opacity: 0;
}
@media (min-width: 1024px) {
.l-header__subnav {
position: absolute;
right: 40px;
top: 48px;
margin-left: auto;
}
.is-scroll .l-header__subnav {
display: none;
}
.l-header__subnav ul {
display: flex;
align-items: center;
font-size: 1.3rem;
line-height: 1;
}
.is-jp .l-header__subnav ul {
font-size: 1.1rem;
}
.l-header__subnav li {
margin-left: 40px;
}
.l-header__subnav li:not(.l-header__ico-search) {
display: block;
}
.l-header__subnav li a:hover {
text-decoration: underline;
}
}
.l-header__country {
display: none;
}
@media (min-width: 1024px) {
.l-header__country {
display: block;
position: absolute;
left: 40px;
bottom: 40px;
font-size: 1.1rem;
line-height: 1;
}
.is-scroll .l-header__country {
display: none;
}
.l-header__country a {
display: inline-flex;
align-items: center;
}
.l-header__country a:hover {
text-decoration: underline;
}
.l-header__country a::before {
content: '';
display: inline-block;
margin-right: 4px;
background: url(/global/en/-/media/assets/images/icon/white/world.svg) no-repeat;
background-size: 100%;
width: 16px;
height: 16px;
}
.is-inverted:not(.is-scroll):not(.is-bg) .l-header__country a::before {
background-image: url(/global/en/-/media/assets/images/icon/smart-navy_500/world.svg);
}
.l-header__country a span {
display: inline-flex;
align-items: center;
}
.l-header__country a span::before {
content: '';
display: inline-block;
position: relative;
top: 0px;
margin: 0 6px;
background: #fff;
width: 1px;
height: 14px;
}
.is-inverted .l-header__country a span::before {
background: #08122E;
}
}
.l-header__nav {
display: none;
}
@media (min-width: 1024px) {
.l-header__nav {
display: block;
position: absolute;
right: 40px;
bottom: 40px;
max-width: calc(100% - 240px);
}
.is-scroll .l-header__nav {
bottom: 33px;
}
.l-header__nav ul {
display: flex;
align-items: center;
font-size: 1.6rem;
line-height: 1;
}
.is-jp .l-header__nav ul {
font-size: 1.4rem;
}
.l-header__nav li {
position: relative;
margin-left: 40px;
font-weight: 700;
}
.l-header__nav li.is-open::before,
.l-header__nav li.is-current::before,
.l-header__nav li:hover::before {
content: '';
position: absolute;
left: -10px;
bottom: -40px;
background: #ffc400;
width: calc(100% + 20px);
height: 4px;
}
.is-scroll .l-header__nav li.is-open::before,
.is-scroll .l-header__nav li.is-current::before,
.is-scroll .l-header__nav li:hover::before {
bottom: -33px;
}
.l-header__nav li a::before {
content: '';
display: block;
position: absolute;
left: -10px;
right: -10px;
top: -20px;
bottom: -40px;
}
.is-scroll .l-header__nav li a::before {
bottom: -33px;
}
}
.l-header__ico-menu {
position: relative;
margin-left: 30px;
width: 20px;
height: 14px;
cursor: pointer;
}
.l-header__ico-menu span, .l-header__ico-menu span::before, .l-header__ico-menu span::after {
display: block;
position: absolute;
top: 0;
left: 0;
transition: all 0.3s;
background: #fff;
width: 100%;
height: 2px;
}
.l-header__ico-menu span {
top: 6px;
}
.l-header__ico-menu span::before {
content: "";
top: -6px;
}
.l-header__ico-menu span::after {
content: "";
top: 6px;
}
.is-inverted:not(.is-scroll):not(.is-bg) .l-header__ico-menu span, .is-inverted:not(.is-scroll):not(.is-bg) .l-header__ico-menu span::before, .is-inverted:not(.is-scroll):not(.is-bg) .l-header__ico-menu span::after {
background: #121a38
}
@media (min-width: 1024px) {
.l-header__ico-menu {
display: none;
}
}
@media (max-width: 1023px) {
.l-header__menu {
overflow: auto;
position: absolute;
left: 0;
top: 70px;
background: #070F26;
width: 100%;
height: 0;
transition: all 0.3s;
}
.is-menu-open .l-header__menu {
height: calc(100vh - 70px);
}
.l-header__menu-nav > ul {
border-bottom: 1px solid #3B486F;
font-size: 2rem;
font-weight: 700;
line-height: 1;
}
.l-header__menu-nav > ul > li {
border-top: 1px solid #3B486F;
}
.l-header__menu-nav > ul > li > a, .l-header__menu-nav > ul > li > span {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
height: 64px;
}
.l-header__menu-nav > ul > li > *::after, .l-header__menu-nav > ul > li > span::after {
content: '';
background: url(/global/en/-/media/assets/images/icon/white/plus.svg) no-repeat;
background-size: 100%;
width: 24px;
height: 24px;
}
.l-header__menu-nav > ul > li.is-open > a::after, .l-header__menu-nav > ul > li.is-open > span::after {
background: url(/global/en/-/media/assets/images/icon/white/minus.svg) no-repeat;
background-size: 100%;
}
.l-header__menu-nav li.is-no-icon > a::after, .l-header__menu-nav li.is-no-icon > span::after {
display: none;
}
.l-header__menu-nav > ul > li > ul {
display: none;
border-top: 1px solid #3B486F;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
}
.l-header__menu-nav > ul > li > ul > li:first-child {
padding-top: 10px;
}
.l-header__menu-nav > ul > li > ul > li:last-child {
padding-bottom: 10px;
}
.l-header__menu-nav > ul > li > ul > li.l-header__menu-nav__bottom_item {
margin-top: 10px;
padding-top: 11px;
position: relative;
}
.l-header__menu-nav > ul > li > ul > li.l-header__menu-nav__bottom_item::before {
content: '';
position: absolute;
top: 0;
left: 40px;
background: #3B486F;
width: calc(100% - 60px);
height: 1px;
}
.l-header__menu-nav > ul > li > ul > li > a, .l-header__menu-nav > ul > li > ul > li > span {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px 10px 40px;
}
.l-header__menu-nav > ul > li > ul > li > a::after, .l-header__menu-nav > ul > li > ul > li > span::after {
content: '';
background: url(/global/en/-/media/assets/images/icon/white/plus.svg) no-repeat;
background-size: 100%;
width: 16px;
height: 16px;
}
.l-header__menu-nav > ul > li > ul > li.is-open > a::after, .l-header__menu-nav > ul > li > ul > li.is-open > span::after {
background: url(/global/en/-/media/assets/images/icon/white/minus.svg) no-repeat;
background-size: 100%;
}
.l-header__menu-nav > ul > li > ul > li > ul {
display: none;
background: #08122E;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.5;
}
.l-header__menu-nav > ul > li > ul > li > ul > li:first-child {
padding-top: 10px;
}
.l-header__menu-nav > ul > li > ul > li > ul > li:last-child {
padding-bottom: 10px;
}
.l-header__menu-nav > ul > li > ul > li > ul > li.is-img > a {
display: flex;
}
.l-header__menu-nav > ul > li > ul > li > ul > li.is-img > a > img {
display: none;
flex: none;
margin-right: 16px;
width: 104;
}
.l-header__menu-nav > ul > li > ul > li > ul > li > a, .l-header__menu-nav > ul > li > ul > li > ul > li > span {
display: block;
padding: 10px 20px 10px 60px;
}
.l-header__menu-nav > ul > li > ul > li > ul > li > ul {
color: #6785C1;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.17;
}
.l-header__menu-nav > ul > li > ul > li > ul > li > ul > li > a, .l-header__menu-nav > ul > li > ul > li > ul > li > ul > li > span {
display: block;
padding: 10px 20px 10px 80px;
}
.l-header__menu-subnav {
margin-top: 40px;
}
.l-header__menu-subnav ul {
padding: 0 20px;
font-size: 1.4rem;
line-height: 1;
}
.l-header__menu-subnav ul li a {
display: inline-block;
padding: 10px 0;
}
.l-header__menu-country {
margin-top: 40px;
padding: 0 20px 100px;
font-size: 1.1rem;
line-height: 1;
}
.l-header__menu-country a {
display: inline-flex;
align-items: center;
}
.l-header__menu-country a::before {
content: '';
display: inline-block;
margin-right: 4px;
background: url(/global/en/-/media/assets/images/icon/white/world.svg) no-repeat;
background-size: 100%;
width: 16px;
height: 16px;
}
.l-header__menu-country a span {
display: inline-flex;
align-items: center;
}
.l-header__menu-country a span::before {
content: '';
display: inline-block;
position: relative;
top: 0px;
margin: 0 6px;
background: #fff;
width: 1px;
height: 14px;
}
}
@media (min-width: 1024px) {
.l-header__menu {
overflow: auto;
position: absolute;
left: 0;
top: 160px;
width: 100%;
max-height: calc(100vh - 160px);
}
.is-scroll .l-header__menu {
top: 80px;
max-height: calc(100vh - 80px);
}
.l-header__menu-nav > ul {
padding: 0 8% 0;
background: #070F26;
}
.l-header__menu-nav > ul > li {
display: none;
padding: 48px 0 64px;
}
.l-header__menu-nav > ul > li.is-open {
display: block;
}
.l-header__menu-nav > ul > li > a, .l-header__menu-nav > ul > li > span {
display: inline-flex;
align-items: center;
font-size: 3.2rem;
line-height: 1;
}
.l-header__menu-nav > ul > li > a::after, .l-header__menu-nav > ul > li > span::after {
content: '';
position: relative;
right: 0;
background: url(/global/en/-/media/assets/images/icon/white/arrow_right.svg) no-repeat;
background-size: 100%;
margin-left: 25px;
width: 24px;
height: 24px;
transition: all 0.2s;
}
.l-header__menu-nav > ul > li > a:hover::after, .l-header__menu-nav > ul > li > span:hover::after {
right: -5px;
}
.l-header__menu-nav > ul > li > ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 6px;
font-size: 2rem;
line-height: 1.3;
}
.l-header__menu-nav > ul > li > ul::after {
content: '';
width: calc((100% - (2 * 50px)) / 3);
}
.l-header__menu-nav > ul > li > ul.is-4column::before, .l-header__menu-nav > ul > li > ul.is-4column::after {
content: '';
width: calc((100% - (3 * 48px)) / 4);
order: 1;
}
.l-header__menu-nav > ul > li > ul > li {
margin-top: 40px;
width: calc((100% - (2 * 48px)) / 3);
}
.l-header__menu-nav > ul > li > ul.is-4column > li {
width: calc((100% - (3 * 48px)) / 4);
}
.l-header__menu-nav > ul > li.is-services-style > ul > li {
width: calc((100% - (3 * 50px)) / 4);
}
.l-header__menu-nav > ul > li.is-services-style > ul::before, .l-header__menu-nav > ul > li.is-services-style > ul::after {
content: '';
width: calc((100% - (3 * 50px)) / 4);
order: 1;
}
.l-header__menu-nav > ul > li.is-services-style > ul > li:nth-child(2) {
width: calc(((100% - (3 * 50px)) / 4) * 2 + 50px);
}
.l-header__menu-nav > ul > li > ul > li.l-header__menu-nav__bottom_item {
order: 1;
padding-top: 41px;
position: relative;
width: 100%;
}
.l-header__menu-nav > ul > li > ul > li.l-header__menu-nav__bottom_item::before {
content: '';
position: absolute;
top: 0;
left: 0px;
background: #3B486F;
width: calc(100%);
height: 1px;
}
.l-header__menu-nav > ul > li > ul > li a:hover {
text-decoration: underline;
}
.l-header__menu-nav > ul > li > ul > li > ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
color: #fff;
font-size: 1.4rem;
line-height: 1.3;
}
.l-header__menu-nav > ul > li > ul > li > ul > li {
margin-top: 15px;
width: 100%;
}
.l-header__menu-nav > ul > li > ul > li > ul > li.is-img > a {
display: flex;
}
.l-header__menu-nav > ul > li > ul > li > ul > li.is-img > a > img {
flex: none;
margin-right: 16px;
width: 104;
}
.l-header__menu-nav > ul > li.is-services-style > ul > li:nth-child(2) > ul {
display: block;
margin-top: 0;
}
.l-header__menu-nav > ul > li.is-services-style > ul > li:nth-child(2) > ul > li {
float: left;
margin-top: 35px;
width: calc((100% - (1 * 50px)) / 2);
color: #fff;
font-size: 1.4rem;
}
.l-header__menu-nav > ul > li.is-services-style > ul > li:nth-child(2) > ul > li:nth-child(odd), .l-header__menu-nav > ul > li.is-services-style > ul > li:nth-child(2) > ul > li:last-child {
margin-left: 50px;
}
.l-header__menu-nav > ul > li > ul > li > ul > li > ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 10px;
color: #6785C1;
font-size: 1.2rem;
line-height: 1;
}
.l-header__menu-nav > ul > li > ul > li > ul > li > ul > li {
margin-top: 15px;
width: 100%;
}
.l-header__menu-subnav {
display: none;
}
.l-header__menu-country {
display: none;
}
}
@media (min-width: 1921px) {
.l-header__menu-nav > ul {
padding: 0 8% 0;
padding: 0 calc((100% - 1600px) / 2);
background: #070F26;
}
}
/* サイト内検索 */
.l-header__search {
display: none;
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100vh;
background: rgba(7, 15, 38, 0.75);
z-index: 2;
}
.is-search-open .l-header__search {
display: block;
}
.l-header__search__inner {
padding: 14px 16px;
background: #070f26;
}
@media (min-width: 1360px) {
.l-header__search {
left: 0;
}
.l-header__search__inner {
padding: 16px 8px;
}
}
@media (max-width: 453px) {
.l-header__search__inner {
padding: 17px 16px;
}
}
.l-header__search-form {
position: relative;
}
/* 入力欄 */
.l-header__search-form__input {
border: none;
padding: 8px 52px;
background: #fff;
width: 100%;
color: #070f26;
font-size: 2rem;
line-height: 1.3;
border-radius: 40px;
outline: none;
}
@media (min-width: 1250px) {
.l-header__search-form__input {
padding: 20px 52px;
}
}
.l-header__search-form__input::placeholder {
color: #515767;
}
.l-header__search-form__input:-ms-input-placeholder {
color: #515767;
}
@media (max-width: 453px) {
.l-header__search-form__input {
padding: 8px 42px;
font-size: 1.6rem;
}
.l-header__search-form__input::placeholder {
font-size: 1.6rem;
}
.l-header__search-form__input:-ms-input-placeholder {
font-size: 1.6rem;
}
}
/* 検索・削除ボタン */
.l-header__search-form__button,
.l-header__search-form__close {
position: absolute;
border: none;
top: 50%;
background: none;
padding: 0;
font-size: 2rem;
width: 20px;
height: 20px;
transform: translateY(-50%);
cursor: pointer;
z-index: 1;
}
.l-header__search-form__button {
left: 24px;
}
.l-header__search-form__close {
right: 24px;
display: none;
}
.l-header__search-form__button i,
.l-header__search-form__close i {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.l-header__search-form__button i {
left: 0;
color: #0072bc;
}
.l-header__search-form__close i {
right: 0;
color: #515767;
}
@media (max-width: 453px) {
.l-header__search-form__button {
left: 16px;
}
.l-header__search-form__close {
right: 16px;
}
}
/* サジェスト */
.l-header__search-form__select {
display: none;
width: 100%;
background: #fff;
padding: 12px;
margin: 8px auto 0;
}
@media (min-width: 1250px) {
.l-header__search-form__select {
top: 99px;
left: 8px;
}
}
.l-header__search-form__select.is-show {
display: block;
}
.l-header__search-form__select .l-header__search-form__suggestions {
color: #2e404d;
line-height: 1.5;
}
.l-header__search-form__select .l-header__search-form__suggestions a {
display: block;
padding: 8px 16px;
font-size: 1.6rem;
background: #fff;
}
@media (max-width: 375px) {
.l-header__search-form__select .l-header__search-form__suggestions a {
padding: 4px 8px;
}
}
.l-header__search-form__select .l-header__search-form__suggestions a:hover {
background: #e8e8e8;
color:#0072bc;
text-decoration: none;
}
.l-header__search-form__select .l-header__search-form__suggestions a:focus-visible {
outline: 1px solid #000 !important;
}
/* Additional support for group companies Header */
.l-header__subnav ul a.c-btn-text-external,
.l-header__menu-subnav ul li a.c-btn-text-external {
color: inherit;
font-weight: inherit;
}
@media (min-width: 768px) {
.l-header__menu-subnav ul li a.c-btn-text-external {
font-size: 1.4rem;
display: block;
}
}
.is-inverted .l-header__subnav ul a.c-btn-text-external::after,
.is-inverted .l-header__menu-subnav ul li a::after {
background: url(/global/en/-/media/assets/images/icon/smart-navy_500/smart-navy_500_external_link.svg) no-repeat;
background-size: 100%;
}
@media (max-width: 767px) {
.l-header__menu-subnav ul li a::after {
display: inline-block;
top: 2px;
}
}
.l-header__nav ul li a,
.l-header__nav ul li span {
display: inline-flex;
align-items: center;
background: none;
line-height: 1;
cursor: pointer;
}
.l-header__nav a.c-btn-text-external,
.l-header__nav ul li span.c-btn-text-external {
color: inherit;
font-size: inherit;
}
.l-header__nav ul li span:after,
.l-header__nav a.c-btn-text-external:after,
.is-inverted.is-scroll .l-header__nav ul li span:after,
.is-inverted.is-scroll .l-header__nav a.c-btn-text-external:after {
content: '';
flex: none;
position: relative;
left: 0;
top: -1px;
margin-left: 8px;
width: 16px;
height: 16px;
background: url(/global/en/-/media/assets/images/icon/white/arrow_s_bottom.svg) no-repeat;
background-size: 100%;
}
.is-inverted .l-header__nav ul li span:after {
background: url(/global/en/-/media/assets/images/icon/smart-navy_500/smart-navy_500_arrow_s_bottom.svg) no-repeat;
background-size: 100%;
}
.l-header__subnav a.c-btn-text-external::after,
.is-inverted.is-scroll .l-header__subnav a.c-btn-text-external::after {
background: url(/global/en/-/media/assets/images/icon/white/external_link.svg) no-repeat;
background-size: 100%;
width: 13px;
height: 13px;
}
.l-header__nav ul li span.c-btn-text-external::after,
.l-header__nav ul li a.c-btn-text-external::after,
.l-header__nav a.c-btn-text-external::after,
.l-header__menu-nav s.c-btn-text-external::after,
.l-header__menu-subnav a.c-btn-text-external::after,
.is-inverted.is-scroll .l-header__nav ul li span.c-btn-text-external::after,
.is-inverted.is-scroll .l-header__nav ul li a.c-btn-text-external::after,
.is-inverted.is-scroll .l-header__nav a.c-btn-text-external::after,
.is-inverted.is-scroll .l-header__menu-nav s.c-btn-text-external::after,
.is-inverted.is-scroll .l-header__menu-subnav a.c-btn-text-external::after {
background: url(/global/en/-/media/assets/images/icon/white/external_link.svg) no-repeat;
background-size: 100%;
width: 16px;
height: 16px;
}
.is-inverted .l-header__subnav a.c-btn-text-external::after,
.is-inverted .l-header__nav ul li span.c-btn-text-external::after,
.is-inverted .l-header__nav ul li a.c-btn-text-external::after,
.is-inverted .l-header__nav a.c-btn-text-external::after,
.is-inverted .l-header__menu-nav s.c-btn-text-external::after,
.is-inverted .l-header__menu-subnav a.c-btn-text-external::after {
background: url(/global/en/-/media/assets/images/icon/smart-navy_500/smart-navy_500_external_link.svg) no-repeat;
background-size: 100%;
width: 16px;
height: 16px;
}
.l-header__subnav a.c-btn-text-external::after,
.is-inverted.is-scroll .l-header__subnav a.c-btn-text-external::after {
content: '';
display: inline-block;
background: url(/global/en/-/media/assets/images/icon/white/external_link.svg) no-repeat;
background-size: 100%;
width: 13px;
height: 13px;
flex: none;
position: relative;
left: 0;
top: 1.5px;
margin-left: 8px;
}
.l-header__menu-nav ul li a.c-btn-text-external {
color: inherit;
font-size: inherit;
font-weight: inherit;
display: inline-flex;
align-items: center;
background: none;
line-height: 1;
cursor: pointer;
}
.l-header__menu-nav ul li a.c-btn-text-external::after {
content: '';
display: inline-block;
background: url(/global/en/-/media/assets/images/icon/white/external_link.svg) no-repeat;
background-size: 100%;
width: 16px;
height: 16px;
flex: none;
position: relative;
left: 0;
top: -1px;
margin-left: 8px;
}
@media (max-width: 767px) {
.l-header__logo picture {
margin-left: 10px;
}
}
@media (min-width: 768px) {
.l-header__logo picture {
margin-left: 15px;
}
}
.l-header__logo a {
display: flex;
align-items: center;
}
/* フッター
-----------------------*/
.l-footer {
position: relative;
margin-top: auto;
}
.l-footer__page-top {
overflow: hidden;
position: fixed;
z-index: 10;
right: 0;
bottom: 0;
width: 70px;
height: 70px;
color: #fff;
}
@media (min-width: 768px) and (max-width: 1023px) {
.l-footer__page-top.is-bottom {
position: absolute;
bottom: auto;
top: -70px;
}
}
.l-footer__page-top .l-footer__page-top-button {
background-color: transparent;
border: none;
cursor: pointer;
padding: 0;
appearance: none;
}
.l-footer__page-top a,
.l-footer__page-top .l-footer__page-top-button {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
position: fixed;
right: -70px;
bottom: 0;
background: #0072bc;
color: #fff;
font-size: 1.4rem;
line-height: 1;
text-decoration: none;
transition: right 0.4s, background 0.2s;
overflow: hidden;
z-index: 10;
}
.l-footer__page-top a:hover,
.l-footer__page-top .l-footer__page-top-button:hover {
background: #005b96;
text-decoration: none;
}
.l-footer__page-top.is-scroll a,
.l-footer__page-top.is-scroll .l-footer__page-top-button {
right: 0;
}
.l-footer__page-top a::before,
.l-footer__page-top .l-footer__page-top-button::before {
content: '';
margin-bottom: 5px;
background: url(/global/en/-/media/assets/images/icon/white/arrow_s_top.svg) no-repeat;
background-size: 100%;
width: 16px;
height: 16px;
}
.l-footer__breadcrumb {
border-top: 1px solid #2e404d;
border-bottom: 1px solid #2e404d;
background: #070f26;
}
.l-footer__breadcrumb__inner {
padding: 20px;
}
.l-footer__breadcrumb__nav {
display: flex;
align-items: center;
color: #949494;
font-size: 1.1rem;
line-height: 1;
}
.l-footer__breadcrumb__nav li:not(:first-child)::before {
content: '';
display: inline-block;
position: relative;
top: 1px;
margin: 0 10px;
background: url(/global/en/-/media/assets/images/icon/grey_50/arrow_s_right.svg) no-repeat;
background-size: 100%;
width: 12px;
height: 12px;
}
@media (min-width: 768px) {
.l-footer__breadcrumb__inner {
padding: 30px 40px;
}
}
@media (min-width: 1024px) {
.l-footer__breadcrumb__inner {
padding: 30px 8%;
}
}
@media (min-width: 1445px) {
.l-footer__breadcrumb__inner {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
width: 1200px;
}
}
.l-footer__upper {
position: relative;
background: #070f26;
}
.l-footer__upper__inner {
padding: 60px 20px 40px;
}
@media (min-width: 768px) {
.l-footer__upper__inner {
padding: 80px 40px;
}
}
@media (min-width: 1024px) {
.l-footer__upper__inner {
padding: 80px 8%;
}
}
@media (min-width: 1445px) {
.l-footer__upper__inner {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
width: 1200px;
}
}
.l-footer__upper__page-top {
display: none;
}
@media (min-width: 768px) {
.l-footer__upper__page-top {
display: none;
position: absolute;
right: 20px;
top: 115px;
font-size: 1.1rem;
line-height: 1;
transform: rotate(-90deg);
transform-origin: right;
}
.l-footer__upper__page-top::before {
content: '';
position: absolute;
top: 5px;
right: -71px;
background: #fff;
width: 64px;
height: 1px;
animation: pageTopPromotion 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
}
@keyframes pageTopPromotion {
0% {
transform: scale(0, 1);
transform-origin: 0 0
}
50% {
transform: scale(1, 1);
transform-origin: 0 0
}
50.1% {
transform: scale(1, 1);
transform-origin: 100% 0
}
100% {
transform: scale(0, 1);
transform-origin: 100% 0
}
}
@media (min-width: 1024px) {
.l-footer__upper__page-top {
display: block;
right: 45px;
}
}
.l-footer__upper__logo {
width: 120px;
font-size: 0;
}
.l-footer__upper__logo img {
width: auto;
}
@media (min-width: 768px) {
.l-footer__upper__logo {
width: auto;
}
}
.l-footer__upper__country {
margin-top: 24px;
font-size: 1.1rem;
line-height: 1;
}
.l-footer__upper__country a {
display: inline-flex;
align-items: center;
}
.l-footer__upper__country__img {
width: 23px;
margin-right: 6px;
}
.l-footer__upper__nav {
margin-top: 40px;
}
.l-footer__upper__nav > ul {
font-size: 1.6rem;
line-height: 1.2;
}
.l-footer__upper__nav > ul > li {
font-weight: 700;
line-height: 1.5;
}
.l-footer__upper__nav > ul > li:not(:first-child) {
margin-top: 24px;
}
.l-footer__upper__nav > ul > li > a, .l-footer__upper__nav > ul > li > span {
display: inline-block;
margin-bottom: 3px;
}
.l-footer__upper__nav > ul > li > ul {
font-size: 1.4rem;
font-weight: 400;
line-height: 1.5;
}
.l-footer__upper__nav > ul > li > ul > li {
margin-top: 8px;
}
@media (min-width: 768px) {
.l-footer__upper__nav > ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: -32px;
}
.l-footer__upper__nav > ul > li {
margin-top: 32px !important;
width: calc((100% - (3 * 32px)) / 4);
}
.l-footer__upper__nav > ul::before, .l-footer__upper__nav > ul::after {
content: '';
width: calc((100% - (3 * 32px)) / 4);
order: 1;
}
.l-footer__upper__nav > ul > li:nth-child(n+5) {}
.l-footer__upper__nav.is-5column > ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.l-footer__upper__nav.is-5column > ul > li {
margin-right: 32px;
width: calc((100% - (4 * 32px)) / 5);
}
.l-footer__upper__nav.is-5column > ul::before, .l-footer__upper__nav.is-5column > ul::after {
content: none;
}
.l-footer__upper__nav > ul > li:nth-child(5n) {
margin-right: 0;
}
}
.l-footer__lower {
position: relative;
background: #070F26;
}
.l-footer__lower__inner {
display: flex;
flex-wrap: wrap;
padding: 40px 20px;
}
@media (min-width: 768px) {
.l-footer__lower__inner {
align-items: center;
margin-top: -20px;
padding: 40px 40px;
}
}
@media (max-width:767px) {
.l-footer__lower__inner {
flex-direction: column;
}
}
@media (min-width: 1024px) {
.l-footer__lower__inner {
padding: 40px 8%;
}
}
@media (min-width: 1445px) {
.l-footer__lower__inner {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
width: 1200px;
}
}
.l-footer__lower__sns {
display: flex;
align-items: center;
font-size: 0;
margin-top: 40px !important;
}
.l-footer__lower__sns > li:not(:first-child) {
margin-left: 25px;
}
@media (min-width: 768px) {
.l-footer__lower__sns {
margin-top: 24px !important;
}
}
.l-footer__lower__nav > ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
color: #949494;
font-size: 1.2rem;
line-height: 1.1;
}
.l-footer__lower__nav > ul > li {
width: calc((100% - 20px) / 2);
}
.l-footer__lower__nav > ul > li:nth-child(n+3) {
margin-top: 20px;
}
.l-footer__lower__nav > ul > li:nth-child(even) {
margin-left: 20px;
}
@media (min-width: 768px) {
.l-footer__lower__nav {
margin-top: 0;
width: 100%;
}
.l-footer__lower__nav > ul {
justify-content: flex-start;
font-size: 1.1rem;
line-height: 1.5;
}
.l-footer__lower__nav > ul > li {
width: auto;
margin-top: 16px;
margin-right: 24px;
}
.l-footer__lower__nav > ul > li:nth-child(n+3) {
margin-top: 16px;
}
.l-footer__lower__nav > ul > li:nth-child(even) {
margin-left: 0;
}
}
.l-footer__lower__copyright {
order: 3;
margin-top: 40px;
color: #949494;
font-size: 1.2rem;
line-height: 1.1;
}
@media (min-width: 768px) {
.l-footer__lower__copyright {
margin-top: 20px;
margin-left: auto;
padding-left: 30px;
}
}
/* Additional support for group companies footer */
.l-footer__upper__nav .c-btn-text-external,
.l-footer__upper__nav .c-btn-text-external:hover {
color: #fff;
font-weight: 500;
}
.l-footer__upper__nav .c-btn-text-external::after,
.l-footer__upper__nav .c-btn-text-external:hover:after {
content: '';
flex: none;
position: relative;
left: 0;
margin-left: 8px;
background: url(/global/en/-/media/assets/images/icon/white/external_link.svg) no-repeat;
background-size: 100%;
font-weight: 500;
}
.l-footer__upper__nav ul>li>a.c-btn-text-external {
font-size: inherit;
font-weight: inherit;
}
.l-footer__upper__nav ul>li>a.c-btn-text-external::after {
display: inline-block;
width: 16px;
height: 16px;
top: 1.5px;
}
.l-footer__upper__nav ul>li>ul>li>a.c-btn-text-external::after {
display: inline-block;
width: 14px;
height: 14px;
top: 2px;
}
.l-footer__lower__nav a.c-btn-text-external::after,
.l-footer__lower__nav a.c-btn-text-external:hover::after {
content: '';
flex: none;
position: relative;
left: 0;
margin-left: 8px;
background: url(/global/en/-/media/assets/images/icon/white/external_link.svg) no-repeat;
background-size: 100%;
font-weight: 500;
}
.l-footer__lower__nav ul>li>a.c-btn-text-external::after {
display: inline-block;
width: 18px;
height: 18px;
top: 6px;
}
.c-breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: baseline;
margin-top: -8px;
font-size: 1.1rem;
line-height: 1;
}
.c-breadcrumb > li {
margin-top: 8px;
}
.c-breadcrumb > li:not(:last-child)::after {
content: '';
display: inline-block;
position: relative;
top: 2px;
margin: 0 8px;
background: url(/global/en/-/media/assets/images/icon/grey_100/arrow_s_right.svg) no-repeat center center;
background-size: 100%;
width: 12px;
height: 12px;
}
.c-breadcrumb > li a {
color: #949494;
}
.c-bg-white .c-breadcrumb > li:not(:last-child)::after {
background: url(/global/en/-/media/assets/images/icon/text-grey/arrow_s_right.svg) no-repeat center center;
background-size: 100%;
}
.c-bg-white .c-breadcrumb > li a {
color: #2e404d;
}
.u-visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important
}
.u-fw-bold {
font-weight: 700 !important;
}
/*========================================
Global Action
US資æå–ã‚Šè¾¼ã¿ä¿®æ£ç”¨
==========================================*/
/* RegionalCountrySelector */
@media (min-width: 768px) {
.is-country-selector-open.l-wrapper {
position: relative;
}
.is-country-selector-open.l-wrapper::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(7, 15, 38, 0.75);
z-index: 101;
}
}
.country-selector-modal {
display: none;
position: fixed;
z-index: 110;
}
.is-country-selector-open .country-selector-modal {
display: block;
opacity: 1;
right: 10px;
left: auto;
bottom: auto;
padding-right: 0!important;
}
.is-country-selector-open .modal.fade .modal-dialog {
transform: none;
width: auto;
margin: 0;
}
.is-country-selector-open .modal .modal-dialog .modal-content {
border-radius: 0.375rem;
}
.is-country-selector-open .country-selector-modal .container-fluid {
padding: 0;
}
#closeHeader_CountrySelector img {
cursor: pointer;
}
.new_countrySelect-notAvailable {
width: 100%;
}
.new_countrySelect-notAvailable button img {
vertical-align: middle;
margin-left: 10px;
}
.new_countrySelect-suggestArea {
width: calc(100% - 5px);
padding-bottom: 24px;
scrollbar-width: 12px;
scrollbar-color: rgba(255, 255, 255, 0.60);
}
.new_countrySelect-suggestArea::-webkit-scrollbar {
background: #070f26;
width: 12px;
}
.new_countrySelect-suggestArea::-webkit-scrollbar-thumb {
border-radius: 6px;
background: rgba(255, 255, 255, 0.60);
}
.new_countrySelect-suggestArea-cntr a,
.new_countrySelect-currentCountry-cntr a {
display: flex;
align-items: center;
height: 65px;
}
.new_countrySelect-suggestArea-cntr a img:last-child,
.new_countrySelect-currentCountry-cntr a img:last-child {
margin: 0 0 0 auto;
height: 20px;
}
.new_countrySelect-suggestArea-cntr a span,
.new_countrySelect-currentCountry-cntr a span {
line-height: 1;
}
.new_countrySelect-suggestArea-cntr a.active,
.new_countrySelect-suggestArea-cntr a.active:hover {
border-radius: 0.375rem;
border: 1px solid #fff;
background: #2e404d;
}
.new_countrySelector_Inputcntr button {
right: 24px;
}
.new_countrySelector_Inputcntr span img {
width: 100%;
}
@media (min-width:768px) {
.country-selector-modal {
top: 2vh;
overflow-y: visible !important;
}
}
.new_countrySelect-container {
position: relative;
line-height: 1.8;
}
#display_title_CountrySelector {
font-family: "Noto Serif", serif;
}
#closeHeader_CountrySelector img {
vertical-align: baseline;
}
@media (max-width: 767px) {
.is-country-selector-open .country-selector-modal {
top: 0;
left: 0;
right: auto;
width: 100%;
height: 100vh;
}
.country-selector-modal .modal-content {
border: none;
box-shadow: none;
}
.new_countrySelect-container {
height: 100vh;
}
}
.country-selector-modal .geoip-credit {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(transparent 1%, rgba(7, 15, 38, 1) 20%);
padding: 16px 25px 8px;
font-size: 1rem;
line-height: 1.2;
color: rgba(255, 255, 255, 0.60);
text-align: right;
border-radius: 0.375rem;
}