* { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: none; padding: 0 } :after, :before { -webkit-box-sizing: inherit; box-sizing: inherit } :active, :focus, :hover { outline: none } body, html { min-height: 100%; position: relative; width: 100% } img { max-width: 100% } a { color: inherit; text-decoration: none } body { /*background-color: #f2f2f2;*/ color: #003d6e; font-family: arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.6; overflow-x: hidden; position: relative; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100% } html.mobile-nav, html.mobile-nav body { height: 100%; overflow-y: hidden; width: 100% } body.no-scroll { overflow: hidden; position: fixed } b, h1, h2, h3, h4, h5, h6, strong { font-weight: 600 } hr { background-color: #6c798f; margin: 20px 0; opacity: .2 } .curpointer { cursor: pointer ; } .align-center { text-align: center } .align-right.align-right { text-align: right } .c-marine-blue { color: #003d6e } .c-opten-blue { color: #0060ae } .c-azure { color: #008afa } .c-silver { color: #d7dade } .c-blue-grey.c-blue-grey { color: #7389a1 } .c-opten-red { color: #ed1c24 } .c-booger { color: #8bc34a } .c-dull-yellow { color: #d4e157 } .c-orange-yellow { color: #fbc02d } .c-bright-orange { color: #ff6d00 } .c-pale-grey { color: #e2e4e9 } .c-green { color: #558b2f } .c-pale-blue { color: rgba(0, 138, 250, .4) } .c-icon-light { color: #cdd9e3 } .fs-xxl { font-size: 20px; line-height: 1.2 } .fs-xl { font-size: 20px; line-height: 1.3 } .fs-xls { font-size: 20px; line-height: 1.5 } .fs-lg { font-size: 18px; line-height: 1.2 } .fs-xs { font-size: 14px; line-height: 1.5 } .fs-xs-12 { font-size: 12px } .fs-xs-14 { font-size: 14px } .fs-xs-16 { font-size: 16px } .fs-xs-18 { font-size: 18px } .fs-xs-20 { font-size: 20px } .fs-xs-24 { font-size: 24px } .fw-regular { font-weight: 400 } .fw-medium { font-weight: 500 } .ms-xs-1 { margin-bottom: 1px } .ms-xs-5 { margin-bottom: 5px } .ms-xs-10 { margin-bottom: 10px } .ms-xs-15 { margin-bottom: 15px } .ms-xs-20 { margin-bottom: 20px } .ms-xs-25 { margin-bottom: 25px } .ms-xs-30 { margin-bottom: 30px } .ms-xs-40 { margin-bottom: 40px } .ms-xs-45 { margin-bottom: 45px } .msie .object-fit-fallback img { bottom: -9999px; display: block; height: auto; left: -9999px; margin: auto; min-height: 100%; min-width: 100%; position: absolute; right: -9999px; top: -9999px } .button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; cursor: pointer; font-family: inherit; font-size: inherit; text-decoration: none; -webkit-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s } .button.button.button[disabled] { cursor: default; opacity: .5 } .button.button--hero { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #008afa; border-radius: 4px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 600; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 30px; text-align: center; text-transform: uppercase } .button.button--hero:active:not([disabled]), .button.button--hero:hover:not([disabled]) { background-color: #0060ae } .button.button--primary { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #008afa; border-radius: 4px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 600; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 30px; text-transform: uppercase } .button.button--primary:active:not([disabled]), .button.button--primary:hover:not([disabled]) { background-color: #0060ae } .button.button--secondary { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #008afa; border-radius: 4px; color: #008afa; font-size: 16px; font-weight: 600; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 30px; text-transform: uppercase } .button.button--secondary:active:not([disabled]), .button.button--secondary:hover:not([disabled]) { background-color: #0060ae; color: #fff } .button.button--primary.inactive { opacity: .4; pointer-events: none } .button.button--ghost { color: #008afa; font-size: 16px; font-weight: 500; height: 40px; padding: 0 30px } .button.button--ghost:active:not([disabled]), .button.button--ghost:hover:not([disabled]) { color: #0060ae } .button.button--inline-primary { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #008afa; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; font-weight: 600; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px; text-transform: uppercase } .button.button--inline-primary:active:not([disabled]), .button.button--inline-primary:hover:not([disabled]) { background-color: #0060ae } .button.button--inline-secondary { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; color: #008afa; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; font-weight: 600; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px; text-transform: uppercase } .button.button--inline-secondary:active:not([disabled]), .button.button--inline-secondary:hover:not([disabled]) { background-color: #0060ae; color: #fff } .button.button--danger { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 600; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 30px; text-transform: uppercase } .button.button--danger, .button.button--danger:active:not([disabled]), .button.button--danger:hover:not([disabled]) { background-color: #ed1c24 } .checkbox { cursor: pointer; display: inline-block; padding: 0 0 10px 30px; position: relative } .checkbox__input { display: none } .checkbox__button { background-color: #fff; border: 1px solid #d7dade; border-radius: 4px; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); display: block; height: 20px; left: 0; position: absolute; top: 0; -webkit-transition: background-color .3s, border-color .3s, -webkit-box-shadow .3s; transition: background-color .3s, border-color .3s, -webkit-box-shadow .3s; transition: background-color .3s, box-shadow .3s, border-color .3s; transition: background-color .3s, box-shadow .3s, border-color .3s, -webkit-box-shadow .3s; width: 20px } .checkbox__input:checked+.checkbox__button { background-color: #008afa; background-image: url(/assets/images/checkbox.svg); background-position: 50%; background-repeat: no-repeat; border: 1px solid #008afa; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1) } .checkbox__label { color: #003d6e; display: block; font-size: 14px; font-weight: 500 } .checkbox__input:checked+.checkbox__button+.checkbox__label { color: #008afa } .company-status { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1 } .company-status__icon { height: 22px; margin: 0 5px 0 0; width: 22px } .company-status__icon.company-status__icon--small { height: 16px; width: 16px } .container { padding: 0 10px; position: relative; width: 100% } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .row.row--guttered { margin-left: -5px; margin-right: -5px } .row--v-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .col { padding-left: 5px; padding-right: 5px } .col.col--indent-bottom { margin-bottom: 25px } .input { background-color: #fff; border: 1px solid #d3d7dd; border-radius: 4px; font-family: inherit; font-size: 16px; height: 40px; padding: 0 15px; -webkit-transition: background-color .3s, border .3s; transition: background-color .3s, border .3s; width: 100% } .input:active, .input:focus { border-color: #008afa } .input:disabled, .input:disabled:active { background-color: #f2f2f2; border-color: #d3d7dd; cursor: not-allowed } .input::-webkit-input-placeholder { color: #7389a1; font-family: inherit } .input:-ms-input-placeholder { color: #7389a1; font-family: inherit } .input::-ms-input-placeholder { color: #7389a1; font-family: inherit } .input::placeholder { color: #7389a1; font-family: inherit } .input.input--error { border-color: #ed1c24 } .label { color: #003d6e; display: block; font-size: 14px; font-weight: 500; margin: 0 0 5px } .label.label--large { font-size: 16px; font-weight: 600 } .label.label--error { color: #ed1c24 } .link-download { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #008afa; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .link-download__icon { background-color: #fff; border: 1px solid #008afa; border-radius: 4px; height: 40px; margin-left: 10px; padding: 8px; text-align: center; -webkit-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s; width: 40px } .link-download:hover .link-download__icon { background-color: #008afa; color: #fff } .link-download__icon svg { height: 100%; width: 100% } .link-icon { display: inline-block; height: 20px; margin: 0 4px; vertical-align: sub; width: 20px } .link-icon--left { margin: 0 10px 0 0 } .link-icon svg { height: 20px; width: 20px } .link { color: #008afa; display: inline-block; text-decoration: none } .link:hover { text-decoration: underline } .list-ordered { list-style: none } .list-ordered__item { padding: 0 0 0 40px; position: relative } .list-ordered__item+.list-ordered__item { margin: 20px 0 0 } .list-ordered__item:before { color: #7389a1; content: attr(data-index); font-size: 14px; left: 0; position: absolute; top: 0 } .list-status { list-style: none } .list-status__item { padding: 0 0 0 35px; position: relative } .list-status__item+.list-status__item { margin: 20px 0 0 } .list-status__item:before { border-radius: 100%; content: ""; display: block; height: 30px; left: 0; position: absolute; top: 0; width: 30px } .list-status__item--green:before { background-color: #8bc34a; background-image: url(/assets/images/icon-checkbox-white.svg); background-position: 50%; background-repeat: no-repeat } .list-status__item--red:before { background-color: #ed1c24; background-image: url(/assets/images/icon-negative-white.svg); background-position: 50%; background-repeat: no-repeat } .list-status__item--gray:before { background-color: #d3d7dd } .list { margin: 0 0 20px; padding: 0 0 0 20px } .list-arrow { list-style: none } .list-arrow__item { background: url(../images/icon-arrow-forward.svg) no-repeat; background-position: 0 6px; background-size: 12px 14px; padding: 0 0 0 20px; position: relative; list-style: none; } .list-bulletpoint__item { background: url(../images/bulletpoint.svg) no-repeat; background-position: 0 6px; background-size: 12px 14px; padding: 0 0 0 20px; position: relative; list-style: none; } .modal { background-color: rgba(0, 0, 0, .7); bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .3s, -webkit-transform .3s .5s; transition: all .3s, -webkit-transform .3s .5s; transition: all .3s, transform .3s .5s; transition: all .3s, transform .3s .5s, -webkit-transform .3s .5s; z-index: 500 } .modal.opened { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .modal__dialog { background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .4); box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .4); margin: 50px auto; max-width: 580px; overflow: hidden; padding: 20px 20px 0; position: relative; width: calc(100% - 20px) } .modal__close { background-color: transparent; border: none; cursor: pointer; height: 60px; position: absolute; right: 0; top: 0; width: 60px } .modal__close--icon { color: #003d6e; height: 20px; width: 20px } .modal__title { color: #ed1c24; font-weight: 600 } .modal__buttons { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #e2e4e9; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -40px; padding: 20px 10px } .modal__buttons.modal__buttons--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .modal__open { overflow: hidden } .modal__open .modal { overflow-x: hidden; overflow-y: auto } .mood__row { margin: 0 0 15px } .mood__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 600 } .mood__item:before { border-radius: 100%; content: ""; display: block; height: 30px; margin: 0 10px 0 0; width: 30px } .mood__item--dark-green:before { background-color: #558b2f } .mood__item--green:before { background-color: #8bc34a } .mood__item--white:before { background-color: #fff; border: 1px solid #ccc } .mood__item--gray:before { background-color: #d3d7dd } .mood__item--red:before { background-color: #ed1c24 } .mood__item--yellow:before { background-color: #ffd600 } .mood__tag-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0 } .mood__tag { border-radius: 4px; font-size: 14px; font-weight: 500; margin: 2px; padding: 4px 10px } .mood__tag--dark-green { background-color: #558b2f; color: #fff } .mood__tag--green { background-color: #8bc34a; color: #fff } .mood__tag--white { background-color: #fff; border: 1px solid #ccc; color: #003d6e } .mood__tag--gray { background-color: #d3d7dd; color: #003d6e } .mood__tag--red { background-color: #ed1c24; color: #fff } .mood__tag--yellow { background-color: #ffd600; color: #003d6e } .notification { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 20px } .notification--regular { background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .07); box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .07) } .notification__icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 20px 0 0; width: 30px } .notification__icon--red { color: #ed1c24 } .notification__text { font-weight: 600 } .page-container.page-container--side-nav { -webkit-transition: margin .3s; transition: margin .3s } .page-container.page-container--sticky-header { padding-top: 60px } .page-main { padding: 30px 0 } .page-title { color: #003d6e; margin: 0 0 20px } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0 } .pagination__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none } .pagination__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5px } .pagination .pagination__button, .pagination__item.pagination__item--select { padding: 0 20px } .pagination .pagination__button--next, .pagination .pagination__button--prev { padding: 0; width: 40px } .pagination .pagination__button--first { padding-left: 10px } .pagination .pagination__button--last { padding-right: 10px } .pagination__button-icon { height: 40px; width: 30px } .pagination__button-icon--left { margin: -2px 10px 0 0 } .pagination__button-icon--right { margin: -2px 0 0 10px } .pagination__label { color: #003d6e; font-size: 14px; margin: 0 10px 0 0 } .pagination__select { width: 80px } .pagination__suffix { color: #003d6e; font-size: 14px; margin: 0 0 0 10px; white-space: nowrap } .panel { background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .2); box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .2); padding: 20px 15px; /*-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none*/ } .panel--no-bg { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 20px 0 } .panel--indent-bottom-5 { margin-bottom: 5px } .panel--message { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .panel__header { position: relative } .panel__header--flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .panel--dropdown .panel__header { cursor: pointer; padding-right: 30px } .panel--dropdown .panel__header:after { border-left: 2px solid #0060ae; border-top: 2px solid #0060ae; content: ""; display: block; height: 10px; position: absolute; right: 10px; top: 6px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: border .3s; transition: border .3s; width: 10px } .panel--dropdown.is-opened .panel__header:after { -webkit-transform: translateY(35%) rotate(45deg); transform: translateY(35%) rotate(45deg) } .panel__header-text { display: none } .panel--dropdown.is-opened .panel__header-text, .srch02-panel.is-opened .srch02-panel__text { display: block } .panel__title { color: #0060ae; -webkit-transition: color .3s; transition: color .3s } .panel__title--inline { display: inline-block; margin-right: 5px } .panel--dropdown .panel__text { color: #7389a1; display: none } .panel__info-link { margin-left: 10px; position: relative; top: 3px } .panel__info-icon { color: #7389a1; height: 20px; opacity: .4; width: 20px } .panel__info-link .panel__info-icon { color: #008afa; opacity: 1 } .panel--dropdown.is-opened .panel__text { display: block } .panel__body.panel__body--bordered { border-top: 1px solid rgba(108, 121, 143, .2); margin: 20px 0 0; padding: 20px 0 0 } .panel--dropdown .panel__body { display: none; padding: 20px 0 0 } .panel--dropdown.is-opened .panel__body, .panel__body { display: block; line-height: 1.38 } .panel-body__text { padding: 10px 0 } .panel__sign { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: 100% } .panel__message { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 600; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; width: 100% } .panel-body__info { margin-bottom: 10px } .panel__row+.panel__row { margin: 10px 0 0 } .panel__col { margin-bottom: 10px } .panel__link:hover { text-decoration: underline } .radio { cursor: pointer; display: inline-block; padding: 0 0 10px 30px; position: relative } .radio__input { display: none } .radio__border { background-color: #fff; border: 1px solid #d7dade; border-radius: 50%; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); display: block; height: 20px; left: 0; position: absolute; top: 0; -webkit-transition: background-color .3s, border-color .3s, -webkit-box-shadow .3s; transition: background-color .3s, border-color .3s, -webkit-box-shadow .3s; transition: background-color .3s, box-shadow .3s, border-color .3s; transition: background-color .3s, box-shadow .3s, border-color .3s, -webkit-box-shadow .3s; width: 20px } .radio__circle { background-color: transparent; border-radius: 50%; height: 8px; left: 5px; position: absolute; top: 5px; -webkit-transition: background-color .3s; transition: background-color .3s; width: 8px } .radio__input:checked+.radio__border { border-color: #008afa } .radio__input:checked+.radio__border .radio__circle { background-color: #008afa } .radio__label { color: #003d6e; font-size: 14px; font-weight: 500 } .radio__input:checked+.radio__border+.radio__label { color: #008afa } .risk__icon-wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px } .risk__icon-wrap--large { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .risk__icon-wrap--green { color: #8bc34a } .risk__icon-wrap--yellow { color: #d4e157 } .risk__icon-wrap--orange { color: #fbc02d } .risk__icon-wrap--red { color: #ff6d00 } .risk__icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase } .risk__icon--large { background-color: currentColor; font-size: 40px; height: 100px; margin: 0 20px 0 0; width: 100px } .risk__icon-wrap--large .risk__icon--large { margin: 0 } .risk__icon--large span { color: #fff } .risk__icon--small { border: 3px solid currentColor; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; font-size: 20px; font-weight: 600; height: 30px; margin: 0 10px 0 0; width: 30px } .risk__label { color: #003d6e } .risk__label--large { font-size: 30px } .ui-select { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); display: none; height: 1px; overflow: hidden; padding: 0; white-space: nowrap; width: 100% } .select2-selection { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #d3d7dd; border-radius: 4px; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); display: -webkit-box; display: -ms-flexbox; display: flex; font-family: inherit; font-size: 14px; height: 40px; width: 100% } .select2-selection--single { padding: 0 10px } .select2-selection--multiple { cursor: text; padding: 0 5px } .select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-selection:after { border-left: 2px solid #253858; border-top: 2px solid #253858; content: ""; display: block; height: 10px; position: absolute; right: 14px; top: calc(50% - 2px); -webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); -webkit-transform-origin: center center; transform-origin: center center; width: 10px } .select2.select2-container--open .select2-selection:after { -webkit-transform: scaleY(-1) rotate(-135deg); transform: scaleY(-1) rotate(-135deg) } .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } .select2-selection--multiple .select2-search--inline { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin: 0 0 0 10px } .select2-search__field { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; font-family: inherit; font-size: 16px; height: 32px; outline: 0 } .select2-search--hide .select2-search__field { display: none } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-selection__choice { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #0060ae; border-radius: 5px; color: #fff; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 500; height: 32px; padding: 0 24px 0 10px; position: relative; -webkit-transition: background-color .3s; transition: background-color .3s } .select2-selection__choice:hover { background-color: #ed1c24 } .select2-selection__choice+.select2-selection__choice { margin: 0 0 0 5px } .select2-selection__choice__remove { font-weight: 600; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .select2-dropdown { background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .4); box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .4); -webkit-box-sizing: border-box; box-sizing: border-box; display: none; left: 0; margin: 0; max-height: 280px; overflow-y: auto; position: absolute; width: 100%; z-index: 1051 } .select2-container--open .select2-dropdown { display: block; left: 0 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { color: #003d6e; cursor: pointer; font-size: 14px; padding: 8px 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .select2-results__option:hover { background-color: #008afa; color: #fff } .table { border-top-left-radius: 4px; border-top-right-radius: 4px; overflow-x: auto; overflow-y: hidden } .table.table--indent { margin: 10px 0 30px } .table table { border-collapse: collapse; border-spacing: 0; width: 100% } .table__content { table-layout: auto } .table__content--striped .table__row:nth-child(2n), .table__row--striped { background-color: #f2f2f2 } .table__content--striped .table__row-highlight { background-color: #fbf3bb; } .table__content--striped .table__row-highlight:nth-child(2n), .table__row-highlight--striped { background-color: #faf0a9; } table.table__content tr { border-bottom: 1px solid #e2e4e9 } .table__content--full-width { width: 100% } .table__header { background-color: rgba(0, 61, 110, .2); color: #003d6e; min-height: 50px } .table__header-cell { font-weight: 600; padding: 10px; text-align: left } .table__body { color: #003d6e; line-height: 24px } .table__row { font-weight: 600; vertical-align: top } .table__row.table__row--collapse { display: none } .table__row.table__row--collapse.is-opened { display: table-row } .table__cell { padding: 15px 10px } .table__row.table__row--collapse .table__cell { border: none; padding-top: 0 } .table__cell--align-right { text-align: right } .table__cell--red { color: #ed1c24 } .table__cell-info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .table__info { white-space: nowrap } .table__info-link { margin-left: 10px; position: relative; top: 3px } .table__info-link .panel__info-icon { color: #003d6e } .table-dropdown__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .table__dropdown-icon { color: #008afa; height: 20px; width: 20px } .table__dropdown-icon--minus { display: none } .table-dropdown__button.opened .table__dropdown-icon--minus, .table__dropdown-icon--plus { display: block } .table-dropdown__button.opened .table__dropdown-icon--plus { display: none } .table-dropdown__button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px } .table-dropdown__content { display: none } .table-dropdown__content.opened { display: table-row } .table__chart { padding: 10px 0 0 70px } .table__row--striped+.table-dropdown__content .table__chart { background-color: #f2f2f2 } .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 10px; padding: 0 0 0 20px; position: relative; width: 100% } .tabs:after { background-color: rgba(0, 61, 110, .4); bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100% } .tabs__wrap { height: 36px; overflow: hidden; -webkit-overflow-scrolling: touch } .tabs__scroll-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 70px; overflow-x: auto } .tabs__button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #0060ae; border: 1px solid #0060ae; border-bottom: none; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #fff; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 1; flex-shrink: 1; font-family: inherit; font-size: 14px; font-weight: 600; height: 36px; padding: 0 15px; position: relative; text-transform: uppercase; -webkit-transition: background-color .3s, border .3s, color .3s; transition: background-color .3s, border .3s, color .3s; white-space: nowrap; z-index: 1 } .tabs__button:hover { background-color: #008afa; border-color: #008afa } .tabs__button+.tabs__button { margin: 0 0 0 5px } .tabs__button.is-active { background-color: #f2f2f2; border: 1px solid rgba(0, 61, 110, .4); border-bottom: 1px solid #f2f2f2; color: #0060ae } .tabs__number { background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25); color: #ed1c24; font-size: 12px; font-weight: 400; padding: 2px 8px } .tag { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #0060ae; border: none; border-radius: 5px; color: #fff; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: inherit; font-size: 14px; font-weight: 500; height: 32px; margin: 2px; padding: 0 25px 0 8px; position: relative; -webkit-transition: background-color .3s; transition: background-color .3s } .tag:hover { background-color: #ed1c24 } .tag:before { -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg) } .tag:after, .tag:before { background: #fff; border-radius: 1px; content: ""; display: block; height: 2px; position: absolute; right: 8px; top: 50%; width: 10px } .tag:after { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg) } .tag-download { border: 1px solid; border-radius: 4px; display: inline-block; font-size: 12px; margin: 0 10px; padding: 0 4px } .textarea { background-color: #fff; border: 1px solid #d3d7dd; border-radius: 4px; font-family: inherit; font-size: 14px; min-height: 100px; padding: 15px; -webkit-transition: background-color .3s, border .3s; transition: background-color .3s, border .3s; width: 100% } .textarea:active, .textarea:focus { border-color: #008afa } .textarea:disabled, .textarea:disabled:active { background-color: #f2f2f2; border-color: #d3d7dd; cursor: not-allowed } .textarea::-webkit-input-placeholder { color: #7389a1 } .textarea:-ms-input-placeholder { color: #7389a1 } .textarea::-ms-input-placeholder { color: #7389a1 } .textarea::placeholder { color: #7389a1 } .toggle { cursor: pointer; display: inline-block; padding: 0 0 10px 70px; position: relative } .toggle__input { display: none } .toggle__button { background-color: #d3d7dd; border-radius: 9px; display: inline-block; height: 18px; left: 8px; position: absolute; top: 0; -webkit-transition: background-color .3s; transition: background-color .3s; width: 42px } .toggle--center-button .toggle__button { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .toggle__input:checked+.toggle__button { background-color: #003d6e } .toggle__button:after { background-color: #fff; border-radius: 100%; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .25); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .25); content: ""; display: block; height: 25px; left: 0; position: absolute; top: 50%; -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; width: 25px } .toggle__input:checked+.toggle__button:after { -webkit-transform: translate(80%, -50%); transform: translate(80%, -50%) } .toggle__label { color: #003d6e; font-size: 14px; font-weight: 500 } .swiper { overflow: hidden; padding: 0; position: relative } .swiper__slide, .swiper__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100% } .swiper__slide { /*-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;*/ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden } .swiper__button.swiper__button { height: 40px; padding: 5px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px } .swiper__button-icon { max-height: 100%; max-width: 100% } .swiper__button--prev { left: -1px } .swiper__button--next, .swiper__button--prev { border-bottom-left-radius: 0; border-top-left-radius: 0 } .swiper__button--next { right: -1px } .swiper__containerhorizontal>.swiper-pagination-bullets { bottom: 10px; left: 0; width: 100% } .swiper__pagination { bottom: 10px; display: block; position: absolute; text-align: center; width: 100%; z-index: 1 } .swiper-pagination-bullet { border: 2px solid #fff; border-radius: 50%; display: inline-block; height: 10px; margin: 0 5px; width: 10px } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active, .swiper-pagination-clickable .swiper-pagination-bullet:hover { background-color: #fff } .loader { height: 60px; margin: 100px auto; position: relative; width: 60px } .loader .loader-child { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .loader .loader-child:before { -webkit-animation: a 1.2s infinite ease-in-out both; animation: a 1.2s infinite ease-in-out both; background-color: #008afa; border-radius: 100%; content: ""; display: block; height: 15%; margin: 0 auto; width: 15% } .loader .loader2 { -webkit-transform: rotate(30deg); transform: rotate(30deg) } .loader .loader3 { -webkit-transform: rotate(60deg); transform: rotate(60deg) } .loader .loader4 { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .loader .loader5 { -webkit-transform: rotate(120deg); transform: rotate(120deg) } .loader .loader6 { -webkit-transform: rotate(150deg); transform: rotate(150deg) } .loader .loader7 { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .loader .loader8 { -webkit-transform: rotate(210deg); transform: rotate(210deg) } .loader .loader9 { -webkit-transform: rotate(240deg); transform: rotate(240deg) } .loader .loader10 { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .loader .loader11 { -webkit-transform: rotate(300deg); transform: rotate(300deg) } .loader .loader12 { -webkit-transform: rotate(330deg); transform: rotate(330deg) } .loader .loader2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .loader .loader3:before { -webkit-animation-delay: -1s; animation-delay: -1s } .loader .loader4:before { -webkit-animation-delay: -.9s; animation-delay: -.9s } .loader .loader5:before { -webkit-animation-delay: -.8s; animation-delay: -.8s } .loader .loader6:before { -webkit-animation-delay: -.7s; animation-delay: -.7s } .loader .loader7:before { -webkit-animation-delay: -.6s; animation-delay: -.6s } .loader .loader8:before { -webkit-animation-delay: -.5s; animation-delay: -.5s } .loader .loader9:before { -webkit-animation-delay: -.4s; animation-delay: -.4s } .loader .loader10:before { -webkit-animation-delay: -.3s; animation-delay: -.3s } .loader .loader11:before { -webkit-animation-delay: -.2s; animation-delay: -.2s } .loader .loader12:before { -webkit-animation-delay: -.1s; animation-delay: -.1s } .loader-text { -webkit-transform: translateY(350%); transform: translateY(350%) } @-webkit-keyframes a { 0%, 80%, to { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes a { 0%, 80%, to { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } .calendar-wrapper { border-radius: 4px; -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .07); box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .07); max-width: 300px; overflow: hidden; width: 100% } .datepickers-container { left: 0; position: absolute; top: 0 } .datepicker--body { display: none } .datepicker--body.active { display: block } .datepicker-inline .datepicker { left: auto; opacity: 1; position: relative; right: auto; -webkit-transform: none; transform: none; width: 100% } .datepicker { -webkit-box-sizing: content-box; box-sizing: content-box; left: -100000px; opacity: 0; position: absolute; width: 250px } .datepicker--nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #0060ae; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 53px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .datepicker--nav-title { font-size: 16px; font-weight: 600; opacity: .93; text-align: center; -webkit-transition: opacity .3s; transition: opacity .3s } .datepicker--nav-title.-disabled- { cursor: default } .datepicker--nav-action { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; height: 53px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity .3s; transition: opacity .3s; width: 53px } .datepicker--nav-action:hover { background-color: #008afa; cursor: pointer } .datepicker--nav-action.-disabled- { visibility: hidden } .datepicker--nav-action svg { height: 32px; width: 32px } .datepicker--nav-action path { fill: none; stroke: #fff; stroke-width: 2px } .datepicker--nav-title:hover { cursor: pointer; opacity: 1 } .datepicker--days-names { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f2f2f2; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 600; height: 40px; -ms-flex-pack: distribute; justify-content: space-around } .datepicker--day-name { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .datepicker--cells { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around } .datepicker--cell { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .datepicker--cell:hover { cursor: pointer; font-weight: 600 } .datepicker--cell.-current-, .datepicker--cell.-current-.-in-range- { background-color: #008afa; border-radius: 50%; color: #fff; font-weight: 600 } .datepicker--cell-day.-other-month-, .datepicker--cell.-disabled-, .datepicker--cell.-disabled-.-current-.-focus-, .datepicker--cell.-disabled-.-focus-, .datepicker--cell.-disabled-.-in-range- { cursor: default; opacity: 0; pointer-events: none } .datepicker--cell-year.-other-decade- { color: #dedede } .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5 } .datepicker--cells-months { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 170px } .datepicker--cell-month { -webkit-box-flex: 0; -ms-flex: 0 0 72px; flex: 0 0 72px } .datepicker--cell-month.-current- { background: none; color: #008afa } .datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-, .datepicker--cell.-selected-.-focus- { background-color: #f2f2f2; border-radius: 4px; color: #0060ae; font-weight: 600 } .datepicker--cells-years { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 170px } .datepicker--cell-year { -webkit-box-flex: 0; -ms-flex: 0 0 72px; flex: 0 0 72px } .datepicker--cell-year.-current- { background: none; color: #008afa } .xs-1 { width: 8.33333% } .xs-2 { width: 16.66667% } .xs-3 { width: 25% } .xs-4 { width: 33.33333% } .xs-5 { width: 41.66667% } .xs-6 { width: 50% } .xs-7 { width: 58.33333% } .xs-8 { width: 66.66667% } .xs-9 { width: 75% } .xs-10 { width: 83.33333% } .xs-11 { width: 91.66667% } .xs-12 { width: 100% } /*--------------------------------------------------*/ .path__icon { height: 16px; margin: 0 5px; width: 16px; } .path { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #7389a1; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; } /* simplepay logo style 2020-05-08 freka */ .foot01-footer__simplepay { display:flex; justify-content:center; } .foot01-footer__simplepay img { height: 4.5rem; width: 4.5rem; min-width:4.5rem; } .covid-panel-block:not(:last-of-type) { margin-bottom:60px; } .pan01-covid-col, .pan01-covid-panel { -js-display: flex; display: -ms-flexbox; display: flex; flex-direction: column; } .pan01-covid-panel { flex-grow: 1; } .covid_title_wrapper { background-color:#003D6E; height:220px; /*width:1970px;*/ margin-top:-30px; margin-left:-50px; margin-right:-50px; padding:3rem 0; } @media (min-width: 1920px){ .covid_title_wrapper{ margin:0 -90px; margin-top:-30px; } .covid-panel-block:not(:last-of-type) { margin-bottom:90px; } } .covid_title_wrapper h1 { color:#fff; margin-left:50px; line-height:220px; margin-top:-50px; } @media (min-width:768px) { .fs-xxl { font-size: 30px } .fs-xl { font-size: 25px } .fs-lg { font-size: 20px } .fs-xs { font-size: 16px } .fs-sm-14 { font-size: 14px } .fs-sm-16 { font-size: 16px } .fs-sm-18 { font-size: 18px } .fs-sm-20 { font-size: 20px } .fs-sm-22 { font-size: 22px } .fs-sm-24 { font-size: 24px } .fs-sm-30 { font-size: 30px } .ms-sm-0 { margin-bottom: 0 } .ms-sm-5 { margin-bottom: 5px } .ms-sm-10 { margin-bottom: 10px } .ms-sm-15 { margin-bottom: 15px } .ms-sm-20 { margin-bottom: 20px } .ms-sm-25 { margin-bottom: 25px } .tablet-hidden.tablet-hidden { display: none } .button.button--hero { font-size: 22px; height: 65px } .row.row--guttered { margin-left: -10px; margin-right: -10px } .col { padding-left: 10px; padding-right: 10px } .sm-1 { width: 8.33333% } .sm-2 { width: 16.66667% } .sm-3 { width: 25% } .sm-4 { width: 33.33333% } .sm-5 { width: 41.66667% } .sm-6 { width: 50% } .sm-7 { width: 58.33333% } .sm-8 { width: 66.66667% } .sm-9 { width: 75% } .sm-10 { width: 83.33333% } .sm-11 { width: 91.66667% } .sm-12 { width: 100% } .list-ordered--short { max-width: 420px } .list-ordered__item { padding: 0 0 0 60px } .list-ordered__item:before { font-size: 16px } .list-status__item { padding: 0 0 0 40px } .list-arrow__item { background-size: 17px 14px; padding: 0 0 0 30px } .list-bulletpoint__item { background-size: 12px 14px; padding: 0 0 0 30px } .modal__dialog { padding: 30px 40px 0 } .page-container.page-container--sticky-header { padding-top: 70px } .page-container--side-nav-tablet { padding-left: 60px } .pagination__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .pagination__label, .pagination__suffix { font-size: 16px } .panel { padding: 20px } .panel--message { min-height: 94px } .panel__header { padding: 0 50px 0 0 } .panel__header--flex { padding: 0 } .panel__header:hover:after { border-color: #008afa } .panel--dropdown .panel__header:hover .panel__title { color: #008afa } .panel__sign { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 20px; width: auto } .panel__message { display: inline-block; margin-top: 0; width: auto } .risk__icon-wrap--large { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .risk__icon-wrap--large .risk__icon--large { margin: 0 20px 0 0 } .tabs__wrap { height: 50px } .tabs__button { font-size: 20px; height: 50px; padding: 0 30px } /*.swiper__slide { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }*/ .calendar-wrapper { max-width: 100%; width: 295px } } @media (min-width:992px) { body.no-scroll { overflow: visible; position: relative } .fs-xxl { font-size: 39px } .fs-xl { font-size: 31px } .fs-lg { font-size: 25px } .fs-md-14 { font-size: 14px } .fs-md-16 { font-size: 16px } .fs-md-18 { font-size: 18px } .fs-md-20 { font-size: 20px } .fs-md-24 { font-size: 24px } .ms-md-0 { margin-bottom: 0 } .ms-md-5 { margin-bottom: 5px } .ms-md-10 { margin-bottom: 10px } .ms-md-15 { margin-bottom: 15px } .ms-md-20 { margin-bottom: 20px } .ms-md-25 { margin-bottom: 25px } .desktop-hidden.desktop-hidden { display: none } .container { padding: 0 20px } .md-1 { width: 8.33333% } .md-2 { width: 16.66667% } .md-3 { width: 25% } .md-4 { width: 33.33333% } .md-5 { width: 41.66667% } .md-6 { width: 50% } .md-7 { width: 58.33333% } .md-8 { width: 66.66667% } .md-9 { width: 75% } .md-10 { width: 83.33333% } .md-11 { width: 91.66667% } .md-12 { width: 100% } .risk__icon-wrap { margin-bottom: 0 } .risk__icon--small { -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; height: 45px; width: 45px } .md-offset-1{ margin-left: 8.33333%; } } @media (min-width:1280px) { .fs-lg-14 { font-size: 14px } .fs-lg-16 { font-size: 16px } .fs-lg-18 { font-size: 18px } .fs-lg-20 { font-size: 20px } .fs-lg-24 { font-size: 24px } .fs-lg-36 { font-size: 36px } .fs-lg-40 { font-size: 40px } .ms-lg-0 { margin-bottom: 0 } .ms-lg-5 { margin-bottom: 5px } .ms-lg-10 { margin-bottom: 10px } .ms-lg-15 { margin-bottom: 15px } .ms-lg-20 { margin-bottom: 20px } .ms-lg-25 { margin-bottom: 25px } .button.button--inline-primary, .button.button--inline-secondary { font-size: 16px } .lg-1 { width: 8.33333% } .lg-2 { width: 16.66667% } .lg-3 { width: 25% } .lg-4 { width: 33.33333% } .lg-5 { width: 41.66667% } .lg-6 { width: 50% } .lg-7 { width: 58.33333% } .lg-8 { width: 66.66667% } .lg-9 { width: 75% } .lg-10 { width: 83.33333% } .lg-11 { width: 91.66667% } .lg-12 { width: 100% } .page-container.page-container--side-nav { margin-left: 60px } .page-container.page-container--side-nav.is-opened { margin-left: 300px } .page-container--side-nav-tablet { padding-left: 0 } .swiper__button--prev { left: 10px } .swiper__button--next, .swiper__button--prev { border-bottom-left-radius: 4px; border-top-left-radius: 4px } .swiper__button--next { right: 10px } } @media (min-width:1440px) { .fs-xl-14 { font-size: 14px } .fs-xl-16 { font-size: 16px } .fs-xl-18 { font-size: 18px } .fs-xl-20 { font-size: 20px } .fs-xl-24 { font-size: 24px } .fs-xxl-14 { font-size: 14px } .fs-xxl-16 { font-size: 16px } .fs-xxl-18 { font-size: 18px } .fs-xxl-20 { font-size: 20px } .fs-xxl-22 { font-size: 22px } .fs-xxl-24 { font-size: 24px } .fs-xxl-30 { font-size: 30px } .ms-xl-0 { margin-bottom: 0 } .ms-xl-5 { margin-bottom: 5px } .ms-xl-10 { margin-bottom: 10px } .ms-xl-15 { margin-bottom: 15px } .ms-xl-20 { margin-bottom: 20px } .ms-xl-25 { margin-bottom: 25px } .ms-xxl-5 { margin-bottom: 5px } .ms-xxl-10 { margin-bottom: 10px } .ms-xxl-15 { margin-bottom: 15px } .ms-xxl-20 { margin-bottom: 20px } .ms-xxl-25 { margin-bottom: 25px } .xl-1 { width: 8.33333% } .xl-2 { width: 16.66667% } .xl-3 { width: 25% } .xl-4 { width: 33.33333% } .xl-5 { width: 41.66667% } .xl-6 { width: 50% } .xl-7 { width: 58.33333% } .xl-8 { width: 66.66667% } .xl-9 { width: 75% } .xl-10 { width: 83.33333% } .xl-11 { width: 91.66667% } .xl-12 { width: 100% } } @media (min-width:1600px) { .container { padding: 0 30px } .row.row--guttered { margin-left: -15px; margin-right: -15px } .col { padding-left: 15px; padding-right: 15px } .xxl-1 { width: 8.33333% } .xxl-2 { width: 16.66667% } .xxl-3 { width: 25% } .xxl-4 { width: 33.33333% } .xxl-5 { width: 41.66667% } .xxl-6 { width: 50% } .xxl-7 { width: 58.33333% } .xxl-8 { width: 66.66667% } .xxl-9 { width: 75% } .xxl-10 { width: 83.33333% } .xxl-11 { width: 91.66667% } .xxl-12 { width: 100% } } @media (min-width:1920px) { .container { padding: 0 60px } } @media all(min-width:992px) { html.mobile-nav, html.mobile-nav body { overflow-y: auto } } @media (max-width:767px) { .mobile-hidden.mobile-hidden, .pagination__item:first-child, .pagination__item:last-child { display: none } .panel--dropdown .panel__text { font-size: 12px } } @media (max-width:320px) { a.button.button--primary.float_right{ line-height: 1em; text-align: center; } }