* {-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;
}
.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;
-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;
}

.foot01-footer__simplepay {display:flex;
justify-content:center;
}
.foot01-footer__simplepay img {height: 4.5rem;
width: 4.5rem;
min-width:4.5rem;
}
@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-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
}
.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;
}
}