.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-datepicker {
    width: 17em;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-decoration: none
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    background-color: #eee;
    color: #333
}

.ui-widget-header {
    color: #fff
}

.ui-widget-header a {
    color: #fff
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    color: #fff
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal .ui-slider-handle {
    top: 0;
    margin-left: -.5em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

@font-face {
    font-family: 'robotothin';
    src: url("");
    src: url("") format('embedded-opentype'), url("") format('woff2'), url("") format('woff'), url("") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotolight';
    src: url("");
    src: url("roboto-light-webfont.eot") format('embedded-opentype'), url("roboto-light-webfont.woff") format('woff'), url("roboto-light-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotolight_italic';
    src: url("");
    src: url("") format('embedded-opentype'), url("") format('woff2'), url("") format('woff'), url("") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotoregular';
    src: url("");
    src: url("roboto-regular-webfont.eot") format('embedded-opentype'), url("roboto-regular-webfont.woff") format('woff'), url("roboto-regular-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotoitalic';
    src: url("");
    src: url("roboto-italic-webfont.eot") format('embedded-opentype'), url("roboto-italic-webfont.woff2") format('woff2'), url("roboto-italic-webfont.woff") format('woff'), url("roboto-italic-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotomedium';
    src: url("");
    src: url("roboto-medium-webfont.eot") format('embedded-opentype'), url("roboto-medium-webfont.woff") format('woff'), url("roboto-medium-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotomedium_italic';
    src: url("");
    src: url("roboto-mediumitalic-webfont.eot") format('embedded-opentype'), url("roboto-mediumitalic-webfont.woff2") format('woff2'), url("roboto-mediumitalic-webfont.woff") format('woff'), url("roboto-mediumitalic-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotobold';
    src: url("");
    src: url("roboto-bold-webfont.eot") format('embedded-opentype'), url("roboto-bold-webfont.woff") format('woff'), url("roboto-bold-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotobold_italic';
    src: url("");
    src: url("Roboto-BoldItalic-webfont.eot") format('embedded-opentype'), url("Roboto-BoldItalic-webfont.woff2") format('woff2'), url("Roboto-BoldItalic-webfont.woff") format('woff'), url("Roboto-BoldItalic-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotoblack';
    src: url("");
    src: url("") format('embedded-opentype'), url("") format('woff'), url("") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'piraeus_sansregular';
    src: url("");
    src: url("") format('embedded-opentype'), url("") format('woff2'), url("") format('woff'), url("") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'piraeus_sansitalic';
    src: url("");
    src: url("") format('embedded-opentype'), url("") format('woff2'), url("") format('woff'), url("") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'piraeus_sansbold';
    src: url("");
    src: url("") format('embedded-opentype'), url("") format('woff2'), url("") format('woff'), url("") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'icomoon';
    src: url("");
    src: url("icomoon.eot") format('embedded-opentype'), url("icomoon.ttf") format('truetype'), url("icomoon.woff") format('woff'), url("icomoon.svg") format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'passwordExtraPin';
    font-weight: normal;
    font-style: normal;
    src: url("")
}

[class^="ic-"],
[class*=" ic-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ic-miles:before {
    content: ""
}

.ic-sports:before {
    content: ""
}

.ic-university:before {
    content: ""
}

.ic-yellows:before {
    content: ""
}

.ic-AB_basket:before {
    content: ""
}

.ic-allcards:before {
    content: ""
}

.ic-loyalty_big:before {
    content: ""
}

.ic-loyalty_small:before {
    content: ""
}

.ic-onlineSupport:before {
    content: ""
}

.ic-chat:before {
    content: ""
}

.ic-helpBot:before {
    content: ""
}

.ic-send:before {
    content: ""
}

.ic-blocked:before {
    content: ""
}

.ic-economicalStudies1:before {
    content: ""
}

.ic-economicalStudies2:before {
    content: ""
}

.ic-economicalStudies3:before {
    content: ""
}

.ic-economicalStudies4:before {
    content: ""
}

.ic-economicalStudies5:before {
    content: ""
}

.ic-economicalStudies6:before {
    content: ""
}

.ic-shoppingGoal:before {
    content: ""
}

.ic-pendingF:before {
    content: ""
}

.ic-pendingR:before {
    content: ""
}

.ic-infoB:before {
    content: ""
}

.ic-arrowDownb:before {
    content: ""
}

.ic-arrowLeftb:before {
    content: ""
}

.ic-arrowRightb:before {
    content: ""
}

.ic-arrowUpb:before {
    content: ""
}

.ic-more_hb:before {
    content: ""
}

.ic-save2b:before {
    content: ""
}

.ic-shareb:before {
    content: ""
}

.ic-alertb:before {
    content: ""
}

.ic-deleteb:before {
    content: ""
}

.ic-editb:before {
    content: ""
}

.ic-business:before {
    content: ""
}

.ic-close-2:before {
    content: ""
}

.ic-click2chat:before {
    content: ""
}

.ic-reallocated:before {
    content: ""
}

.ic-income:before {
    content: ""
}

.ic-infoOutline:before {
    content: ""
}

.ic-restore:before {
    content: ""
}

.ic-down:before {
    content: ""
}

.ic-split2:before {
    content: ""
}

.ic-account_balance:before {
    content: ""
}

.ic-add:before {
    content: ""
}

.ic-settings:before {
    content: ""
}

.ic-search2:before {
    content: ""
}

.ic-dropDown:before {
    content: ""
}

.ic-close2:before {
    content: ""
}

.ic-x:before {
    content: ""
}

.ic-split:before {
    content: ""
}

.ic-check_circle:before {
    content: ""
}

.ic-closeB:before {
    content: ""
}

.ic-mood_bad:before {
    content: ""
}

.ic-mood:before {
    content: ""
}

.ic-bar:before {
    content: ""
}

.ic-car:before {
    content: ""
}

.ic-laptop:before {
    content: ""
}

.ic-face:before {
    content: ""
}

.ic-school:before {
    content: ""
}

.ic-hospital:before {
    content: ""
}

.ic-work:before {
    content: ""
}

.ic-trending_down:before {
    content: ""
}

.ic-airport:before {
    content: ""
}

.ic-obligations:before {
    content: ""
}

.ic-leisure:before {
    content: ""
}

.ic-shopping:before {
    content: ""
}

.ic-health:before {
    content: ""
}

.ic-transport:before {
    content: ""
}

.ic-cash:before {
    content: ""
}

.ic-other:before {
    content: ""
}

.ic-home2:before {
    content: ""
}

.ic-icheck_box_outline:before {
    content: ""
}

.ic-check_box:before {
    content: ""
}

.ic-more_h:before {
    content: ""
}

.ic-visibility:before {
    content: ""
}

.ic-visibility_off:before {
    content: ""
}

.ic-credit_card:before {
    content: ""
}

.ic-search:before {
    content: ""
}

.ic-user:before {
    content: ""
}

.ic-tools:before {
    content: ""
}

.ic-starLine:before {
    content: ""
}

.ic-star:before {
    content: ""
}

.ic-refresh:before {
    content: ""
}

.ic-print:before {
    content: ""
}

.ic-plus:before {
    content: ""
}

.ic-myMenu:before {
    content: ""
}

.ic-file:before {
    content: ""
}

.ic-home:before {
    content: ""
}

.ic-help:before {
    content: ""
}

.ic-edit:before {
    content: ""
}

.ic-arrowUp:before {
    content: ""
}

.ic-arrowRight:before {
    content: ""
}

.ic-arrowLeft:before {
    content: ""
}

.ic-arrowDown:before {
    content: ""
}

.ic-burgermenu:before {
    content: ""
}

.ic-close:before {
    content: ""
}

.ic-info:before {
    content: ""
}

.ic-morebtn:before {
    content: ""
}

.ic-eidosSunallagi:before {
    content: ""
}

.ic-calendar:before {
    content: ""
}

.ic-time:before {
    content: ""
}

.ic-logout:before {
    content: ""
}

.ic-mail:before {
    content: ""
}

.ic-minusMenu:before {
    content: ""
}

.ic-kodikosSunallagi:before {
    content: ""
}

.ic-email:before {
    content: ""
}

.ic-tilefono:before {
    content: ""
}

.ic-back:before {
    content: ""
}

.ic-check:before {
    content: ""
}

.ic-extrapin:before {
    content: ""
}

.ic-save:before {
    content: ""
}

.ic-account:before {
    content: ""
}

.ic-card:before {
    content: ""
}

.ic-radio:before {
    content: ""
}

.ic-minusSolo:before {
    content: ""
}

.ic-plusSolo:before {
    content: ""
}

.ic-save2:before {
    content: ""
}

.ic-error:before {
    content: ""
}

.ic-pending:before {
    content: ""
}

.ic-attention:before {
    content: ""
}

.ic-trapeza:before {
    content: ""
}

.ic-katastasi:before {
    content: ""
}

.ic-enexuro:before {
    content: ""
}

.ic-emfanisiApostolwn:before {
    content: ""
}

.ic-dash:before {
    content: ""
}

.ic-arithmosEpitagis:before {
    content: ""
}

.ic-afm:before {
    content: ""
}

.ic-prosthetiKarta:before {
    content: ""
}

.ic-ypiresies:before {
    content: ""
}

.ic-upload:before {
    content: ""
}

.ic-refresh2:before {
    content: ""
}

.ic-atokesdoseis:before {
    content: ""
}

.ic-logariasmos:before {
    content: ""
}

.ic-kartatrapeza:before {
    content: ""
}

.ic-kartapireaus:before {
    content: ""
}

.ic-zoom:before {
    content: ""
}

.ic-HmerominiaEkt:before {
    content: ""
}

.ic-troposEkt:before {
    content: ""
}

.ic-change:before {
    content: ""
}

.ic-dots:before {
    content: ""
}

.ic-exclamation:before {
    content: ""
}

.ic-tips:before {
    content: ""
}

.ic-urgent:before {
    content: ""
}

.ic-news:before {
    content: ""
}

.ic-uniE643:before {
    content: ""
}

.ic-uniE644:before {
    content: ""
}

.ic-ammount:before {
    content: ""
}

.ic-product:before {
    content: ""
}

.ic-PintokenOk:before {
    content: ""
}

.ic-PintokenNo:before {
    content: ""
}

.ic-PinmobOk:before {
    content: ""
}

.ic-PinmobNo:before {
    content: ""
}

.ic-tokoi:before {
    content: ""
}

.ic-tokoi2:before {
    content: ""
}

.ic-tokoi3:before {
    content: ""
}

.ic-tokoiliksi:before {
    content: ""
}

.ic-tokoienarksi:before {
    content: ""
}

.ic-tokoidiarkia:before {
    content: ""
}

.ic-epitokio:before {
    content: ""
}

.ic-epitokio2:before {
    content: ""
}

.ic-bullet:before {
    content: ""
}

.ic-poso:before {
    content: ""
}

.ic-delete:before {
    content: ""
}

.ic-anoigma:before {
    content: ""
}

.ic-alert:before {
    content: ""
}

.ic-tabBanking:before {
    content: ""
}

.ic-password:before {
    content: ""
}

.ic-logariasmos2:before {
    content: ""
}

.ic-language:before {
    content: ""
}

.ic-katastasi2:before {
    content: ""
}

.ic-imGennisis:before {
    content: ""
}

.ic-Cvv:before {
    content: ""
}

.ic-contact:before {
    content: ""
}

.ic-Alerticon:before {
    content: ""
}

.ic-radio2:before {
    content: ""
}

.ic-arrow:before {
    content: ""
}

.ic-bonus:before {
    content: ""
}

.ic-p-banking:before {
    content: ""
}

.ic-network:before {
    content: ""
}

.ic-card_add:before {
    content: ""
}

.ic-system_alert:before {
    content: ""
}

.ic-system_message:before {
    content: ""
}

.ic-personalization:before {
    content: ""
}

.ic-yellow:before {
    content: ""
}

.ic-share:before {
    content: ""
}

.ic-exargurwsi:before {
    content: ""
}

.m-t-5 {
    margin-top: 5px !important
}

.p-t-5 {
    padding-top: 5px !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.m-l-5 {
    margin-left: 5px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.p-t-25 {
    padding-top: 25px !important
}

.m-b-25 {
    margin-bottom: 25px !important
}

.p-b-25 {
    padding-bottom: 25px !important
}

.m-l-25 {
    margin-left: 25px !important
}

.p-l-25 {
    padding-left: 25px !important
}

.m-r-25 {
    margin-right: 25px !important
}

.p-r-25 {
    padding-right: 25px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.m-b-30 {
    margin-bottom: 30px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

.m-l-30 {
    margin-left: 30px !important
}

.p-l-30 {
    padding-left: 30px !important
}

.m-r-30 {
    margin-right: 30px !important
}

.p-r-30 {
    padding-right: 30px !important
}

.m-t-35 {
    margin-top: 35px !important
}

.p-t-35 {
    padding-top: 35px !important
}

.m-b-35 {
    margin-bottom: 35px !important
}

.p-b-35 {
    padding-bottom: 35px !important
}

.m-l-35 {
    margin-left: 35px !important
}

.p-l-35 {
    padding-left: 35px !important
}

.m-r-35 {
    margin-right: 35px !important
}

.p-r-35 {
    padding-right: 35px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.m-b-40 {
    margin-bottom: 40px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.m-l-40 {
    margin-left: 40px !important
}

.p-l-40 {
    padding-left: 40px !important
}

.m-r-40 {
    margin-right: 40px !important
}

.p-r-40 {
    padding-right: 40px !important
}

.m-t-45 {
    margin-top: 45px !important
}

.p-t-45 {
    padding-top: 45px !important
}

.m-b-45 {
    margin-bottom: 45px !important
}

.p-b-45 {
    padding-bottom: 45px !important
}

.m-l-45 {
    margin-left: 45px !important
}

.p-l-45 {
    padding-left: 45px !important
}

.m-r-45 {
    margin-right: 45px !important
}

.p-r-45 {
    padding-right: 45px !important
}

.m-t-50 {
    margin-top: 50px !important
}

.p-t-50 {
    padding-top: 50px !important
}

.m-b-50 {
    margin-bottom: 50px !important
}

.p-b-50 {
    padding-bottom: 50px !important
}

.m-l-50 {
    margin-left: 50px !important
}

.p-l-50 {
    padding-left: 50px !important
}

.m-r-50 {
    margin-right: 50px !important
}

.p-r-50 {
    padding-right: 50px !important
}

.m-t-75 {
    margin-top: 75px !important
}

.p-t-75 {
    padding-top: 75px !important
}

.m-b-75 {
    margin-bottom: 75px !important
}

.p-b-75 {
    padding-bottom: 75px !important
}

.m-l-75 {
    margin-left: 75px !important
}

.p-l-75 {
    padding-left: 75px !important
}

.m-r-75 {
    margin-right: 75px !important
}

.p-r-75 {
    padding-right: 75px !important
}

.m-t-100 {
    margin-top: 100px !important
}

.p-t-100 {
    padding-top: 100px !important
}

.m-b-100 {
    margin-bottom: 100px !important
}

.p-b-100 {
    padding-bottom: 100px !important
}

.m-l-100 {
    margin-left: 100px !important
}

.p-l-100 {
    padding-left: 100px !important
}

.m-r-100 {
    margin-right: 100px !important
}

.p-r-100 {
    padding-right: 100px !important
}

.hideNum,
.main-tile,
.main-tileInner,
.mainTitleWrap,
.mainTitleWrap .titleTools,
.info-data .colsWrap,
.tooltipHead,
.checkboxes.cols3,
.box-form .block2>.checkboxes.cols3,
.checkboxes.inline,
.tooltipRadio,
.footerTopWrap,
.contact-tools,
.popup>.content,
.ddWrap,
.block2 .inlineFields,
.loyaltyRow,
.yellowRow,
.yellowLinkWrap,
.radio-block.cols3,
.radio-block.radio-tabs.whiteTabs.double,
.radio-block.radio-tabs.centerTabs .radio>label,
.radio-block .radioRow,
.radio-block .radioRow div.radio,
.filters-wrap,
.filter-item,
.filter-item .range-fields,
.extraPinField,
.extraPinInput,
.textAmountRow,
.steps ul,
.checkBoxRow .doubleCol,
.fieldsWrapIn,
.fileInputWrap,
.payment-scheduler.remittance .radioImgWrap,
.box-form .block2>.radio-block.cols3,
.box-form .block2>.radio-block.radio-tabs,
.box-form .radio-block:not(.radio-tabs) div.radio,
.box-form .block2>.extraPinRow,
.extraPinRow,
.box-form .block2>.schedule,
.block2 .schedule,
#divIsMilesAndMoreMember label>div.radio,
#divIsNotMilesAndMoreMember label>div.radio,
.dashboardTitle .btnTools,
ul.log-info,
.sideblock .wrap,
.vTabs,
.ibanCalcRow,
.icalc-field .inlineFields,
.message-legend {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.input-field,
.radio-block .tooltipRadio div.radio,
.radio-block.inline .inlineFields,
.box-form .range-field,
.range-field>.input-field,
.extraPinInputWrap,
.radio-block .fieldsWrapIn#dischargeAmount div.radio,
.fieldsWrapIn div.radio,
.fieldsWrapIn .radio,
.box-form .fieldsWrapIn div.radio,
.box-form .block2.input-field,
.box-form .inlineFields .radio-block.inline,
.box-form .radio-block.inline .radio,
.box-form .block2>.input-field,
.fieldsWrapIn#ammount div.radio,
.message-legend .item {
    display: -webkit-inline-flex;
    display: inline-flex
}

.extraPinInputWrap {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.block2 .inlineFields.noWrap {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

.main-tile.wrap,
.checkboxes.cols3,
.box-form .block2>.checkboxes.cols3,
.block2 .inlineFields,
.main-tile.yellowTile,
.yellowRow,
.radio-block.cols3,
.filters-wrap,
.filterBlock.monthsRange .filter-item,
.textAmountRow,
.fieldsWrapIn,
.payment-scheduler.remittance .radioImgWrap,
.box-form .block2>.radio-block.cols3,
ul.log-info,
.taxFreeTile,
.message-legend {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footerTopWrap,
.popup>.content,
.yellowRow,
.extraPinField,
.steps ul {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.main-tile,
.main-tileInner,
.mainTitleWrap,
.info-data .colsWrap,
.contact-tools,
.ibanCalcRow {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.radio-block.cols3,
.filters-wrap,
.extraPinField {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

.radio-block.radio-tabs.centerTabs .radio>label,
.box-form .block2>.radio-block.radio-tabs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end
}

.hideNum,
.mainTitleWrap,
.mainTitleWrap .titleTools,
.tooltipHead,
.tooltipRadio,
.input-field,
.popup>.content,
.block2 .inlineFields,
.loyaltyRow,
.yellowRow,
.yellowLinkWrap,
.radio-block .tooltipRadio div.radio,
.radio-block .radioRow div.radio,
.box-form .range-field,
.range-field>.input-field,
.filter-item,
.radio-block .fieldsWrapIn#dischargeAmount div.radio,
.textAmountRow,
.checkBoxRow .doubleCol,
.fieldsWrapIn,
.fieldsWrapIn div.radio,
.fieldsWrapIn .radio,
.fileInputWrap,
.payment-scheduler.remittance .radioImgWrap,
.box-form .fieldsWrapIn div.radio,
.box-form .block2.input-field,
.box-form .radio-block:not(.radio-tabs) div.radio,
.box-form .block2>.schedule,
.block2 .schedule,
.box-form .block2>.input-field,
.fieldsWrapIn#ammount div.radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.radio-block .radioRow {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    align-items: baseline
}

.filter-item label.v-top {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    align-self: flex-start
}

.barChartWrap {
    position: relative;
    max-height: 100px
}

.hideNum .text {
    color: rgba(22, 49, 93, .5);
    font-family: "robotoregular", arial;
    font-size: 20px;
    letter-spacing: .07px;
    opacity: .5
}

.hideNum:not(.hidden) .hiddenTxt {
    display: none
}

.hideNum.hidden .visTxt {
    display: none
}

a.hideNumLink {
    margin-right: 19px;
    padding: 5px
}

a.hideNumLink:focus,
a.hideNumLink:active,
.no-touch a.hideNumLink:hover {
    text-decoration: none
}

a.hideNumLink:before {
    content: "";
    font-size: 20px;
    color: #16315d
}

.hideNum.hidden a.hideNumLink:before {
    content: ""
}

#divform p.title .ic-tabBanking {
    color: #fff;
    font-size: 28px;
    opacity: 1;
    margin-right: 10px
}

.default-font {
    font-size: 15px;
    line-height: 1.2
}

.chart-legend-left {
    margin-top: 2px;
    display: block;
    float: left;
    width: 160px;
    flex: 1
}

.chart-legend-right {
    display: block;
    float: right;
    width: 40px;
    flex: 1
}

.pie-container {
    width: 200px;
    display: flex
}

.pie-chart {
    width: 100%
}

.info-block .pie-chart {
    float: right;
    height: 120px
}

.info-block .pie-chart.av-balance-pie {
    margin-bottom: 10px;
    height: 130px
}

.info-block .pie-chart.av-balance-pie .cont {
    width: 51%
}

.info-block .pie-chart.av-balance-pie .legend {
    width: 46%
}

.info-block .pie-chart .legend-number {
    display: block;
    font-family: "robotomedium", arial;
    font-size: 15px;
    line-height: 1;
    margin: 0
}

.info-block .pie-chart .pie-legend {
    margin: 0 0 15px;
    text-align: right
}

.pie-chart .it-text,
.pie-chart .no-results {
    color: #999
}

.pie-chart .pie-legend {
    color: #999;
    cursor: default;
    font-family: "robotoitalic", arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 12px
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .pie-chart .pie-legend {
        font-size: 13px
    }
}

.pie-chart .legend-number {
    color: #5e5e5e;
    font-family: "robotoitalic", arial;
    font-size: 14px;
    font-weight: normal;
    margin: 0 10px;
    text-align: right
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .pie-chart .legend-number {
        font-size: 14px
    }
}

.pie-chart .bullet {
    margin: 0 10px 0 0;
    width: 13px;
    height: 13px
}

.pie-chart .cont {
    width: 59%;
    height: 100%
}

.pie-chart .legend {
    width: 38%
}

html {
    font-size: 100%;
    line-height: 1.5em;
    -ms-content-zooming: none;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: normal;
    font-family: "robotobold", arial
}

blockquote {
    margin: 1.5em 40px
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    line-height: 1.5em;
    margin-top: .75em;
    margin-bottom: .75em
}

h2 {
    font-size: 1.5em;
    line-height: 2em;
    margin-top: 1em;
    margin-bottom: 1em
}

h3 {
    font-size: 1.17em;
    line-height: 1.28205em;
    margin-top: 1.28205em;
    margin-bottom: 1.28205em
}

h4 {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

h5 {
    font-size: .83em;
    line-height: 1.80723em;
    margin-top: 1.80723em;
    margin-bottom: 1.80723em
}

h6 {
    font-size: .67em;
    line-height: 2.23881em;
    margin-top: 2.23881em;
    margin-bottom: 2.23881em
}

mark {
    background: #ff0;
    color: #000
}

p,
pre {
    margin: 1.5em 0
}

small {
    font-size: 80%
}

sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -.5em
}

sub {
    bottom: -.25em
}

dl,
menu,
ol,
ul {
    margin: 1.5em 0
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1.5em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, arial;
    font-size: 1em
}

form {
    margin: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    *font-family: sans-serif;
    *vertical-align: middle
}

button {
    overflow: visible;
    text-transform: none
}

select {
    text-transform: none
}

button,
html input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    margin: 0 2px;
    border-color: silver;
    border-top-width: .0625em;
    border-top-style: solid;
    padding-top: .4625em;
    border-bottom-width: .0625em;
    border-bottom-style: solid;
    padding-bottom: .9125em;
    border-left-width: .0625em;
    border-left-style: solid;
    padding-left: .875em;
    border-right-width: .0625em;
    border-right-style: solid;
    padding-right: .875em
}

legend {
    border: 0;
    padding: 0;
    *margin-left: -7px
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

#divform p.title .ic-tabBanking,
.pie-chart .bullet,
h4,
.inlineTop,
.buttons-wrap>*,
.buttons-wrap .block2>*,
.info-data .selected .col1 span,
.persBtn .ic-personalization,
.point,
.checkbox,
.header-menu-s .ic-star,
.footer-top,
.c2chat-logo,
.footer-btm,
.footer-btm ul,
.footer-btm li,
footer .personal img,
.popup .wrap,
.popup .box-form+.section,
.popup .popupInner .box-form,
.popup.extraPIN .extraPinTitle .ic-PinmobOk,
.alert-popup .inner,
table.default td.cat span:not([class^="ic-"]):not([class*=" ic-"]),
table.default.messages td.cat [class^="ic-"],
table.default.messages td.cat [class*=" ic-"],
.regStep2,
.ddList a,
.filters .radio-block,
.filter-item .radio-field,
.extraPinLink,
.main-title .extrapin,
.go-to-open .ic-arrowRight,
.pie-block .pie-wrap,
.search-box .wrap,
div.tabs-header:not(.m-show),
.massTransfer .acc-block,
.tile-title .sendIban:after,
.blocked,
.acc-block+.blockedBar,
.tableBlock,
.payment-scheduler.remittance .iris img,
.box-form .field.warning .warning,
.box-form .field.error div.error,
.box-form .ic-info:before,
.box-form+.alert-block,
div.message.toPfm .logo img,
ul.log-info li a,
.dashboard+.sidebar>*,
.sideTabsWrap,
.sideTabsWrap table.default:not(.ui-datepicker-calendar) td .links a:not(.button):not(.open-file),
.sideTabsWrap table.default.type4 .links a,
.sideTabsWrap .sidebarBtn,
.sideTabs,
.tiles-block .tile-img img,
.p-banking>.info [class^="ic-"],
.prothesmiaki .logos,
.logos .circle,
.proth-process .tooltip .ic-info,
.proth-process .title .input,
.slider-option .inner>*,
.interest-graph .graph-wrap.vertical .bars,
.interest-graph .graph-cols,
.interest-graph .graph-cols+.duration,
.eLoanWrapper .box-form,
#eLoanParams .btnRow .field,
.marketing-section,
.list-box-asset .ic-credit_card,
.checkIban {
    display: inline-block;
    vertical-align: top
}

.pie-chart .cont,
.pie-chart .legend,
a.back>span,
h1 img,
.inlineMiddle,
.v-middle:not(table):not(td)>*,
.ic-button>span,
.space,
.main-title h1,
.tile+.pageTitle,
.detail-text>.ic-plus,
.border-button>span,
.i-block>*,
.form-status span,
.persBtn,
.alphabet li,
.status:not([class^="ic-"]):not([class*=" ic-"])>*,
.links a span,
.bill-payment-title span,
.radio .ic-radio,
.radio>div,
.radio>span,
.radio>label,
.checkbox .ic-check,
.input-info,
.input-cur,
.header-link span,
.siteSearch .button,
.siteSearch input.text,
.mmenu-top .back>span,
ul.main-nav li .ic-plus,
.megamenu .cross-links a,
.mega-banner>div,
.b-menu>.ic-burgermenu,
.b-menu>span,
.contact-item .tooltip,
.contact-item>div a,
table.type4 td:first-child .links span,
table.details td>*,
table label span,
table .ic-dash,
.row-table>*,
.row-table table td span,
.main-title .add-to-fav,
.add-to-fav+.pageTitle,
.dd-menu-wrap .open-dd-menu,
.dd-title h1,
.title-dd .dd-title,
.pointBlock>*,
.range-field>*,
.tooltip,
.pie-block .field>*,
.edit-block .name,
.steps li.prev .ic-edit,
.more-less .show-more span,
.connected-list.users .tile-title,
.user-status,
.actions-bar li,
.sidebar-list li span,
.errorPage .col,
.payment-scheduler.remittance .executionDate>*,
.payment-scheduler .radio-block .date-input,
.payment-scheduler .groupElm,
.box-form .field.detail-text>.field .block1>*:not(.checkbox),
.box-form .field.v-top .field.block1 .block1>*:not(.checkbox),
.box-form .field.v-top .field.block2 .block1>*:not(.checkbox),
.box-form .block1,
.box-form .block2,
div.message span,
.dashboard h2 span,
.personal .inner>*,
.sideblock .wrap>a.yellowBonus .yellowPoints,
.sideblock a span,
.sidebar .yellowBonus .img,
.sidebar div.yellowBonus .img+div,
.file-link>*,
.promo-area img,
.logos .circle img,
.step-input,
.step-input>*,
.proth-intro .input>*,
.proth-process .title .input>*,
.proth-process label,
.calendar-option .calendar>*,
.proth-results .interest-info,
.proth-results .interest-info .title,
.interest-graph .graph-wrap.vertical .val {
    display: inline-block;
    vertical-align: middle
}

.inlineBottom,
.mega-banner>div.text>*,
table.type4 .status-info span,
.side-block a>span,
.radio-block.radio-tabs .radio,
.box-form .captcha>*,
.promo-area.bottom>*,
.interest-graph .graph-col {
    display: inline-block;
    vertical-align: bottom
}

.block-inner,
.form-table-wrap,
.select-group,
.intro-text,
.border-title,
.main-wrapper,
.main-content,
.row,
.main-title .extraPinWrap+.pageTitle,
.account-statement,
.tile,
.tile.full-link>a,
.tile-details .balance,
.total-row,
.info-tile,
.main-tile,
.buttons-wrap,
.i-block,
.form-status,
.info-table>div,
.radio-tab,
.links-list,
.alphabet,
.alphabet ul,
.status:not([class^="ic-"]):not([class*=" ic-"]),
.sidemenu,
.sidemenu ul,
.tiles-section,
.slide-tile,
.slide-tile>a,
.slide-tile .top,
.slide-tile .btm,
.select-box .options-wrap,
.select-box .options-wrap>*,
header,
.header-top,
div .header-menu-s>ul,
.siteSearch,
.header-bottom,
.mmenu-top .wrap,
.megamenu ul,
.megamenu .inner,
.megamenu .cross-links,
.mega-banner,
header .loaderWrap,
footer,
.popup section,
.popup .promo,
table.form-table.fixed thead tr,
.row-table,
.side-block .inner,
.side-block .fieldWrap,
.more-row,
.acc-block,
.acc-header,
.acc-content,
.info-block .data-block,
.filters,
.advices,
.pie-block,
.pie-block>.inner,
.pie-block .field,
.edit-block .default,
.steps,
.title-block,
.bonus-block,
.multiple-elm:not(.block2),
.accordions,
.tabs-header,
.zoom-wrap,
.connected-list,
.sidebar-list,
.form-box,
.box-form .divider,
.box-form form>*,
div.message,
.sidebar .personal,
.sideblock,
.tiles-block .news-tile,
.s-result,
.promo-area,
.proth-process,
.interest-graph .graph-cols,
.image-title,
.sitemap .inner {
    float: left;
    width: 100%
}

*,
*:after,
*::before,
.confirmation,
.main-col.wide,
.main-title.wide,
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.boxes3>*,
.advices .block-inner,
.bonus-block .bonus,
.card-block,
.main-col.dashboard,
.box-form .field div.error {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.confirmation,
.main-col.confirmation,
.main-col.wide.confirmation,
.full.main-col,
.full.main-col.wide,
.main-title.wide.confirmation,
.full.main-title.wide,
.buttons-wrap.confirmation,
.col.full,
.col.side-block,
.bonus-block>div.col,
.full.col-1,
.col-1.side-block,
.bonus-block>div.col-1,
.col-1.confirmation,
.full.col-2,
.col-2.side-block,
.bonus-block>div.col-2,
.col-2.confirmation,
.full.col-3,
.col-3.side-block,
.bonus-block>div.col-3,
.col-3.confirmation,
.full.col-4,
.col-4.side-block,
.bonus-block>div.col-4,
.col-4.confirmation,
.full.col-5,
.col-5.side-block,
.bonus-block>div.col-5,
.col-5.confirmation,
.full.col-6,
.col-6.side-block,
.bonus-block>div.col-6,
.col-6.confirmation,
.full.col-7,
.col-7.side-block,
.bonus-block>div.col-7,
.col-7.confirmation,
.full.col-8,
.col-8.side-block,
.bonus-block>div.col-8,
.col-8.confirmation,
.full.col-9,
.col-9.side-block,
.bonus-block>div.col-9,
.col-9.confirmation,
.full.col-10,
.col-10.side-block,
.bonus-block>div.col-10,
.col-10.confirmation,
.full.col-11,
.col-11.side-block,
.bonus-block>div.col-11,
.col-11.confirmation,
.full.col-12,
.col-12.side-block,
.bonus-block>div.col-12,
.col-12.confirmation,
.side-block.card-block,
.boxes3>.side-block,
.main-col.dashboard.side-block,
.bonus-block side-block.bonus,
.main-col.side-block,
.advices .side-block.block-inner,
.main-col.wide.side-block,
.main-title.side-block,
.side-block.confirmation,
.box-form div.side-block.error,
.box-form .side-block.block1,
.box-form .side-block.block2,
.boxes3.bonus-block>div,
.boxes3>.confirmation,
.boxes3>.full,
.filters .full.buttons-wrap,
.filters .side-block.buttons-wrap,
.filter-item.s.confirmation,
.filter-item.half.confirmation,
.filter-item.m.confirmation,
.filter-item.filter-full.confirmation,
full.filter-item.s,
full.filter-item.half,
full.filter-item.m,
full.filter-item.filter-full,
.side-block.filter-item.s,
.side-block.filter-item.half,
.side-block.filter-item.m,
.side-block.filter-item.filter-full,
.advices .block-inner.confirmation,
.advices .full.block-inner,
.bonus-block .bonus.confirmation,
.bonus-block .full.bonus,
.bonus-block>div.card-block,
.bonus-block>div.main-col.wide,
.bonus-block>div.main-title.wide,
.filters .bonus-block>div.buttons-wrap,
.bonus-block>div.bonus,
.bonus-block>div.confirmation,
.advices .bonus-block>div.block-inner,
.bonus-block>div.filter-item.s,
.bonus-block>div.filter-item.half,
.bonus-block>div.filter-item.m,
.bonus-block>div.filter-item.filter-full,
.card-block.confirmation,
.full.card-block,
.box-form .field div.full.error,
.box-form .field .bonus-block>div.error,
.box-form .field div.error.confirmation,
.box-form .block1.confirmation,
.box-form .full.block1,
.box-form .bonus-block>div.block1,
.box-form .block2.confirmation,
.box-form .full.block2,
.box-form .bonus-block>div.block2,
.main-col.dashboard.confirmation,
.full.main-col.dashboard.confirmation,
.bonus-block>div.main-col.dashboard {
    margin-right: 0;
    margin-left: 0
}

ul.breadcrumb,
.clearSpaces,
.border-box ul,
.sidemenu ul,
.select-box .options-wrap,
.header-menu,
ul.main-nav,
.megamenu ul,
.jspArrow,
.dd-menu-wrap>.dd-menu>ul,
.steps ul,
.fileInput>input.file,
.actions-bar ul,
.sidebar-list ul,
ul.arrow-list,
.proth-process .navigation ul,
.ecard-step1 .block2 h4,
.sitemap ul {
    margin: 0;
    padding: 0
}

.inner.piraeusBank p,
.inner.winBank p,
.inner.yellowDay p,
.inner.personalBank p,
.inner.privateBank p,
.inner.greenBank p,
.inner.exelixi p,
.inner.easypay p,
.sideblock.piraeusBank p,
.sideblock.winBank p,
.sideblock.yellowDay p,
.sideblock.personalBank p,
.sideblock.privateBank p,
.sideblock.greenBank p,
.sideblock.exelixi p,
.sideblock.easypay p {
    font-family: "piraeus_sansregular", arial;
    line-height: 1.4;
    margin-bottom: .5em;
    text-align: left
}

.timer .refresh:active span.ic-refresh,
.no-touch .timer .refresh:hover span.ic-refresh,
.no-touch .timer .refresh:focus span.ic-refresh,
.open .acc-header .action-elm:before,
.tooltip.tRight.bottom>.content>.arrow,
.tooltip.tRight>.content>.arrow,
.tooltip-button .tooltip.tooltip-left>.content>.arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.clearList,
.border-box ul li,
.sidemenu li,
.select-box .options-wrap>*,
.header-menu li,
ul.main-nav li,
.dd-menu li,
.search-box li,
li.tab-header,
.sidebar-list li,
ul.arrow-list li,
.proth-process .navigation li,
.sitemap ul li {
    list-style: none;
    margin: 0
}

.no-touch .noUnderline:hover,
.no-touch .noUnderline:focus,
.noUnderline:active,
.border-box ul li a:active,
.no-touch .border-box ul li a:hover,
.no-touch .border-box ul li a:focus,
.border-box ul li h3 a:active,
.no-touch .border-box ul li h3 a:hover,
.no-touch .border-box ul li h3 a:focus,
.border-box h3 a:hover,
.no-touch .border-box h3 a:focus,
.no-touch ul.arrow-list li a:hover,
.no-touch ul.arrow-list li a:active,
.no-touch ul.arrow-list li a:focus {
    color: #fcb813;
    text-decoration: none
}

ul.checklist .header-link li:before,
.header-link .info-tooltip li:before,
.header-link .fav-items li.fav:before {
    font-size: 20px;
    margin: 2px 0
}

.header-link .ic.ic-ypiresies {
    font-size: 19px;
    margin-bottom: 2.5px;
    margin-top: 2.5px
}

ul.checklist li:before,
.ic,
.fav-items li.fav:before,
.sidemenu li:before,
.radio.checked>span,
.radio.checked .ic-radio,
.acc-header .action-elm,
.connected-list .tile:not(.empty),
ul.arrow-list,
.info-tooltip li:before {
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.text-ellipsis,
.info-data .col1,
.info-data .col2,
.info-data .selected .col1 span:not(.iban),
.select-box .selected,
.header-top .user-info .text,
.header-top .user-info .agent,
.level-title,
.dd-menu-wrap>.dd-menu .detail,
.dd-title h1,
.tile-title .edit-block .name,
.fileInput>div.file-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

h1,
h2,
h3 {
    color: #102342;
    font-family: "robotoregular", arial;
    font-weight: normal
}

.position-absolute-full,
.absoluteFull,
.invisible,
.radio .ic-radio input,
.radio>span input,
.checkbox input.checkbox,
.fileInput>input.file,
input.search+span.ic-search input,
.radio.checked .ic-radio:before,
.radio.checked>span:before,
.popup,
.edit-block .save.save input,
.proth-process>.bg,
.proth-process .over,
.slider-wrap .sliderTrail {
    width: 100%;
    height: 100%
}

ul.checklist li:before,
.position-absolute-full,
.absoluteFull,
.invisible,
.radio .ic-radio input,
.radio>span input,
.checkbox input.checkbox,
.fileInput>input.file,
input.search+span.ic-search input,
.radio.checked .ic-radio:before,
.radio.checked>span:before,
.popup,
.edit-block .save.save input,
.proth-process>.bg,
.proth-process .over,
.slider-wrap .sliderTrail,
.absoluteInit,
.header-top .open-search:before,
.edit-block .editing,
.steps .border span,
.alert-block .ic-attention {
    position: absolute;
    top: 0;
    left: 0
}

.d-hide,
.m-show,
.t-show {
    display: none
}

* {
    -webkit-tap-highlight-color: transparent
}

*:focus {
    outline: none
}

body {
    background-color: #eee;
    color: #666;
    font-family: "robotoregular", arial;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden
}

body.modal-open,
body.open-popup,
body.hidden {
    overflow: hidden
}

i {
    color: #102342
}

a {
    color: #4870a9;
    text-decoration: none
}

.no-touch a:not(.inactive):hover,
.no-touch a:not(.inactive):focus,
a:not(.inactive):active {
    text-decoration: underline
}

.no-touch a.externalLink:not(.inactive):hover,
.no-touch a.externalLink:not(.inactive):focus,
a.externalLink:not(.inactive):active {
    text-decoration: none
}

@media only screen and (max-width:990px) {

    .no-touch a.home:hover,
    a.home:active,
    .no-touch a.home:focus {
        text-decoration: none
    }
}

a.back {
    color: #102342;
    clear: both;
    cursor: pointer;
    float: left;
    font-family: "robotomedium", arial;
    font-size: 14px;
    line-height: 1;
    margin: 0 0 16px;
    transition: all 100ms ease-out
}

@media only screen and (max-width:700px) {
    a.back {
        margin-top: -8px
    }
}

a.back:active,
.no-touch a.back:focus,
.no-touch a.back:hover {
    color: #fcb813;
    text-decoration: none
}

a.back .arrow {
    font-size: 10px;
    margin: 0 4px 0 0;
    text-align: center;
    padding: 4px
}

a.inactive {
    cursor: default
}

a.active,
.moss-content a.download {
    cursor: pointer
}

img {
    max-width: 100%;
    height: auto
}

p {
    color: #102342;
    font-size: 16px;
    line-height: 1.45;
    margin: 0 0 10px
}

@media only screen and (max-width:700px) {
    p {
        font-size: 15px
    }
}

p.error {
    color: #ff4c33;
    font-family: "robotolight_italic", arial;
    font-size: 15px;
    line-height: 1.2
}

p.black {
    color: #404040
}

p.it {
    color: #828282;
    font-family: "robotoitalic", arial
}

p.emph {
    margin: 25px 0
}

p.emph span {
    color: #57739d;
    font-family: "robotobold_italic", arial;
    text-decoration: underline
}

ul {
    margin: 8px 0 16px;
    padding: 0 0 0 32px
}

@media only screen and (max-width:700px) {
    ul {
        padding-left: 15px;
        font-size: 15px
    }
}

ul li {
    color: #102342;
    font-family: "robotomedium", arial;
    font-size: 14px;
    list-style: url("list-bullet.svg") inside;
    line-height: 1.5;
    margin: 0 0 8px
}

.error ul li {
    color: #ff4c33
}

@media only screen and (max-width:700px) {
    ul li {
        font-size: 15px
    }
}

ul.checklist {
    margin: 0 0 15px;
    padding: 0
}

ul.checklist li {
    list-style: none;
    padding-left: 28px;
    position: relative
}

ul.checklist li:before {
    color: #8a8a8a;
    content: "";
    font-size: 20px
}

@media only screen and (min-width:701px) and (max-width:990px) {
    ul.checklist .header-link li:before {
        font-size: 26px;
        margin: 5px 0
    }
}

ul.path {
    margin-top: 20px;
    padding: 0
}

ul.path li {
    float: left;
    font-size: 13px;
    list-style: none;
    line-height: 1
}

ul.path li:first-child a {
    border-left: none;
    padding-left: 0
}

ul.path li a {
    border-left: 1px solid #5c85c9;
    display: block;
    padding: 0 6px
}

ul.breadcrumb {
    float: left
}

@media only screen and (max-width:990px) {
    ul.breadcrumb {
        display: none
    }
}

ul.breadcrumb li {
    border-right: 1px solid #999;
    color: #6e6e6e;
    float: left;
    font-size: 13px;
    line-height: 1;
    list-style: none;
    padding: 0 7px 0 0;
    margin: 0 7px 0 0
}

ul.breadcrumb li:last-child {
    border: none
}

ul.breadcrumb li a {
    color: #999
}

.no-touch ul.breadcrumb li a:focus {
    outline: none
}

h3+ul {
    margin-top: 15px
}

h1 {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 16px
}

h1.blue-title {
    color: #1e3c78;
    font-family: "robotomedium", arial
}

h1 .subtitle {
    font-size: 25px
}

h1 .subtitle:before {
    content: " - "
}

@media only screen and (max-width:700px) {
    h1 {
        font-size: 20px;
        line-height: 26px
    }
}

h2 {
    font-size: 22px;
    line-height: 1.3;
    margin: 1.4em 0 .7em
}

@media only screen and (max-width:700px) {
    h2 {
        font-size: 21px
    }
}

h3 {
    font-size: 18px;
    line-height: 24px;
    margin: 1.35em 0 .8em
}

h3.light {
    font-family: "robotolight", arial
}

h3+ul {
    margin-top: 15px
}

h4 {
    color: #1e3c78;
    font-family: "robotomedium", arial;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
    margin: 1em 0 .3em
}

body:not(.iframeform) h4 {
    font-family: "robotomedium", arial;
    line-height: 24px;
    margin: 24px 0
}

body .iframeform h4 {
    font-family: "robotomedium", arial;
    line-height: 10px;
    margin: 0 0
}

@media only screen and (max-width:679px) {
    body .iframeform .box-form h4 {
        font-family: "robotomedium", arial;
        line-height: 24px;
        margin: 5px 0 !important
    }
}

h4.gray {
    color: #404040
}

h4.darkBlue {
    color: #102342
}

h5 {
    color: #666;
    font-family: "robotomedium", arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 10px
}

b.i {
    font-family: "robotobold_italic", arial
}

i {
    font-family: "robotoitalic", arial;
    font-style: normal
}

.ecardModal i {
    font-size: 14px
}

@media only screen and (max-width:700px) {
    .d-hide {
        display: block
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .d-hide {
        display: block
    }
}

@media only screen and (max-width:700px) {
    .m-show {
        display: block
    }
}

@media only screen and (max-width:700px) {
    .m-hide {
        display: none
    }
}

@media only screen and (max-width:990px) {
    .m-break {
        display: block
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .t-show {
        display: block
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .t-hide {
        display: none
    }
}

.h-scroll {
    overflow: hidden;
    height: auto
}

@media only screen and (max-width:700px) {
    .full-mobile {
        width: 100%
    }
}

.invisible,
.radio .ic-radio input,
.radio>span input,
.checkbox input.checkbox,
.fileInput>input.file,
input.search+span.ic-search input {
    opacity: 0
}

.block-inner {
    padding: 20px
}

@media only screen and (max-width:700px) {
    .block-inner {
        padding: 10px
    }
}

.block-inner>h3 {
    margin-top: 0
}

@media only screen and (max-width:700px) {
    .block-inner>h3 {
        margin-bottom: 15px
    }
}

.inlineFields.vMargin {
    margin-top: -4px;
    margin-bottom: -4px
}

.inlineFields.vMargin>* {
    margin-top: 4px;
    margin-bottom: 4px
}

.inlineFields.spaceTop {
    margin-top: 4px
}

.sidebar {
    position: relative;
    z-index: 8
}

@media only screen and (max-width:990px) {
    .sidebar {
        text-align: center
    }
}

.sidebar.dashboardSide {
    z-index: 10
}

.sidebar.dashboardSide.activeSection {
    z-index: 11
}

label {
    font-size: 15px;
    line-height: 1.2;
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 22px
}

label.error {
    color: #ff4c33
}

label.w-tooltip {
    max-width: 80%
}

label img {
    pointer-events: none
}

.label {
    font-size: 15px;
    line-height: 1.2;
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 22px
}

.label.error {
    color: #ff4c33
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix:after {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.right.card-block,
.right.main-title.wide,
.bonus-block .right.bonus,
.right.confirmation,
.right.main-col,
.advices .right.block-inner,
.filters .right.buttons-wrap,
.filter-item .right.s,
.filter-item .right.half,
.filter-item .right.m,
.filter-item .right.filter-full,
.boxes3>.right {
    float: right
}

@media only screen and (max-width:990px) {
    .right {
        float: right
    }
}

@media only screen and (max-width:700px) {
    .right.m-left {
        float: left
    }
}

.al-center {
    text-align: center
}

.al-left,
.align-left {
    text-align: left
}

.al-right {
    text-align: right
}

.v-top {
    vertical-align: top
}

.v-top .block1 {
    margin-bottom: 5px;
    margin-top: 5px
}

.cursor-pointer,
.open-acc {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

.v-middle:not(table):not(td)>*:first-child {
    margin-right: 10px
}

.it-text {
    color: #999;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px
}

.no-results {
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    background-color: #fff;
    color: rgba(102, 102, 102, .6);
    padding: 86px 0;
    text-align: center
}

.popup .no-results {
    padding: 72px 0
}

.popup .section.gray .no-results {
    margin-bottom: 0
}

.no-results p {
    color: rgba(102, 102, 102, .6)
}

.no-results span {
    color: rgba(102, 102, 102, .6);
    font-size: 24px;
    margin-bottom: 16px
}

.no-menu .box-form {
    margin-top: 0
}

.no-menu .main-title {
    margin-top: -40px
}

.intro-text {
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 20px
}

.intro-text>p {
    margin-bottom: 15px
}

.introText {
    margin-bottom: 24px
}

.link {
    cursor: pointer;
    display: block
}

.ic-star {
    color: #f6b630
}

.ic-print {
    display: inline-block;
    color: #102342;
    cursor: pointer;
    font-size: 24px;
    padding: 5px;
    transition: all 150ms ease-out;
    line-height: 32px;
    transition: color 150ms ease-out;
    text-align: center;
    width: 40px;
    height: 40px
}

@media only screen and (max-width:700px) {
    .ic-print {
        font-size: 20px
    }

    .ic-print .m-hide {
        display: none
    }
}

.ic-print.active,
.no-touch .ic-print:hover {
    color: #4870a9
}

.ic-info {
    cursor: pointer
}

.ic-info:before {
    position: relative;
    z-index: 2
}

.ic-file {
    color: #4870a9;
    cursor: pointer;
    display: inline-block;
    font-size: 35px;
    position: relative
}

.no-touch .ic-file:hover,
.ic-file:active,
.no-touch .ic-file:focus {
    color: #1e3c78
}

.ic-file span {
    font-family: "robotomedium", arial;
    font-size: 10px;
    left: 9px;
    position: absolute;
    top: 7.5px;
    text-align: center;
    width: 23px
}

.ic-file.txt span {
    color: #a9dca2
}

.ic-file.csv span {
    color: #edbc7a
}

.ic-file.pdf span {
    color: #ffa4a4
}

.ic-file.html span {
    color: #e6f598;
    font-size: 8px;
    left: 8px;
    top: 9px
}

.ic-file.MT940 span {
    font-size: 9px;
    color: #e4d945;
    background-color: #5c85c9;
    width: 30px;
    height: 11px;
    top: 8px;
    left: 7px
}

.ic-close {
    color: #102342;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    z-index: 1
}

.ic-check {
    color: #73ba59
}

.ic-pending {
    color: #f37021
}

.ic-error {
    color: #ff4c33
}

.ic-button {
    color: #102342;
    line-height: 32px;
    text-align: center;
    width: 40px;
    height: 40px
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .ic-button {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.ic-button>span.ic,
.acc-header .ic-button>span.action-elm,
.ic-button>span.ic-radio,
.connected-list .ic-button>span.tile:not(:empty) {
    font-size: 24px;
    margin-right: 4px
}

.acc-header .ic-button>span.ic-save.action-elm,
.connected-list .ic-button>span.ic-save:not(:empty) {
    font-size: 16px;
    padding: 4px 0
}

@media only screen and (max-width:700px) {

    .connected-list .ic-button>span.tile:not(.empty),
    .acc-header .ic-button>span.action-elm {
        font-size: 19px
    }

    .connected-list .ic-button>span.ic-save.tile:not(.empty),
    .acc-header .ic-button>span.ic-save.action-elm {
        padding: 1.5px 0
    }
}

.ic-button.active,
.no-touch .ic-button:hover {
    color: #4870a9
}

.ic-button:active,
.no-touch .ic-button:focus {
    text-decoration: none
}

.button {
    background-color: #16315d;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "robotobold", arial;
    font-size: 14px;
    line-height: 16px;
    margin: 8px 0 32px;
    padding: 12px 24px;
    white-space: normal;
    transition: all 150ms ease-out
}

.no-touch .button:focus {
    text-decoration: none
}

.no-touch .button:not(.inactive):not(:disabled):not(.button-blue):hover {
    background-color: #fcb813;
    color: #16315d;
    outline: none;
    text-decoration: none
}

.button.noPaddingH {
    padding-left: 0;
    padding-right: 0
}

.button.button-blue {
    background-color: transparent;
    color: #16315d
}

.button.button-blue:active {
    background-color: transparent;
    color: #fcb813
}

.button.button-blue:not(.inactive):not(:disabled):active,
.no-touch .button.button-blue:not(.inactive):not(:disabled):focus {
    outline: none;
    text-decoration: none
}

.no-touch .button.button-blue:not(.inactive):not(:disabled):hover {
    background-color: transparent;
    color: #fcb813;
    outline: none;
    text-decoration: none
}

.button.button-border {
    background: transparent;
    border: 1px solid #16315d;
    color: #16315d;
    padding-top: 11px;
    padding-bottom: 11px
}

.button.button-border:not(.inactive):not(:disabled):not(.button-blue):active,
.no-touch .button.button-border:not(.inactive):not(:disabled):not(.button-blue):hover,
.no-touch .button.button-border:not(.inactive):not(:disabled):not(.button-blue):focus {
    background-color: #c5d4eb
}

.button.buttonWhite {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.button.blue {
    background-color: #1e3c78;
    box-shadow: 0 4px 0 0 rgba(92, 133, 201, .29)
}

.button:disabled,
.button.inactive {
    opacity: .4;
    cursor: default
}

.confirmation {
    width: 66.66667%;
    margin-left: 8.7%;
    padding-top: 37px
}

@media only screen and (max-width:700px) {
    .confirmation {
        width: 100%;
        margin-left: 0;
        padding-top: 10px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .confirmation {
        margin-left: .78%;
        margin-right: .78%;
        width: 81.77333%
    }
}

body.iframeform .confirmation {
    margin-left: 0%;
    margin-right: 1.5%
}

@media only screen and (max-width:700px) {
    body.iframeform .confirmation {
        margin-left: 1.5%;
        margin-right: 1.5%
    }
}

.space {
    width: 100%;
    height: 30px
}

.space.half {
    height: 15px
}

.white-block {
    background-color: #fff
}

.white-block h3 {
    font-family: "robotomedium", arial;
    margin: 0 0 16px
}

.border-title h2 {
    color: #102342;
    font-size: 20px;
    line-height: 24px;
    margin: 24px 0 16px
}

.white-block .border-title h2,
.border-box .border-title h2,
.main-tile .border-title h2,
.advices .border-title h2,
.pie-block .border-title h2,
.bonus-block .border-title h2 {
    background-color: #fff
}

.white-block-inner {
    padding: 24px
}

@media only screen and (max-width:700px) {
    .white-block-inner {
        padding: 16px
    }
}

.white-block-inner .checkbox:first-child:last-child {
    margin-right: 0
}

.balance {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 14px;
    line-height: 24px
}

.balance>.value {
    color: #102342;
    font-size: 20px;
    line-height: 24px
}

.balance .cur {
    font-family: "robotomedium", arial;
    font-size: 14px;
    line-height: 20px;
    margin-left: 8px
}

.main-wrapper {
    background-color: #eee;
    position: relative
}

.mm-opened .main-wrapper {
    overflow: hidden;
    height: calc(100% - 149px)
}

.fixed-header .main-wrapper {
    padding-top: 96px
}

@media only screen and (max-width:990px) {
    .main-wrapper {
        transition: left .4s ease-out;
        left: 0;
        position: relative
    }

    .fixed-header .main-wrapper {
        padding-top: 64px
    }

    html.mm-opened .main-wrapper {
        left: -80%
    }
}

@media only screen and (max-width:700px) {
    .mm-opened .main-wrapper {
        height: calc(100% - 105px)
    }
}

@media all and (min-width:550px) {
    html.mm-opened .main-wrapper {
        left: -440%
    }
}

@media all and (max-width:175px) {
    html.mm-opened .main-wrapper {
        left: -140%
    }
}

.main-content {
    margin: 48px 0 0;
    position: relative;
    z-index: 8;
    min-height: 110px
}

.main-content.over {
    z-index: 9
}

.main-content .wrapper .sidebar:not(.left) {
    float: right
}

@media only screen and (max-width:700px) {
    .main-content {
        padding-bottom: 25px
    }

    body:not(.iframeform) .main-content {
        margin-top: 32px
    }

    body.iframeform .main-content {
        margin-top: 16px
    }
}

.main-col {
    float: left;
    margin-left: .58%;
    margin-right: .58%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
    width: 82.17333%
}

@media only screen and (max-width:700px) {
    .main-col {
        margin-left: 1.5%;
        margin-right: 1.5%;
        width: 97%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .main-col {
        margin-left: .78%;
        margin-right: .78%;
        width: 98.44%
    }
}

.main-col.confirmation {
    width: 83.33333%
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .main-col.confirmation {
        width: 100%
    }
}

.main-col.wide {
    width: 98.84%
}

@media only screen and (max-width:700px) {
    .main-col.wide {
        margin-left: 1.5%;
        margin-right: 1.5%;
        width: 97%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .main-col.wide {
        margin-left: .78%;
        margin-right: .78%;
        width: 98.44%
    }
}

.main-col.wide.confirmation {
    width: 100%
}

.main-col>.button {
    margin-right: 10px
}

@media only screen and (max-width:700px) {
    .main-col>.button {
        margin-bottom: 10px
    }
}

.main-col>h2:first-child {
    margin-top: 0
}

.main-col>h3:first-child {
    margin-top: 10px
}

.main-col>.box-form:first-child {
    margin-top: 0
}

.full.main-col {
    width: 83.33333%
}

@media only screen and (max-width:700px) {
    .full.main-col {
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .full.main-col {
        width: 100%
    }
}

.full.main-col.wide {
    width: 100%
}

.border-box {
    background-color: #fff;
    border-left: 8px solid #16315d;
    margin-bottom: 14px;
    padding: 20px 15px
}

.border-box ul li {
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 1px solid #d6d6d6;
    font-size: 15px;
    line-height: 1.3;
    position: relative
}

.border-box ul li:after {
    margin-top: -7px;
    position: absolute;
    top: 50%;
    color: #102342;
    content: "";
    font-size: 14px;
    right: 4px
}

.no-touch .border-box ul li:hover:after {
    color: #fcb813
}

.border-box ul li:active:after {
    color: #fcb813
}

.no-touch .border-box ul li:focus:after {
    color: #fcb813
}

.border-box ul li a {
    color: #102342;
    display: block;
    font-family: "robotoregular", arial;
    padding: 4px 24px 4px 0;
    width: 100%
}

.border-box h3 {
    margin-top: 0
}

.border-box h3 a {
    color: #102342
}

.buttons-wrap .border-box {
    padding: 10px
}

.border-box table.details {
    margin-bottom: 0
}

.main-title {
    margin-bottom: 16px;
    position: relative;
    z-index: 10
}

@media only screen and (max-width:700px) {
    .main-title {
        margin-bottom: 10px;
        padding: 6px 0
    }
}

.main-title.wide {
    width: 98.84%
}

.main-title.wide.confirmation {
    width: 100%
}

@media only screen and (max-width:700px) {
    .main-title.wide {
        margin-left: 1.5%;
        margin-right: 1.5%;
        width: 97%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .main-title.wide {
        margin-left: .78%;
        margin-right: .78%;
        width: 98.44%
    }
}

.main-title h1 {
    margin-bottom: 0
}

.main-title .extraPinWrap+h1 {
    max-width: calc(100% - 80px)
}

.main-title .extraPinWrap+.pageTitle {
    max-width: calc(100% - 80px)
}

.main-title .persBtn {
    position: relative;
    z-index: 99
}

.main-title .persBtn.activeTour {
    z-index: 991
}

@media only screen and (max-width:990px) {
    body.hidden .main-title {
        z-index: 8
    }
}

.full.main-title.wide {
    width: 100%
}

.error-msg {
    color: #ff4c33;
    display: none;
    font-family: "robotoregular", arial;
    font-size: 14px;
    line-height: 20px
}

.range-fields.error+.error-msg,
.input.error+.error-msg,
.radio-field.error+.error-msg,
.field.error .error-msg {
    display: block
}

.wrappable {
    word-break: break-all
}

th.wrappable {
    word-break: normal
}

.account-statement:not(.noMargin) {
    margin-top: 24px
}

.account-statement table {
    margin: 0
}

.account-statement+.border-title {
    margin-top: -7px
}

.tile {
    background-color: #fff;
    border-left: 4px solid #16315d;
    margin: 0 0 8px;
    padding: 16px 56px 16px 24px;
    position: relative;
    transition: background-color 150ms ease-out
}

@media only screen and (max-width:700px) {
    .tile {
        padding-left: 16px;
        padding-right: 40px
    }
}

@media only screen and (max-width:440px) {
    .tile {
        display: block;
        margin: 0 0 8px
    }
}

.tile.full {
    padding-right: 12px
}

.tile.confirmation {
    padding-right: 12px
}

.tile>.ic-arrowRight {
    margin-top: -16px;
    position: absolute;
    top: 50%;
    color: #102342;
    font-size: 16px;
    padding: 8px;
    right: 16px;
    transition: all 150ms ease-out
}

@media only screen and (max-width:700px) {
    .tile>.ic-arrowRight {
        right: 8px
    }
}

.tile>.ic-arrowRight:active,
.no-touch .tile>.ic-arrowRight:hover,
.no-touch .tile>.ic-arrowRight:focus {
    text-decoration: none
}

.tile>.ic-arrowRight:active:focus,
.no-touch .tile>.ic-arrowRight:hover:focus,
.no-touch .tile>.ic-arrowRight:focus:focus {
    outline: none
}

.tile.full-link {
    border: none;
    padding: 0
}

.tile.full-link .tile-title h3 {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tile.full-link>a {
    display: block;
    padding: 16px 32px
}

@media only screen and (max-width:700px) {
    .tile.full-link>a {
        padding: 15px 15px 12px
    }
}

.tile.full-link>a:active,
.tile.full-link>a:focus,
.no-touch .tile.full-link>a:hover {
    background-color: #f9fafc
}

.no-touch .tile:not(.total-row):hover {
    background-color: #f9fafc
}

.tile h3.name {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.tile p a {
    position: relative
}

.tile.inactive {
    border-left-color: #d7d7d7
}

.tile.inactive .tile-title {
    color: #d7d7d7
}

.tile-details {
    float: right;
    max-width: 37%
}

@media only screen and (max-width:990px) {
    .tile-details {
        clear: both;
        float: left
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .tile-details {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

.tile-details>.date>.value {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 15px
}

.tile-details .balance {
    text-align: right;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end
}

@media only screen and (max-width:990px) {
    .tile-details .balance {
        display: block;
        margin-top: 8px;
        text-align: left
    }
}

@media only screen and (max-width:700px) {
    .full-link .tile-details .balance {
        text-align: left
    }
}

.tile-details .balance>.value {
    float: right;
    margin: 0 0 0 24px;
    white-space: nowrap
}

@media only screen and (max-width:440px) {
    .tile-details .balance>.value {
        white-space: normal
    }
}

.tile-details .balance>.type {
    float: right;
    margin: 0;
    white-space: nowrap
}

@media only screen and (max-width:990px) {
    .tile-details .balance>.type {
        clear: both;
        float: left;
        margin-top: 0
    }
}

@media only screen and (max-width:700px) {
    .full-link .tile-details .balance>span {
        text-align: left
    }

    .full-link .tile-details .balance>span.value {
        display: inline-block;
        float: none;
        margin: 0;
        vertical-align: middle
    }

    .full-link .tile-details .balance>span.type {
        display: inline-block;
        float: none;
        margin: 0;
        vertical-align: middle;
        margin: 3px 0 0 6px
    }
}

.tile-details .balance.date {
    margin: 8px 0
}

@media only screen and (max-width:990px) {
    .tile-details .balance.date {
        display: none
    }
}

@media only screen and (max-width:700px) {
    .full-link .tile-details .balance.date {
        display: block
    }
}

.tile-details .balance.date>.type {
    margin-top: 0
}

@media only screen and (max-width:990px) {

    .tile-details .balance.accounting>.type,
    .tile-details .balance.available>.type {
        margin-top: 0
    }
}

@media only screen and (max-width:990px) {

    .tile-details .balance.accounting>.value,
    .tile-details .balance.available>.value {
        float: left;
        margin: 0
    }
}

@media only screen and (max-width:700px) {
    .full-link .tile-details .balance.accounting {
        display: block
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .tile-details .balance:not(:last-child) {
        padding-right: 24px
    }
}

.tile-title {
    float: left;
    max-width: calc(63% - 32px)
}

.tile-title.full {
    width: 100%;
    max-width: 100%
}

.tile-title p {
    clear: both;
    color: #102342;
    float: left;
    font-size: 14px;
    line-height: 24px;
    margin: 0
}

@media only screen and (max-width:700px) {
    .full-link .tile-title p {
        font-size: 14px
    }
}

.tile-title p span {
    color: #666
}

.tile-title p a span {
    color: #4870a9
}

@media only screen and (max-width:990px) {
    .tile-title {
        width: auto;
        max-width: 87%
    }

    .tile-title.small {
        max-width: calc(100% - 32px)
    }

    .tile-title.small+.tile-details {
        max-width: 100%;
        width: 100%
    }
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .tile-title {
        max-width: 54%
    }

    .tile-title.small {
        max-width: 45%
    }

    .tile-title.small+.tile-details {
        max-width: calc(55% - 32px)
    }
}

@media only screen and (max-width:440px) {
    .tile-title {
        width: 100%
    }

    .tile-title.small {
        max-width: 100%
    }
}

.tileLink {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%
}

.total-row {
    background-color: #fff;
    border-left: none;
    color: #102342;
    padding: 16px 56px 16px 68px
}

.total-row>.text {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 20px
}

.total-row>.value {
    font-family: "robotoregular", arial;
    font-size: 20px;
    line-height: 24px
}

@media only screen and (max-width:700px) {
    .total-row {
        padding: 25px 15px 25px 40px
    }

    .total-row>.text {
        font-size: 16px;
        width: 100%
    }

    .total-row>.value {
        font-size: 20px;
        text-align: right
    }

    .total-row>.value sub {
        font-size: 15px
    }

    .total-row>div {
        display: inline-block;
        vertical-align: middle;
        float: none
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .total-row {
        padding-left: 20px;
        padding-right: 40px
    }

    .total-row>* .text {
        font-size: 25px
    }

    .total-row>* .value {
        font-size: 28px
    }
}

.info-tile:not(:last-child) {
    margin: 0 0 16px
}

.info-tile>.value {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 20px;
    line-height: 24px
}

@media only screen and (max-width:990px) {
    .info-tile>.value {
        font-size: 22px
    }
}

.info-tile>.value.light {
    color: #666;
    font-size: 16px
}

.info-tile .cur {
    font-family: "robotolight", arial;
    font-size: 20px;
    margin-left: 2px
}

.info-tile>.detail {
    color: #666;
    font-size: 16px;
    margin-bottom: 0
}

@media only screen and (max-width:990px) {
    .infoTilesWrap {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .infoTilesWrap .info-tile {
        width: auto
    }

    .infoTilesWrap .info-tile:not(:last-child) {
        margin-right: 48px
    }
}

.main-tile {
    padding: 0 12px;
    background-color: #fff
}

.main-tile .info-block {
    padding: 40px 28px
}

.main-tile .info-block img.card {
    max-width: 200px
}

.main-tile .info-block.chartCol {
    max-width: 300px
}

.main-tile .info-block.full {
    padding-top: 0;
    width: 100%
}

.main-tile .info-block~.radio-tab {
    padding-top: 20px
}

.main-tile .info-block~.radio-tab .box-form {
    padding-top: 10px
}

.main-tile .info-block~.radio-tab table.default {
    margin-top: 0 !important
}

.main-tile h3 {
    font-family: "robotomedium", arial;
    margin: 0 0 16px
}

.main-tile+.account-statement {
    margin-top: 10px
}

@media only screen and (max-width:990px) {
    .main-tile {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-tile .info-block.chartCol {
        max-width: 100%
    }

    .main-tile .info-block .space {
        display: none
    }

    .main-tile .info-block:not(:first-child) {
        padding-top: 12px
    }

    .main-tile .info-block:not(:last-child) {
        padding-bottom: 12px
    }

    .main-tile .info-block:first-child {
        padding-top: 24px
    }

    .main-tile .info-block:last-child {
        padding-bottom: 8px
    }
}

@media only screen and (max-width:700px) {
    .main-tile .info-block {
        padding-left: 4px;
        padding-right: 4px
    }
}

@media only screen and (max-width:990px) {
    .main-tileInner {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.mainTitleWrap .titleTools {
    padding-left: 16px
}

.mainTitleWrap .titleBlock {
    flex-grow: 1
}

.mainTitleWrap .titleBlock .pageTitle {
    max-width: 640px
}

@media only screen and (max-width:990px) {
    .mainTitleWrap .titleBlock .pageTitle {
        max-width: calc(100vw - 180px)
    }
}

@media only screen and (max-width:700px) {
    .mainTitleWrap .titleBlock .pageTitle {
        max-width: calc(100vw - 150px)
    }
}

.buttons-wrap {
    margin: 16px 0 20px;
    text-align: center
}

.buttons-wrap.center,
.buttons-wrap.al-center {
    text-align: center
}

.buttons-wrap.al-left {
    text-align: left
}

.buttons-wrap.al-right,
.buttons-wrap.al-right .block1.empty+.block2 {
    text-align: right
}

.buttons-wrap>* {
    margin: 4px
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .buttons-wrap>* {
        margin: 0 4px
    }
}

.buttons-wrap .block2 {
    text-align: left
}

.buttons-wrap .block2>* {
    margin: 4px 4px 4px 0
}

.buttons-wrap .block2>div:not(.buttons-wrap) input {
    margin: 0
}

.buttons-wrap.white-block,
.buttons-wrap.advices,
.buttons-wrap.main-tile,
.buttons-wrap.pie-block,
.buttons-wrap.bonus-block {
    padding: 10px
}

@media only screen and (max-width:990px) {
    .buttons-wrap.d-center {
        text-align: center
    }
}

.buttons-wrap.d-center>* {
    margin-bottom: 4px;
    margin-top: 4px
}

@media only screen and (max-width:990px) {
    .buttons-wrap.d-center>* {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin: 4px 3px
    }
}

.buttons-wrap .block1.empty {
    display: none
}

.buttons-wrap .block1.empty+.buttons-wrap {
    margin: 0
}

.buttons-wrap .block1.empty+.buttons-wrap .block2 {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.buttons-wrap .block1.empty+.block2 {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.buttons-wrap .block1.empty+.block2 .buttons-wrap {
    margin: 0;
    padding: 0;
    text-align: center
}

.buttons-wrap .block1.empty+.block2 .buttons-wrap>* {
    float: none
}

.buttons-wrap+.buttons-wrap {
    margin-top: 0
}

.buttons-wrap+.main-tile {
    margin-top: 20px
}

@media only screen and (max-width:700px) {
    .buttons-wrap {
        text-align: center
    }

    .buttons-wrap>* {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin: 0 3px 9px
    }

    .buttons-wrap .block2 {
        text-align: center
    }

    .buttons-wrap .block2>* {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin: 0 3px 9px
    }

    .buttons-wrap.filtersBtns {
        text-align: left
    }

    .box-row .buttons-wrap.block2>* {
        margin: 5px 6px
    }

    .box-row .buttons-wrap.block2>*:last-child {
        margin-right: 0
    }

    .box-row .buttons-wrap.block2>.button {
        padding-right: 16px;
        padding-left: 16px
    }
}

.errorRow {
    margin-top: 24px
}

.detail-text {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 20px;
    line-height: 24px
}

.info-block .detail-text {
    margin: 0 0 8px
}

.detail-text>.ic-info {
    color: #a8a8a8;
    font-size: 22px
}

.detail-text>.ic-plus {
    cursor: pointer;
    font-weight: bold;
    margin: 0 2px
}

.detail-text.small {
    font-size: 13px
}

.detail-text.error {
    color: #ff4c33
}

.info-data .col {
    margin: 0
}

.info-data .col1 {
    padding-right: 8px;
    -webkit-flex-shrink: 1;
    -webkit-box-flex: 1;
    -moz-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.info-data .col2 {
    padding-left: 8px;
    text-align: right;
    width: 180px;
    -webkit-flex-shrink: 0;
    -webkit-box-flex: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.info-data .options-wrap .iban {
    display: block;
    font-size: 14px
}

@media only screen and (max-width:990px) {
    .info-data .options-wrap .colsWrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .info-data .options-wrap .colsWrap .col2,
    .info-data .options-wrap .colsWrap .col1 {
        padding-left: 0;
        padding-right: 0;
        text-align: left;
        width: 100%
    }
}

@media only screen and (max-width:990px) {
    .info-data .options-title {
        display: none
    }
}

.info-data .selected .col1 {
    text-overflow: inherit
}

.info-data .selected .col1 span:not(.iban) {
    max-width: calc(100% - 50px)
}

.info-data .selected .iban {
    width: 50px
}

@media only screen and (max-width:990px) {
    .info-data .selected .col2 {
        width: auto;
        -webkit-flex-shrink: 1;
        -webkit-box-flex: 1;
        -moz-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

.border-button {
    border: 1px solid #b3b3b3;
    color: #828282;
    cursor: pointer;
    font-family: "robotomedium", arial;
    font-size: 13px;
    line-height: 1.9;
    transition: all 150ms ease-out
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .border-button {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.border-button:active,
.border-button:focus,
.no-touch .border-button:hover {
    text-decoration: none
}

.border-button>span.ic,
.acc-header .border-button>span.action-elm,
.connected-list .border-button>span.tile:not(:empty) {
    font-size: 24px;
    margin-right: 4px
}

.acc-header .border-button>span.ic-save.action-elm,
.connected-list .border-button>span.ic-save:not(:empty) {
    font-size: 16px;
    padding: 4px 0
}

@media only screen and (max-width:700px) {

    .connected-list .border-button>span.tile:not(.empty),
    .acc-header .border-button>span.action-elm {
        font-size: 19px
    }

    .connected-list .border-button>span.ic-save.tile:not(.empty),
    .acc-header .border-button>span.ic-save.action-elm {
        padding: 1.5px 0
    }
}

.i-block>.ic-info {
    cursor: default
}

.i-block>div {
    width: calc(100% - 40px)
}

.i-block .ic-info {
    color: #666;
    margin-top: 4px;
    margin-right: 8px;
    vertical-align: top
}

.i-block p {
    margin: 0
}

.i-block.border {
    border-top: 1px dashed #cecece;
    padding-top: 15px
}

.i-block.alert {
    margin: 0 0 10px
}

.i-block.alert p {
    color: #d69f33;
    line-height: 1.2
}

.i-block.alert .ic-Alerticon {
    color: #d69f33;
    font-size: 18px;
    font-weight: bold;
    margin: 0 8px 0 0
}

.data-row {
    font-size: 15px;
    line-height: 1.2;
    color: #666;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .data-row {
        line-height: 1.3
    }
}

.data-row>span {
    color: #102342;
    margin: 0 0 0 8px
}

.data-row>span.noMargin {
    display: block;
    margin-left: 0
}

.form-status {
    border-top: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    color: #404040;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 24px;
    padding: 17px 0;
    text-align: center
}

@media only screen and (max-width:700px) {
    .form-status {
        padding: 13px 0
    }
}

.form-status.pending {
    border-color: #f37021;
    color: #f37021
}

.form-status.check {
    border-color: #73ba59;
    color: #73ba59
}

.form-status.error {
    border-color: #ff4c33;
    color: #ff4c33
}

.form-status.info {
    border-color: #1e3c78;
    color: #1e3c78;
    font-family: "robotoregular", arial;
    font-size: 16px;
    margin: 63px 0 40px;
    padding: 25px 0
}

.form-status.info span {
    display: block;
    font-family: "robotomedium", arial;
    font-size: 22px;
    margin: 20px 0 0
}

@media only screen and (max-width:700px) {
    .form-status.info {
        margin: 30px 0 20px;
        padding: 15px 0
    }

    .form-status.info span {
        font-size: 20px
    }
}

.form-status.title {
    background-color: #f4f4f4;
    border: none;
    color: #686868;
    font-family: "robotolight", arial;
    margin: 5px 0 40px;
    padding: 17px
}

.form-status.blockUnblock {
    border: none;
    line-height: 1.35;
    margin-bottom: 0;
    text-align: left
}

.form-status.blockUnblock .field {
    margin-top: 32px;
    text-align: left
}

.form-status.blockUnblock .block1 {
    text-align: left;
    width: auto
}

.form-status span[class^="ic-"] {
    font-size: 16px;
    margin: 0 10px 0 0
}

.form-status span:not([class^="ic-"]) {
    text-align: left;
    max-width: calc(100% - 35px)
}

.persBtn {
    line-height: 1;
    margin-right: 0
}

.persBtn .ic-personalization {
    color: #16315d;
    font-size: 24px;
    padding: 5px
}

@media only screen and (max-width:700px) {
    .persBtn .ic-personalization {
        font-size: 20px
    }
}

.info-text {
    float: right;
    text-align: right
}

@media only screen and (max-width:700px) {
    .info-text {
        text-align: center;
        width: 100%
    }
}

.info-text p {
    color: #aaa;
    font-family: "robotoitalic", arial;
    font-size: 14px;
    margin: 0 0 3px
}

.info-text span {
    color: #888
}

.white-content li,
.white-content p {
    color: #fbfbfb;
    font-family: "robotoitalic", arial
}

.white-content ul {
    margin: 0 0 20px;
    padding-left: 0
}

.white-content li {
    list-style: url("") inside;
    line-height: 1.2;
    margin-bottom: 2px
}

.white-content li a {
    color: #fbfbfb;
    text-decoration: underline
}

.white-content li a[href^=tel] {
    text-decoration: none
}

.white-content li b {
    font-family: "robotobold_italic", arial
}

.info-table>div {
    margin: 0 0 15px
}

.info-table h3 {
    font-size: 15px;
    margin: 0 0 10px
}

@media only screen and (max-width:700px) {
    .info-table h3 {
        font-size: 13px
    }
}

.info-table a {
    display: block;
    font-size: 15px;
    line-height: 1.3;
    margin: 0 0 3px
}

@media only screen and (max-width:700px) {
    .info-table a {
        font-size: 14px
    }
}

.info-table p {
    color: #888;
    font-family: "robotolight_italic", arial;
    font-size: 14px;
    margin: 0 0 5px
}

@media only screen and (max-width:700px) {
    .info-table p {
        font-size: 13px
    }
}

.inSelect {
    min-width: 280px
}

.whiteTabsWrap {
    background-color: #fff;
    padding: 24px 24px 0
}

.chartTabs .whiteTabsWrap .radio-block.radio-tabs {
    margin-bottom: 0
}

.grayBox {
    background-color: #fafafa;
    padding: 24px
}

@media only screen and (max-width:700px) {
    .grayBox {
        padding: 16px
    }
}

.grayBox .checkbox {
    position: relative
}

.radio-tab {
    display: none;
    padding-top: 32px
}

.radio-tab .account-statement.singleElm,
.radio-tab .account-statement:first-child {
    margin-top: 0
}

.elm-wrap {
    margin-top: -5px
}

.elm-wrap>* {
    margin-bottom: 5px;
    margin-top: 5px
}

.elm-wrap>*:first-child {
    margin-right: 8px
}

.links-list {
    margin-top: 5px;
    padding: 0
}

.links-list li {
    list-style: none;
    border-left: 1px solid #d6d6d6;
    float: left;
    font-size: 14px;
    padding: 0
}

.links-list li:first-child {
    border: none
}

.links-list li:first-child a {
    padding-left: 0
}

.links-list li a {
    padding: 0 8px
}

@media only screen and (max-width:700px) {
    .links-list li {
        border-left: none;
        clear: both;
        margin-bottom: 8px
    }

    .links-list li a {
        padding: 0
    }
}

.dashed-title {
    margin: 0 0 10px;
    position: relative;
    text-align: center
}

.dashed-title .border {
    border-top: 1px dashed #cecece;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%
}

.dashed-title .title {
    background-color: #fff;
    color: #787878;
    display: inline-block;
    font-family: "robotolight", arial;
    font-size: 20px;
    padding: 0 40px;
    position: relative
}

.text-block {
    color: #404040;
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 21px
}

.text-block.date {
    color: #8c8a8a;
    font-size: 17px;
    margin-bottom: 8px
}

@media only screen and (max-width:700px) {
    .text-block.date {
        font-size: 16px
    }
}

.text-block td {
    line-height: 1.5;
    padding: 1px 4px;
    vertical-align: top
}

.checkboxes.border {
    border-top: 1px dashed #e3e2e2;
    margin-top: 16px;
    padding-top: 16px
}

.checkboxes.cols3 label {
    display: inline-block;
    max-width: calc(100% - 24px)
}

.modal-dialog .block2 .checkboxes.cols3 label {
    max-width: calc(100% - 24px)
}

@media only screen and (max-width:700px) {
    .checkboxes.cols3 label {
        max-width: 100%
    }
}

@media only screen and (min-width:701px) {
    .field.v-top .block2 .checkboxes.cols3:first-child {
        margin-top: -8px
    }
}

@media only screen and (min-width:701px) {
    .field.v-top .block2 .checkboxes.inline:first-child {
        margin-top: -8px
    }
}

.checkboxes.cards .ic-check {
    margin-top: -32px
}

@media only screen and (max-width:700px) {
    .checkboxes.cards .ic-check {
        margin: 5px
    }
}

.checkboxes.cards label {
    text-align: center
}

.checkboxes.cards label>* {
    display: block;
    margin: 0 0 8px
}

.checkboxes.cards label>img {
    display: inline-block
}

.checkboxes.cards .radio label>span {
    height: 35px;
    min-width: 60%
}

.checkboxes.cards .radio span.ic-radio {
    margin-top: -45px
}

.alphabet {
    background-color: #fff;
    margin: 0 0 24px;
    padding: 15px 0 0
}

.alphabet ul {
    margin: 4px 0;
    padding: 0;
    text-align: center
}

.alphabet ul.num {
    border-top: 1px solid #d6d6d6;
    margin: 9px 30px 10px;
    padding: 7px 0 0;
    width: calc(100% - 60px)
}

.alphabet ul.num li {
    font-family: "robotomedium", arial;
    width: 64px
}

.alphabet li {
    font-family: "robotoregular", arial;
    transition: all 50ms ease-out;
    border-radius: 15.5px;
    width: 31px;
    height: 31px;
    background-color: transparent;
    cursor: pointer;
    font-size: 16px;
    line-height: 31px;
    margin: 0 2px
}

.alphabet li:active,
.alphabet li.active,
.no-touch .alphabet li:hover {
    background-color: #102342;
    color: #fff;
    font-family: "robotomedium", arial
}

.point {
    border-radius: 9px;
    width: 18px;
    height: 18px;
    background-color: #5c85c9;
    color: #fff;
    font-family: "robotobold", arial;
    font-size: 12px;
    line-height: 1.4;
    margin-left: 8px;
    text-align: center
}

.status:not([class^="ic-"]):not([class*=" ic-"]) {
    font-family: "robotomedium", arial;
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 25px;
    padding: 13px 20px
}

.status:not([class^="ic-"]):not([class*=" ic-"])>* {
    max-width: calc(100% - 40px)
}

.status:not([class^="ic-"]):not([class*=" ic-"])>*[class^="ic-"],
.status:not([class^="ic-"]):not([class*=" ic-"])>*[class*=" ic-"] {
    font-size: 18px;
    margin-right: 8px
}

.status:not([class^="ic-"]):not([class*=" ic-"]).info {
    background-color: #c8d0de;
    color: #57739d
}

.status:not([class^="ic-"]):not([class*=" ic-"]) a {
    color: #5c85c9;
    font-family: 'robotomedium_italic'
}

.fav-items li {
    position: relative
}

.fav-items li.fav:before {
    content: "";
    left: 11px;
    position: absolute;
    top: 9px;
    color: #f6b630;
    font-size: 18px
}

@media only screen and (max-width:700px) {
    .fav-items li.fav:before {
        font-size: 14px;
        left: 8px;
        top: 10px
    }
}

.open-file {
    color: #5c85c9;
    font-size: 36px;
    text-decoration: none
}

.open-file:active,
.open-file:focus,
.no-touch .open-file:hover {
    color: #82a2d6;
    text-decoration: none
}

.animated {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes bounce {

    0%,
    35%,
    60%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    50% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }

    70% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes bounce {

    0%,
    35%,
    60%,
    100% {
        transform: translateX(0)
    }

    20% {
        transform: translateX(30px)
    }

    50% {
        transform: translateX(15px)
    }

    70% {
        transform: translateX(10px)
    }
}

.tel-field {
    width: 200px
}

.sidemenu {
    background-color: #16315d;
    margin-bottom: 32px;
    padding: 24px 16px 8px
}

@media only screen and (max-width:990px) {
    .sidemenu {
        margin-top: 20px
    }
}

@media only screen and (max-width:700px) {
    .sidemenu {
        padding: 15px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .sidemenu {
        padding: 15px 20px
    }
}

.sidemenu ul li>span {
    float: left;
    width: 100%;
    margin-bottom: 5px
}

.sidemenu li {
    color: #fff;
    font-family: "robotoregular", arial;
    line-height: 20px;
    margin-bottom: 16px;
    position: relative
}

@media only screen and (max-width:990px) {
    .sidemenu li {
        margin-bottom: 10px;
        text-align: left
    }
}

@media only screen and (max-width:700px) {
    .sidemenu li {
        font-size: 14px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .sidemenu li {
        float: left;
        padding-right: 10px;
        width: 50%
    }

    .sidemenu li:nth-child(odd) {
        clear: left
    }
}

.sidemenu a {
    color: #fff;
    display: block;
    position: relative
}

.no-touch .sidemenu a:hover,
.sidemenu a:active,
.sidemenu a:focus {
    color: #fcb813;
    text-decoration: none
}

.sidemenu p {
    color: rgba(121, 156, 211, .8);
    font-family: "robotomedium", arial;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px
}

.sidemenu.white {
    background-color: #f8f8f8;
    padding: 10px
}

.sidemenu.white li {
    color: #102342;
    font-family: "robotolight", arial;
    font-size: 17px
}

.sidemenu.white li:before {
    display: none
}

.sidemenu.white a {
    color: #1e3c78;
    padding: 0
}

.sidemenu.white p {
    color: #666;
    font-family: "robotolight", arial;
    font-size: 20px
}

.sidemenu .date-range-picker .range-field {
    margin-top: 10px
}

.sidemenu .date-range-picker .range-field.range-to {
    margin-left: 0
}

.sidemenu .date-range-picker .range-field label {
    width: 100%;
    font-size: 17px;
    margin-bottom: 5px
}

@media only screen and (max-width:990px) {
    .sidemenu.searchFilters+.searchFilters {
        margin-top: 0
    }
}

.tiles-section {
    margin: 32px 0 0
}

.sidebar .tiles-section {
    background-color: #fff;
    margin: 0 0 30px;
    padding-top: 20px
}

.tiles-section:first-child {
    margin-top: 0
}

.tiles-section.left h2 {
    text-align: left
}

.tiles-section h2 {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 16px
}

.tiles-section>h3:first-child {
    margin-top: 0
}

.slide-tile {
    border: 6px solid #d7dae1
}

.slide-tile>a {
    background-color: #fff;
    padding: 18px 25px
}

.slide-tile>a:active,
.slide-tile>a:focus,
.no-touch .slide-tile>a:hover {
    background-color: #f9fafc
}

.slide-tile .top {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 12px;
    text-align: center
}

.slide-tile .btm {
    padding-top: 12px
}

.slide-tile .num {
    color: #666;
    float: left;
    font-size: 15px;
    line-height: 1
}

.slide-tile .num span {
    margin-left: 25px
}

.slide-tile .info {
    color: #999;
    float: right;
    font-family: "robotoitalic", arial;
    font-size: 13px;
    line-height: 1
}

.slide-tile .info span {
    color: #494949;
    font-family: "robotomedium", arial;
    font-size: 16px;
    margin-left: 7px
}

.slide-tile h3 {
    font-family: "robotolight", arial;
    font-size: 24px;
    line-height: 1;
    margin: 0 0 15px
}

.slide-tile .value {
    color: #1e3c78;
    font-size: 32px;
    line-height: 1
}

.slide-tile .value span {
    font-family: "robotolight", arial;
    font-size: 25px
}

@media only screen and (max-width:700px) {
    .slide-tile>a {
        padding: 15px 10px
    }

    .slide-tile .num {
        line-height: 1.2
    }

    .slide-tile .num span {
        margin-left: 5px
    }

    .slide-tile .info {
        clear: both;
        float: left;
        line-height: 1.2;
        margin: 7px 0 0
    }

    .slide-tile .info span {
        margin-left: 0
    }

    .slide-tile .num,
    .slide-tile .info {
        text-align: center;
        width: 100%
    }
}

.tiles-slider {
    margin-bottom: 28px;
    padding: 0 35px
}

@media only screen and (max-width:700px) {
    .tiles-slider {
        padding: 0 30px
    }
}

.links a {
    font-size: 14px
}

.links a:focus span:not(.ic-arrowRight),
.links a:active span:not(.ic-arrowRight),
.no-touch .links a:hover span:not(.ic-arrowRight) {
    text-decoration: underline
}

div.error.ng-active {
    color: #ff4c33;
    font-size: 14px
}

.bill-payment-title span {
    margin-right: 40px
}

h1.bill-payment-title img {
    width: auto;
    max-height: 65px
}

.checkLabel {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 16px
}

.table-status {
    color: #999;
    font-size: 12px;
    text-align: center
}

@media only screen and (max-width:700px) {
    .table-status {
        display: inline-block
    }
}

.table-status span {
    display: block;
    font-size: 18px;
    margin: 0 0 0 5px
}

.table-status span.ic-check {
    color: #73ba59
}

relative {
    position: relative
}

.categoryNonEditable {
    opacity: .5;
    cursor: default
}

.fixed {
    position: fixed
}

.nowrap {
    white-space: nowrap
}

.img-payments {
    max-width: 45px;
    margin-right: 15px
}

.margin_five {
    margin-bottom: 5%
}

.margin-top10 {
    margin-top: 10px !important
}

.no-margin-top {
    margin-top: 0
}

.no-margin-bottom {
    margin-bottom: 0
}

.orange_value {
    color: #ffa500
}

.red_value {
    color: red
}

.green_value {
    color: green
}

.light-green {
    color: #73ba59
}

.min-width-200 {
    min-width: 200px
}

.width100 {
    width: 100% !important
}

.margin-right-10 {
    margin-right: 10px
}

.underlined {
    text-decoration: underline
}

.margin-top-20 {
    margin-top: 20px
}

.displayTable {
    display: table;
    width: auto;
    border-collapse: collapse
}

.displayTable .displayTableRow {
    display: table-row;
    page-break-inside: avoid
}

.displayTable .displayTableRow .displayTableCell {
    display: table-cell
}

input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

input:invalid,
input:required {
    box-shadow: none
}

input.text:focus {
    outline: none
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type="submit"]:disabled,
input[type="button"]:disabled {
    cursor: default
}

input.text {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 16px;
    padding: 8px 16px;
    height: 40px
}

@media only screen and (max-width:700px) {
    input.text {
        width: 100%
    }
}

input.text.gray {
    background-color: #eee;
    border: 1px solid #eee;
    color: #404040;
    font-size: 16px
}

input.text:disabled {
    opacity: .8
}

.error input.text:not(.disabled):not(.noRedBorder) {
    border: 1px solid #ff4c33
}

input.button {
    border: none
}

.error input.noRedBorder:not(.search) {
    border: 1px solid #f4f4f4
}

textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #fff;
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 16px;
    resize: none;
    width: 100%;
    height: 67px
}

textarea:invalid,
textarea:required {
    box-shadow: none
}

textarea:focus {
    outline: none
}

.no-touch textarea:hover,
textarea:active,
.no-touch textarea:focus {
    border-color: #102342
}

textarea.gray {
    background-color: #fff;
    border-color: #d6d6d6
}

textarea.gray:active,
.no-touch textarea.gray:focus {
    border-color: #102342
}

@media only screen and (max-width:700px) {
    textarea {
        font-size: 13px;
        line-height: 1.3;
        padding: 3px 8px
    }
}

.radio {
    font-size: 0
}

.radio .ic-radio {
    border-radius: 8px;
    width: 16px;
    height: 16px;
    background-color: #e0e0e0;
    border: 1px solid #e0e0e0;
    position: relative
}

.radio .ic-radio:before {
    opacity: 0
}

.radio>div {
    margin-left: 10px
}

.radio>div.inlineFields {
    margin-left: 0
}

.radio>span {
    border-radius: 8px;
    width: 16px;
    height: 16px;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    position: relative
}

.radio>span:before {
    opacity: 0
}

.radio>label {
    color: #102342;
    font-family: "robotoregular", arial;
    font-weight: normal;
    padding: 0 0 0 12px;
    max-width: calc(100% - 20px)
}

.radio>label+.input-field {
    margin-left: 5px
}

.radio>label label {
    color: #102342
}

.radio>label span {
    font-family: "robotoregular", arial;
    color: #102342
}

.radio>label span.unread-badge {
    font-family: "robotobold", arial
}

.radio>label.mob-label {
    padding: 0
}

@media only screen and (max-width:700px) {
    .radio>label.mob-label {
        margin-left: -10px;
        padding: 10px
    }
}

.radio>label.mob-label+.input-field {
    margin-left: 0
}

.filter-item .radio>label {
    color: #777;
    font-family: "robotolight", arial
}

@media only screen and (max-width:700px) {
    .filter-item .radio>label {
        display: inline-block;
        vertical-align: top
    }
}

.radio p.selected {
    color: #5c85c9;
    font-family: "robotoitalic", arial;
    font-size: 14px;
    margin-left: 16px
}

.radio.noLabel label {
    padding: 0
}

.radio.checked>span {
    color: #102342
}

.radio.checked .ic-radio {
    color: #102342
}

.radio.checked .ic-radio:before {
    content: "";
    font-size: 6px;
    line-height: 15px;
    opacity: 1;
    text-align: center
}

.radio.checked>span:before {
    content: "";
    font-size: 6px;
    line-height: 15px;
    opacity: 1;
    text-align: center
}

.error .radio.checked>span,
.error .radio.checked .ic-radio {
    border-color: #ff4c33
}

.radio.checked.ic-button>span {
    font-size: 24px;
    margin-right: 4px
}

@media only screen and (max-width:700px) {
    .radio.checked.ic-button.ic-radio {
        font-size: 19px
    }
}

@media only screen and (max-width:700px) {

    .radio.checked.ic-button.ic-save,
    .radio.checked.ic-button.ic-save.ic-radio {
        padding: 1.5px 0
    }
}

.radio.checked .border-button>span.ic-radio {
    font-size: 24px;
    margin-right: 4px
}

@media only screen and (max-width:700px) {
    .radio.checked .border-button>span.ic-radio {
        font-size: 19px
    }
}

@media only screen and (max-width:700px) {

    .radio.checked .border-button>span.ic-save,
    .radio.checked .border-button>span.ic-save.ic-radio {
        padding: 1.5px 0
    }
}

.radio.check.ic-button>span,
.radio.check.border-button>span {
    font-size: 24px;
    margin-right: 4px
}

@media only screen and (max-width:700px) {

    .radio.check.ic-button>span,
    .radio.check.border-button>span {
        font-size: 19px
    }
}

.radio.check.ic-button>span.ic-save,
.radio.check.border-button>span.ic-save {
    font-size: 16px;
    padding: 4px 0
}

.radio .disabled:active .ic-radio,
.no-touch .radio .disabled.focus .ic-radio,
.no-touch .radio .disabled:hover .ic-radio {
    border-color: #e6e6e6
}

.checkbox {
    font-size: 0;
    margin: 0 24px 0 0
}

@media only screen and (max-width:700px) {
    .checkbox {
        margin-bottom: 16px
    }
}

@media only screen and (max-width:700px) {
    .checkbox:last-child {
        margin-bottom: 0
    }
}

.checkbox>.label,
.checkbox>label {
    vertical-align: middle
}

.checkbox.noLabel .ic-check {
    position: relative
}

.checkbox .ic-check {
    position: relative;
    width: 24px;
    height: 24px
}

.block1 .checkbox .ic-check {
    margin: 0
}

.checkbox .ic-check:before {
    color: #16315d;
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    position: relative
}

.checkbox .ic-check+label {
    padding-left: 12px
}

.field.hover .checkbox .ic-check,
.no-touch .checkbox .ic-check.focus {
    border-color: #5c85c9
}

.error .checkbox .ic-check {
    border-color: #ff4c33
}

@media only screen and (max-width:700px) {
    .block2 .checkbox .ic-check {
        left: 3px;
        position: absolute;
        top: 4px
    }

    .block2 .checkbox .ic-check+label {
        float: left;
        padding: 5px 0 5px 36px
    }
}

.checkbox.error .ic-check {
    border-color: #ff4c33
}

.checkbox.error+.error-msg {
    display: block
}

.checkbox label {
    color: #102342;
    margin-right: 0
}

.tile .checkbox label {
    padding: 10px
}

.checkbox.checked .ic-check:before {
    content: ""
}

.checkboxes.inline .checkbox {
    margin: 8px 24px 8px 0
}

.checkboxes.inline .checkbox:last-child {
    margin-right: 0
}

.checkbox .ic-dash,
.checkbox.no-label label {
    display: none
}

.invalid-checkboxes.error .checkbox:not(.checked) .ic-check:before {
    color: #ff4c33
}

.checkboxes.cols3 div.checkbox {
    margin: 8px 0;
    position: relative;
    width: calc(33.33% - 11px)
}

@media only screen and (max-width:990px) {
    .checkboxes.cols3 div.checkbox {
        width: 50%
    }

    .checkboxes.cols3 div.checkbox:nth-child(odd) {
        padding-right: 8px
    }

    .checkboxes.cols3 div.checkbox:nth-child(even) {
        padding-left: 8px
    }
}

@media only screen and (min-width:991px) {
    .checkboxes.cols3 div.checkbox:not(:nth-child(3n)) {
        margin-right: 16px
    }
}

@media only screen and (max-width:480px) {
    .checkboxes.cols3 div.checkbox {
        width: 100%
    }

    .checkboxes.cols3 div.checkbox:nth-child(odd),
    .checkboxes.cols3 div.checkbox:nth-child(even) {
        padding: 0
    }
}

tr:hover .checkbox.checked .ic-check,
.checkbox.readonly:hover .ic-check {
    border-color: #e8e8e8
}

.select-box {
    float: left;
    position: relative
}

.field.hover:not(.error) .select-box:not(.disabled) .selected-wrap,
.no-touch .field:not(.error) .select-box:not(.disabled) .selected-wrap:hover,
.field:not(.error) .select-box:not(.disabled) .selected-wrap:active {
    border-color: #57739d
}

.select-box.info-data.cols2 .col2 {
    float: right
}

@media only screen and (max-width:990px) {
    .select-box.info-data.cols2 .options .col2 {
        text-align: left;
        width: 100%
    }

    .select-box.info-data.cols2 .checkbox .col2 {
        margin-top: 0;
        margin-right: 0;
        padding-left: 32px
    }

    .select-box.info-data.cols2 .checkbox .col1 {
        margin-bottom: 0
    }
}

.filter-item.filter-full .select-box.info-data {
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 600px
}

.select-box.info-data .checkbox {
    width: 100%
}

@media only screen and (max-width:700px) {
    .select-box.info-data .checkbox {
        position: relative
    }
}

.select-box.info-data .checkbox:active label,
.no-touch .select-box.info-data .checkbox:hover label {
    color: #fff
}

.select-box.info-data .checkbox>span {
    float: left;
    margin: 6px 8px 6px 0
}

@media only screen and (max-width:700px) {
    .select-box.info-data .checkbox>span {
        margin: 4px 8px 4px 10px
    }

    .select-box.info-data .checkbox>span.col1 {
        margin-left: 30px
    }
}

.select-box.info-data .checkbox>label {
    float: left;
    cursor: pointer;
    line-height: 1.3;
    padding: 8px 0;
    width: calc(100% - 32px);
    font-family: "robotomedium", arial
}

@media only screen and (max-width:700px) {
    .select-box.info-data .checkbox>label {
        padding: 8px 0
    }
}

.select-box.info-data .checkbox>label span {
    font-family: "robotoregular", arial
}

@media only screen and (max-width:700px) {
    .select-box.info-data .checkbox .ic-check {
        left: 3px;
        position: absolute;
        top: 4px
    }

    .select-box.info-data .checkbox .ic-check+label {
        padding-left: 30px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .select-box.info-data .options-wrap span.ic-search {
        width: 22px
    }
}

.select-box.open {
    z-index: 9
}

.select-box.open .arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.select-box.open .options {
    display: block
}

.no-touch .select-box.focus .selected-wrap {
    border-color: #5c85c9
}

.select-box .arrow {
    margin-top: -11.5px;
    position: absolute;
    top: 50%;
    color: #102342;
    cursor: pointer;
    font-size: 23px;
    right: 10px;
    transition: all 150ms ease-out
}

.select-box .arrow:before {
    content: ""
}

.select-box input {
    border: 0;
    position: absolute;
    width: 0;
    height: 0
}

.select-box .selected-wrap {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 40px
}

.select-box.disabled selected-wrap {
    cursor: default
}

.select-box.disabled selected-wrap:active .arrow,
.no-touch .select-box.disabled selected-wrap:focus .arrow {
    color: #323232
}

.select-box.light .selected-wrap {
    background-color: #f4f4f4;
    border-color: #f4f4f4
}

.select-box.light:not(.disabled) .selected-wrap:hover,
.select-box.light:not(.disabled) .selected-wrap:active {
    border-color: #5c85c9
}

.select-box.error.light .selected-wrap,
.select-box.error .selected-wrap {
    border-color: #ff4c33
}

.select-box.error+.error-msg {
    display: block
}

.error .select-box.light .selected-wrap,
.error .select-box .selected-wrap,
.select-box.error.light .selected-wrap,
.select-box.error .selected-wrap {
    border-color: #ff4c33
}

.select-box .selected {
    color: #102342;
    font-size: 16px;
    padding: 7px 32px 7px 16px;
    width: 100%;
    height: 100%
}

.select-box>.options {
    display: none;
    left: 0;
    position: absolute;
    top: 40px;
    width: 100%
}

.select-box .options-wrap {
    background-color: #fff;
    border-right: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6
}

.select-box .options-wrap.fav-items>li:not(.search):not(.options-title) {
    padding-left: 40px
}

@media only screen and (max-width:700px) {
    .select-box .options-wrap.fav-items>li:not(.search):not(.options-title) {
        padding-left: 30px
    }
}

.select-box .options-wrap .nonBudgetizable {
    color: #8a8a8a
}

.select-box .options-wrap>* {
    color: #102342;
    cursor: pointer;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 1.4;
    padding: 10px 16px
}

.select-box .options-wrap>*.emptyLabel {
    position: relative
}

.select-box .options-wrap>*.emptyLabel label {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.select-box .options-wrap>*.emptyLabel .col1 {
    margin-right: 0;
    white-space: inherit;
    max-width: calc(100% - 40px)
}

.select-box .options-wrap>*.search {
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
    cursor: text
}

.select-box .options-wrap>*.search:active,
.no-touch .select-box .options-wrap>*.search:hover {
    background-color: transparent;
    color: #666
}

.select-box .options-wrap>*.search+.options-title {
    border: none
}

.select-box .options-wrap>*.options-title {
    cursor: text;
    color: #666;
    font-size: 14px
}

.no-touch .select-box .options-wrap>*.options-title:hover {
    background-color: transparent;
    color: #666
}

.select-box .options-wrap>*.options-title:active {
    background-color: transparent;
    color: #666
}

.select-box .options-wrap>*.checkbox {
    padding-bottom: 0;
    padding-top: 0
}

.select-box .options-wrap>*:active,
.no-touch .select-box .options-wrap>*:hover {
    background-color: #16315d;
    color: #fff
}

.select-box .options-wrap>*:active .ic-check:before,
.no-touch .select-box .options-wrap>*:hover .ic-check:before {
    color: #fff
}

.select-box .options-wrap>*:not(.options-title):hover span:not(.ic-check):not(.ic-search) {
    color: #fff
}

.select-box .options-wrap>li {
    word-break: break-word
}

.select-box .options-wrap>li.highlight {
    border-top: 1px solid #ddd;
    font-family: "robotobold", arial;
    font-size: 14px;
    padding: 16px;
    text-align: center
}

.select-box.checkboxes .checkbox {
    width: 100%
}

@media only screen and (max-width:700px) {
    .select-box.checkboxes .checkbox {
        position: relative
    }
}

.select-box.checkboxes .checkbox:active label,
.no-touch .select-box.checkboxes .checkbox:hover label {
    color: #fff
}

.select-box.checkboxes .checkbox>span {
    float: left;
    margin: 6px 8px 6px 0
}

@media only screen and (max-width:700px) {
    .select-box.checkboxes .checkbox>span {
        margin: 4px 8px 4px 10px
    }

    .select-box.checkboxes .checkbox>span.col1 {
        margin-left: 30px
    }
}

.select-box.checkboxes .checkbox>label {
    float: left;
    cursor: pointer;
    line-height: 1.3;
    padding: 8px 0;
    width: calc(100% - 32px)
}

@media only screen and (max-width:700px) {
    .select-box.checkboxes .checkbox>label {
        padding: 8px 0
    }
}

@media only screen and (max-width:700px) {
    .select-box.checkboxes .checkbox .ic-check {
        left: 3px;
        position: absolute;
        top: 4px
    }

    .select-box.checkboxes .checkbox .ic-check+label {
        padding-left: 30px
    }
}

.select-box .options>.options-wrap {
    max-height: 240px;
    overflow-y: auto
}

.select-box.numeric .selected-wrap {
    text-align: right
}

.select-box.numeric .selected {
    padding-right: 35px
}

.select-box.numeric .options>.options-wrap {
    text-align: right
}

.select-box.numeric .options>.options-wrap li {
    padding-right: 19px
}

.select-box.no-search li.search {
    display: none
}

.select-box.block2 {
    margin-left: 0
}

.select-box.unwrapper {
    min-width: 120px
}

.error .select-box.noRedBorder .selected-wrap {
    border: 1px solid #eee
}

.asset-list.select-box .options .options-wrap .options-filter {
    padding: 0
}

.asset-list.select-box .options .options-wrap .options-filter span {
    float: left;
    text-align: left;
    width: inherit;
    height: 36px;
    padding: 0;
    position: relative
}

.asset-list.select-box .options .options-wrap .options-filter span input {
    width: inherit;
    height: inherit
}

.input-field.full {
    width: 100%
}

.input-field.inline.firstSibling {
    margin-bottom: 16px;
    margin-top: 16px
}

.input-field.error+.error-msg {
    display: block
}

@media only screen and (max-width:700px) {
    .input-field.mobWrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.input-field.block2 .input-info.s {
    margin: 4px 0 4px 8px
}

@media only screen and (max-width:700px) {
    .input-field.block2 .input-info.s {
        margin: 8px 0 0
    }
}

.input-field input.text {
    width: 200px
}

@media only screen and (max-width:700px) {
    .input-field input.text {
        width: 100%
    }
}

.input-field input.text.s {
    width: 136px
}

@media only screen and (max-width:700px) {
    .input-field input.text.s {
        width: 100%
    }
}

.input-field input.search {
    width: 100%
}

.alias.input-field {
    width: 100%
}

@media only screen and (max-width:480px) {
    .alias.input-field {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .alias.input-field label {
        margin-top: 0;
        width: 100%
    }
}

.disabled.input,
.disabled.input-field,
.disabled.radio,
.disabled.select-box,
.disabled.checkbox {
    opacity: .4
}

.disabled.input input.text:disabled {
    opacity: 1
}

.input-info {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 14px;
    line-height: 18px
}

@media only screen and (max-width:700px) {
    .input-info {
        font-size: 14px
    }
}

.input-info.s {
    color: #666;
    font-size: 14px;
    margin-left: 10px
}

.input-info.s.red {
    color: #ff4c33
}

@media only screen and (max-width:700px) {
    .input-info.s {
        float: left;
        margin: 0;
        width: 100%
    }
}

.inlineFields>.input-info.s {
    margin-left: 0
}

.sample .input-info.s {
    margin-bottom: 15px;
    margin-left: 0
}

.select-box+.input-info {
    margin-left: 10px
}

.inlineFields .select-box+.input-info {
    margin-left: 0
}

@media only screen and (max-width:700px) {
    .select-box+.input-info {
        display: block;
        margin: 5px 0 0 0
    }
}

.input-cur {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 16px;
    margin: 0 16px 0 8px
}

@media only screen and (max-width:700px) {
    .input-cur {
        font-size: 16px
    }
}

.input-cur:last-child {
    margin-right: 0
}

.wrapper {
    margin: 0 auto;
    width: 93.75%;
    max-width: 1200px
}

.confirmation,
.main-col.wide,
.main-title.wide,
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.boxes3>*,
.advices .block-inner,
.bonus-block .bonus,
.card-block,
.main-col.dashboard {
    float: left;
    margin-left: .58%;
    margin-right: .58%
}

.col.right {
    float: right
}

.right.col-1 {
    float: right
}

.right.col-2 {
    float: right
}

.right.col-3 {
    float: right
}

.right.col-4 {
    float: right
}

.right.col-5 {
    float: right
}

.right.col-6 {
    float: right
}

.right.col-7 {
    float: right
}

.right.col-8 {
    float: right
}

.right.col-9 {
    float: right
}

.right.col-10 {
    float: right
}

.right.col-11 {
    float: right
}

.right.col-12 {
    float: right
}

.col-1 {
    width: 7.17333%
}

.col-1.full,
.col-1.side-block,
.col-1.confirmation {
    width: 8.33333%
}

.col-2 {
    width: 15.50667%
}

.col-2.full,
.col-2.side-block,
.col-2.confirmation {
    width: 16.66667%
}

.col-3 {
    width: 23.84%
}

.col-3.full,
.col-3.side-block,
.col-3.confirmation {
    width: 25%
}

.col-4 {
    width: 32.17333%
}

.col-4.full,
.col-4.side-block,
.col-4.confirmation {
    width: 33.33333%
}

.col-5 {
    width: 40.50667%
}

.col-5.full,
.col-5.side-block,
.col-5.confirmation {
    width: 41.66667%
}

.col-6 {
    width: 48.84%
}

.col-6.full,
.col-6.side-block,
.col-6.confirmation {
    width: 50%
}

.col-7 {
    width: 57.17333%
}

.col-7.full,
.col-7.side-block,
.col-7.confirmation {
    width: 58.33333%
}

.col-8 {
    width: 65.50667%
}

.col-8.full,
.col-8.side-block,
.col-8.confirmation {
    width: 66.66667%
}

.col-9 {
    width: 73.84%
}

.col-9.full,
.col-9.side-block,
.col-9.confirmation {
    width: 75%
}

.col-10 {
    width: 82.17333%
}

.col-10.full,
.col-10.side-block,
.col-10.confirmation {
    width: 83.33333%
}

.col-11 {
    width: 90.50667%
}

.col-11.full,
.col-11.side-block,
.col-11.confirmation {
    width: 91.66667%
}

.col-12 {
    width: 98.84%
}

.col-12.full,
.col-12.side-block,
.col-12.confirmation {
    width: 100%
}

.bonus-block>div.col-1 {
    width: 8.33333%
}

.bonus-block>div.col-2 {
    width: 16.66667%
}

.bonus-block>div.col-3 {
    width: 25%
}

.bonus-block>div.col-4 {
    width: 33.33333%
}

.bonus-block>div.col-5 {
    width: 41.66667%
}

.bonus-block>div.col-6 {
    width: 50%
}

.bonus-block>div.col-7 {
    width: 58.33333%
}

.bonus-block>div.col-8 {
    width: 66.66667%
}

.bonus-block>div.col-9 {
    width: 75%
}

.bonus-block>div.col-10 {
    width: 83.33333%
}

.bonus-block>div.col-11 {
    width: 91.66667%
}

.bonus-block>div.col-12 {
    width: 100%
}

.colSpaceR {
    padding-right: 8px
}

.colSpaceL {
    padding-left: 8px
}

.offset-left-1 {
    margin-left: 8.91333%
}

.offset-left-2 {
    margin-left: 17.24667%
}

.offset-left-3 {
    margin-left: 25.58%
}

.offset-left-4 {
    margin-left: 33.91333%
}

.offset-left-5 {
    margin-left: 42.24667%
}

.offset-left-6 {
    margin-left: 50.58%
}

.offset-left-7 {
    margin-left: 58.91333%
}

.offset-left-8 {
    margin-left: 67.24667%
}

.offset-left-9 {
    margin-left: 75.58%
}

.offset-left-10 {
    margin-left: 83.91333%
}

.offset-left-11 {
    margin-left: 92.24667%
}

.offset-left-12 {
    margin-left: 100.58%
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .wrapper {
        width: 98%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .wrapper {
        width: 96%
    }

    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
        margin-left: .78%;
        margin-right: .78%
    }

    .col-1 {
        width: 6.77333%
    }

    .col-2 {
        width: 15.10667%
    }

    .col-3 {
        width: 23.44%
    }

    .col-4 {
        width: 31.77333%
    }

    .col-5 {
        width: 40.10667%
    }

    .col-6 {
        width: 48.44%
    }

    .col-7 {
        width: 56.77333%
    }

    .col-8 {
        width: 65.10667%
    }

    .col-9 {
        width: 73.44%
    }

    .col-10 {
        width: 81.77333%
    }

    .col-11 {
        width: 90.10667%
    }

    .col-12 {
        width: 98.44%
    }

    .t-col-1 {
        width: 6.77333%
    }

    .t-col-1.full,
    .t-col-1.side-block,
    .t-col-1.confirmation {
        width: 8.33333%
    }

    .t-col-2 {
        width: 15.10667%
    }

    .t-col-2.full,
    .t-col-2.side-block,
    .t-col-2.confirmation {
        width: 16.66667%
    }

    .t-col-3 {
        width: 23.44%
    }

    .t-col-3.full,
    .t-col-3.side-block,
    .t-col-3.confirmation {
        width: 25%
    }

    .t-col-4 {
        width: 31.77333%
    }

    .t-col-4.full,
    .t-col-4.side-block,
    .t-col-4.confirmation {
        width: 33.33333%
    }

    .t-col-5 {
        width: 40.10667%
    }

    .t-col-5.full,
    .t-col-5.side-block,
    .t-col-5.confirmation {
        width: 41.66667%
    }

    .t-col-6 {
        width: 48.44%
    }

    .t-col-6.full,
    .t-col-6.side-block,
    .t-col-6.confirmation {
        width: 50%
    }

    .t-col-7 {
        width: 56.77333%
    }

    .t-col-7.full,
    .t-col-7.side-block,
    .t-col-7.confirmation {
        width: 58.33333%
    }

    .t-col-8 {
        width: 65.10667%
    }

    .t-col-8.full,
    .t-col-8.side-block,
    .t-col-8.confirmation {
        width: 66.66667%
    }

    .t-col-9 {
        width: 73.44%
    }

    .t-col-9.full,
    .t-col-9.side-block,
    .t-col-9.confirmation {
        width: 75%
    }

    .t-col-10 {
        width: 81.77333%
    }

    .t-col-10.full,
    .t-col-10.side-block,
    .t-col-10.confirmation {
        width: 83.33333%
    }

    .t-col-11 {
        width: 90.10667%
    }

    .t-col-11.full,
    .t-col-11.side-block,
    .t-col-11.confirmation {
        width: 91.66667%
    }

    .t-col-12 {
        width: 98.44%
    }

    .t-col-12.full,
    .t-col-12.side-block,
    .t-col-12.confirmation {
        width: 100%
    }

    .bonus-block>div.t-col-1 {
        width: 8.33333%
    }

    .bonus-block>div.t-col-2 {
        width: 16.66667%
    }

    .bonus-block>div.t-col-3 {
        width: 25%
    }

    .bonus-block>div.t-col-4 {
        width: 33.33333%
    }

    .bonus-block>div.t-col-5 {
        width: 41.66667%
    }

    .bonus-block>div.t-col-6 {
        width: 50%
    }

    .bonus-block>div.t-col-7 {
        width: 58.33333%
    }

    .bonus-block>div.t-col-8 {
        width: 66.66667%
    }

    .bonus-block>div.t-col-9 {
        width: 75%
    }

    .bonus-block>div.t-col-10 {
        width: 83.33333%
    }

    .bonus-block>div.t-col-11 {
        width: 91.66667%
    }

    .bonus-block>div.t-col-12 {
        width: 100%
    }

    .t-offset-left-0 {
        margin-left: .78%
    }

    .t-offset-left-1 {
        margin-left: 9.11333%
    }

    .t-offset-left-4 {
        margin-left: 34.11333%
    }
}

@media only screen and (max-width:700px) {
    .wrapper {
        width: 98.7%
    }

    body:not(.iframeform) .col,
    body:not(.iframeform) .col-1,
    body:not(.iframeform) .col-2,
    body:not(.iframeform) .col-3,
    body:not(.iframeform) .col-4,
    body:not(.iframeform) .col-5,
    body:not(.iframeform) .col-6,
    body:not(.iframeform) .col-7,
    body:not(.iframeform) .col-8,
    body:not(.iframeform) .col-9 {
        margin-left: 1.5%;
        margin-right: 1.5%
    }

    .col-10,
    .col-11,
    .col-12 {
        margin-left: 1.5%;
        margin-right: 1.5%
    }

    .col-1 {
        width: 5.33333%
    }

    .col-2 {
        width: 13.66667%
    }

    .col-3 {
        width: 22%
    }

    .col-4 {
        width: 30.33333%
    }

    .col-5 {
        width: 38.66667%
    }

    .col-6 {
        width: 47%
    }

    .col-7 {
        width: 55.33333%
    }

    .col-8 {
        width: 63.66667%
    }

    .col-9 {
        width: 72%
    }

    .col-10 {
        width: 80.33333%
    }

    .col-11 {
        width: 88.66667%
    }

    .col-12 {
        width: 97%
    }

    .colSpaceL {
        padding-left: 0
    }

    .colSpaceR {
        padding-right: 0
    }

    .m-col-1 {
        width: 5.33333%
    }

    .m-col-1.full,
    .m-col-1.side-block,
    .m-col-1.confirmation {
        width: 8.33333%
    }

    .m-col-2 {
        width: 13.66667%
    }

    .m-col-2.full,
    .m-col-2.side-block,
    .m-col-2.confirmation {
        width: 16.66667%
    }

    .m-col-3 {
        width: 22%
    }

    .m-col-3.full,
    .m-col-3.side-block,
    .m-col-3.confirmation {
        width: 25%
    }

    .m-col-4 {
        width: 30.33333%
    }

    .m-col-4.full,
    .m-col-4.side-block,
    .m-col-4.confirmation {
        width: 33.33333%
    }

    .m-col-5 {
        width: 38.66667%
    }

    .m-col-5.full,
    .m-col-5.side-block,
    .m-col-5.confirmation {
        width: 41.66667%
    }

    .m-col-6 {
        width: 47%
    }

    .m-col-6.full,
    .m-col-6.side-block,
    .m-col-6.confirmation {
        width: 50%
    }

    .m-col-7 {
        width: 55.33333%
    }

    .m-col-7.full,
    .m-col-7.side-block,
    .m-col-7.confirmation {
        width: 58.33333%
    }

    .m-col-8 {
        width: 63.66667%
    }

    .m-col-8.full,
    .m-col-8.side-block,
    .m-col-8.confirmation {
        width: 66.66667%
    }

    .m-col-9 {
        width: 72%
    }

    .m-col-9.full,
    .m-col-9.side-block,
    .m-col-9.confirmation {
        width: 75%
    }

    .m-col-10 {
        width: 80.33333%
    }

    .m-col-10.full,
    .m-col-10.side-block,
    .m-col-10.confirmation {
        width: 83.33333%
    }

    .m-col-11 {
        width: 88.66667%
    }

    .m-col-11.full,
    .m-col-11.side-block,
    .m-col-11.confirmation {
        width: 91.66667%
    }

    .m-col-12 {
        width: 97%
    }

    .m-col-12.full,
    .m-col-12.side-block,
    .m-col-12.confirmation {
        width: 100%
    }

    .bonus-block>div.m-col-1 {
        width: 8.33333%
    }

    .bonus-block>div.m-col-2 {
        width: 16.66667%
    }

    .bonus-block>div.m-col-3 {
        width: 25%
    }

    .bonus-block>div.m-col-4 {
        width: 33.33333%
    }

    .bonus-block>div.m-col-5 {
        width: 41.66667%
    }

    .bonus-block>div.m-col-6 {
        width: 50%
    }

    .bonus-block>div.m-col-7 {
        width: 58.33333%
    }

    .bonus-block>div.m-col-8 {
        width: 66.66667%
    }

    .bonus-block>div.m-col-9 {
        width: 75%
    }

    .bonus-block>div.m-col-10 {
        width: 83.33333%
    }

    .bonus-block>div.m-col-11 {
        width: 91.66667%
    }

    .m-offset-left-0 {
        margin-left: .77%
    }
}

@media only screen and (max-width:679px) {

    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9 {
        margin-left: 0%;
        margin-right: 1.5%
    }
}

html.mm-opened {
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%
}

html.mm-opened body {
    overflow: hidden
}

@media only screen and (max-width:990px) {
    .mm-blocker {
        transition: right .4s ease-out, height 0s ease-out .4s;
        box-shadow: 0 0 20px rgba(0, 0, 0, .35);
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 99999;
        width: 100%;
        height: 0
    }

    html.mm-opened .mm-blocker {
        transition: right .4s ease-out, height 0s ease-out 0s;
        background: rgba(10, 22, 42, .5);
        right: 80%;
        height: 100%
    }
}

@media all and (min-width:550px) {
    html.mm-opened .mm-blocker {
        right: 440px
    }
}

@media all and (max-width:175px) {
    html.mm-opened .mm-blocker {
        right: 140px
    }
}

@media only screen and (max-width:990px) {
    #head-section {
        float: left;
        z-index: 991;
        width: 100%;
        transition: left .4s ease-out;
        left: 0;
        position: relative
    }

    body.hidden #head-section {
        z-index: 9
    }
}

@media only screen and (max-width:990px) {
    html.mm-opened #head-section {
        left: -80%
    }
}

@media all and (min-width:550px) {
    html.mm-opened #head-section {
        left: -440px
    }
}

@media all and (max-width:175px) {
    html.mm-opened #head-section {
        left: -140px
    }
}

header {
    margin: 0;
    position: relative;
    right: 0;
    z-index: 9;
    transition: right .4s ease, margin .2s ease-in 0s
}

.fixed-header header {
    height: 47px
}

@media only screen and (max-width:990px) {
    header {
        transition: right .4s ease, margin .2s ease-in 0s, height 200ms ease-in 0s;
        height: 108px
    }

    .fixed-header header {
        transition: none
    }
}

.header-top {
    background-color: #f7f7f7;
    position: relative;
    z-index: 9991;
    transition: height 200ms ease-in 0ms;
    height: 56px
}

@media only screen and (max-width:990px) {
    .header-top {
        height: 44px
    }
}

@media only screen and (max-width:700px) {
    .header-top .col-12 {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-flex-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.header-menu {
    float: right
}

.header-menu.left {
    float: left
}

@media only screen and (max-width:700px) {
    .header-menu.left {
        width: 15%
    }

    .header-menu.left>li>a {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (max-width:440px) {
    .header-menu.left {
        width: 20%
    }
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .header-menu.right span.text {
        font-size: 15px
    }
}

@media only screen and (max-width:700px) {
    .header-menu.right {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-flex-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 85%
    }

    .header-menu.right>li:first-child>a {
        border-left: 1px solid #dadada
    }

    .header-menu.right>li.active:first-child>a {
        border-color: #dde4ee
    }
}

@media only screen and (max-width:440px) {
    .header-menu.right {
        width: 80%
    }

    .header-menu.right li:nth-child(2) ul.header-menu-s {
        right: -83px
    }

    .header-menu.right li:nth-child(3) ul.header-menu-s {
        right: -85px
    }

    .header-menu.right li:first-child ul.header-menu-s {
        right: -122px
    }

    .header-menu.right li:nth-child(5) ul.header-menu-s {
        right: -35px;
        min-width: 100px;
        width: 196px
    }
}

@media only screen and (max-width:320px) {
    .header-menu.right li:nth-child(2) ul.header-menu-s {
        right: -51px;
        width: 215px;
        min-width: inherit;
        right: -83px
    }

    .header-menu.right li:nth-child(3) ul.header-menu-s {
        right: -85px
    }

    .header-menu.right li:first-child ul.header-menu-s {
        right: -98px;
        width: 215px;
        min-width: inherit;
        right: -122px
    }

    .header-menu.right li:nth-child(5) ul.header-menu-s {
        right: -35px;
        min-width: 100px;
        width: 196px
    }
}

.header-menu li {
    float: left;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 1;
    position: relative
}

.header-menu li.search {
    position: static
}

.no-touch .header-menu li.search:hover {
    background-color: #e7ecf3
}

.header-menu li.search ._debugging {
    opacity: .9;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 5px 15px;
    color: #000 !important;
    background-color: #cff9cf;
    z-index: 9999999
}

.header-menu li:not(.search) {
    z-index: 1
}

.header-menu li.all {
    border-top: 1px solid #d5dae2;
    margin-left: -32px;
    text-align: center;
    width: calc(100% + 64px)
}

@media only screen and (max-width:990px) {
    .header-menu li.all {
        margin-left: -16px;
        width: calc(100% + 32px)
    }
}

@media only screen and (max-width:700px) {
    .header-menu li.all {
        margin-left: -8px;
        width: calc(100% + 16px)
    }
}

.header-menu li.all a {
    transition: all 150ms ease-out;
    font-family: "robotobold", arial;
    padding: 22px 0;
    line-height: 1.45
}

.header-menu li.all a:active {
    color: #4870a9
}

.header-menu li.all:last-child {
    margin-bottom: -8px
}

.header-menu li.all:last-child a {
    border: none
}

.header-menu li:nth-child(4) .header-menu-s {
    left: auto;
    right: 0
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .header-menu li:nth-child(3) .header-menu-s {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .header-menu li:nth-child(5) .header-menu-s {
        left: auto;
        right: 0
    }
}

@media only screen and (max-width:700px) {
    .header-menu li:nth-child(5) .header-menu-s {
        left: auto;
        right: 0
    }
}

.header-menu li.bold {
    font-family: "robotobold", arial
}

.header-menu li.bold span.text {
    margin-top: 2px
}

.no-touch .header-menu li.all a:hover,
.no-touch .header-menu li.all a:focus {
    color: #4870a9
}

.header-top .header-menu .userId {
    color: #799cd3;
    display: none
}

@media only screen and (max-width:1200px) {
    .header-top .header-menu .userId {
        display: block
    }

    .header-top .header-menu .userId .text {
        display: block
    }
}

@media only screen and (max-width:990px) {
    .header-menu span.text {
        display: none
    }
}

.header-top .user-info {
    border: none;
    color: #16315d;
    line-height: 1.3;
    margin: 0;
    padding: 19px 0
}

@media only screen and (max-width:1200px) {
    .header-top .user-info {
        padding: 21px 0
    }
}

@media only screen and (max-width:990px) {
    .header-top .user-info {
        padding: 12px 0
    }
}

.header-top .user-info+.header-menu-s ul {
    padding-left: 46px
}

@media only screen and (max-width:1200px) {
    .header-top .user-info+.header-menu-s ul {
        padding-left: 24px
    }
}

.header-top .user-info .ic-arrowDown {
    margin: 0 0 0 8px
}

@media only screen and (max-width:1200px) {
    .header-top .user-info .ic-arrowDown {
        margin: 0
    }
}

.header-top .user-info .text {
    font-size: 14px;
    margin: 0 6px 0 0;
    max-width: 220px
}

.header-top .user-info .agent {
    margin: -6px 6px 3px 0;
    max-width: 600px
}

.user-info.on-behalf .link-wrap>.text {
    margin-top: -4px;
    font-size: 13px;
    line-height: 1.3
}

.user-info.on-behalf .link-wrap>.text label {
    font-size: 12px
}

@media only screen and (max-width:1200px) {
    .header-link.user-info .text {
        display: none
    }
}

.ic-user {
    position: relative
}

.header-top .user-info .ic-user {
    font-size: 14px;
    margin: 0 8px 0 0;
    padding: 0 0 0 16px
}

@media only screen and (max-width:990px) {
    .header-top .user-info .ic-user {
        font-size: 20px
    }
}

.ic-user .notification {
    background-color: #fcb813;
    border-radius: 50%;
    color: #16315d;
    font-family: "robotobold", arial;
    font-size: 11px;
    left: 0;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 16px;
    height: 16px
}

ul.header-menu-s {
    padding: 24px 32px 8px
}

@media only screen and (max-width:990px) {
    ul.header-menu-s {
        padding: 24px 16px 8px
    }
}

@media only screen and (max-width:700px) {
    ul.header-menu-s {
        padding: 24px 8px 8px
    }
}

.header-menu-s {
    left: 0;
    margin: 0;
    top: 56px;
    min-width: 264px
}

@media only screen and (max-width:990px) {
    .header-menu-s {
        top: 44px
    }
}

@media only screen and (max-width:700px) {
    .header-menu-s {
        right: -45px;
        top: 44px;
        width: 228px
    }
}

div .header-menu-s>ul {
    margin: 0;
    padding: 16px 40px
}

.header-menu-s li {
    font-family: "robotoregular", arial;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 16px;
    padding: 0;
    width: 100%
}

.header-menu-s li a {
    color: #102342;
    display: block;
    transition: all 150ms ease-out
}

.header-menu-s li a:active span {
    color: #002e6e
}

.header-menu-s li a:active .ic-star {
    color: #f6b630
}

.header-menu-s li span:not([class^="ic-"]):not([class*=" ic-"]) {
    color: #9eabc7
}

.header-menu-s li span:not([class^="ic-"]):not([class*=" ic-"]):first-child {
    font-size: 14px
}

.header-menu-s li.userId+li {
    border-top-width: 0
}

@media only screen and (max-width:700px) {
    .header-menu-s li.userId+li {
        border-top-width: 1px
    }
}

.header-menu-s a.fav {
    margin-left: -24px;
    padding-left: 24px;
    position: relative
}

@media only screen and (max-width:990px) {
    .header-menu-s a.fav {
        margin-left: 0
    }
}

.no-touch .header-menu-s li a:focus {
    text-decoration: none
}

.no-touch .header-menu-s li a:focus span {
    color: #002e6e
}

.no-touch .header-menu-s li a:focus .ic-star {
    color: #f6b630
}

.no-touch .header-menu-s li a:active {
    text-decoration: none
}

.no-touch .header-menu-s li a:hover {
    color: #4870a9;
    text-decoration: none
}

.no-touch .header-menu-s li a:hover span {
    color: #002e6e
}

.no-touch .header-menu-s li a:hover .ic-star {
    color: #f6b630
}

.header-menu.left .header-menu-s {
    left: 0
}

@media only screen and (max-width:700px) {
    .header-menu.left .header-menu-s {
        right: auto
    }
}

.header-menu-s .ic-star {
    color: #f6b630;
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 4px
}

.submenu {
    display: none;
    position: absolute
}

.submenu:not(.megamenu) {
    background-color: #e7ecf3;
    box-shadow: 1px 2px 2px 0 rgba(193, 200, 210, .5)
}

.header-link {
    cursor: default;
    display: block;
    color: #102342;
    padding: 20px 0
}

@media only screen and (max-width:990px) {
    .header-link {
        padding: 12px 0
    }
}

@media only screen and (max-width:700px) {
    .header-link {
        position: static
    }
}

.header-link .link-wrap {
    font-size: 0;
    vertical-align: top;
    padding: 0 8px
}

@media only screen and (max-width:990px) {
    .header-link .link-wrap {
        padding: 0 16px
    }
}

@media only screen and (max-width:700px) {
    .header-link .link-wrap {
        padding: 0 8px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .header-link .ic.ic-ypiresies {
        font-size: 25px;
        margin: 5.5px 0
    }
}

.header-link a {
    color: #102342
}

.header-link .text {
    font-size: 16px;
    margin: 0 8px
}

li:last-child .header-link .text {
    margin-right: 0
}

.header-link .ic-arrowDown {
    font-size: 6px
}

@media only screen and (max-width:990px) {
    .header-link .ic-arrowDown {
        display: none
    }
}

.header-link .ic {
    font-size: 16px
}

@media only screen and (max-width:990px) {
    .header-link .ic {
        font-size: 20px
    }
}

.header-link:active,
.header-link.active {
    background-color: #e7ecf3
}

.on-behalf-userName {
    display: block;
    font-size: 13px
}

ul .users {
    border-top: 1px solid #cbd3e1
}

ul .users a {
    border: none
}

ul .users .title {
    border: none;
    color: #102342;
    font-family: "robotobold", arial;
    font-size: 15px;
    padding: 9px 0 0
}

ul .users .title span {
    margin-left: 10px
}

ul .users .title+li {
    border-top: none
}

.my-menu:before {
    content: "";
    font-family: "icomoon";
    font-size: 16px
}

@media only screen and (max-width:990px) {
    .header-link .my-menu:before {
        font-size: 20px
    }
}

.ic-help {
    position: relative
}

.ic-help .notification {
    background-color: #ff4c33;
    border-radius: 7px;
    color: #fff;
    font-size: 12px;
    left: -6px;
    line-height: 1.1;
    padding: 0 3px;
    position: absolute;
    text-align: center;
    top: -5px
}

.search-act .header-top {
    transition: height 200ms ease-in 100ms;
    height: 128px
}

@media only screen and (max-width:990px) {
    .search-act .header-top {
        height: 172px
    }
}

.search-act .header-top .open-search:before {
    transition: height 100ms ease-out 0ms;
    height: 100%
}

header .search-act {
    transition: right .4s ease, margin .2s ease-out .1s
}

@media only screen and (max-width:990px) {
    header .search-act {
        height: 236px;
        transition: right .4s ease, margin .2s ease-in 0s, height 200ms ease-in 100ms
    }
}

.search .ac-container .ac-menu {
    background-color: #fff;
    border-right: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.search .ac-container .ac-menu a {
    color: #102342;
    font-family: 'robotoregular';
    font-size: 16px;
    padding: 8px 8px 8px 16px
}

.search .ac-container .ac-menu span {
    color: #666
}

.search .ac-container .ac-menu .ac-menu-item {
    border-color: #ddd;
    line-height: 1.5;
    padding-left: 0
}

.search .ac-container .ac-menu .ac-menu-item:hover {
    background-color: #f9fafc
}

.search .ac-container .ac-menu .search-vault-item {
    color: #102342;
    display: block;
    font-family: 'robotobold';
    font-size: 14px;
    line-height: 24px;
    padding: 8px 0;
    text-align: center
}

.header-top .open-search {
    position: relative
}

.header-top .open-search .link-wrap {
    position: relative
}

.header-top .open-search:before {
    transition: height 100ms ease-in 200ms;
    background-color: #e7ecf3;
    content: '';
    width: 100%;
    height: 0
}

.siteSearch {
    background-color: #e7ecf3;
    left: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    height: 0;
    transition: all 200ms ease-in 0ms;
    top: 56px
}

@media only screen and (max-width:990px) {
    .siteSearch {
        top: 44px
    }
}

@media only screen and (max-width:700px) {
    .siteSearch {
        top: 44px
    }
}

.siteSearch form {
    font-size: 0
}

@media only screen and (max-width:990px) {
    .siteSearch form {
        width: 100%
    }
}

.siteSearch form>*:not(:last-child) {
    margin-right: 8px
}

.siteSearch.open {
    transition: all 200ms ease-out 100ms;
    height: 72px
}

@media only screen and (max-width:990px) {
    .siteSearch.open {
        height: 128px
    }
}

.siteSearch .button {
    margin: 16px 0;
    height: 40px
}

@media only screen and (max-width:990px) {
    .siteSearch .button {
        float: none;
        display: inline-block;
        margin-bottom: 16px;
        margin-top: 0;
        vertical-align: top
    }
}

.siteSearch input.text {
    margin-top: 16px;
    margin-bottom: 16px;
    width: 514px
}

@media only screen and (max-width:990px) {
    .siteSearch input.text {
        margin-right: 0;
        width: 100%
    }
}

.siteSearch input.text::-webkit-input-placeholder,
.siteSearch input.text::-moz-placeholder,
.siteSearch input.text:-ms-input-placeholder,
.siteSearch input.text:-moz-placeholder {
    color: rgba(16, 35, 66, .5)
}

.siteSearch .col-12,
.siteSearch .main-col.wide,
.siteSearch .main-title.wide,
.siteSearch .filters .buttons-wrap,
.filters .siteSearch .buttons-wrap,
.siteSearch .filter-item.filter-full,
.siteSearch .wrapper {
    height: 100%
}

.logout.header-link {
    cursor: pointer
}

.header-link .logout .text {
    margin: 0 0 0 6px
}

.header-link.active.logout {
    background-color: transparent;
    color: #ff4c33
}

.header-link:active.logout,
.no-touch .header-link:hover.logout {
    background-color: #e7ecf3
}

.header-bottom {
    background-color: #16315d;
    position: relative;
    z-index: 3;
    height: 96px
}

.mm-opened.fixed-header .header-bottom {
    left: 0;
    top: 0
}

@media only screen and (max-width:990px) {
    .header-bottom {
        left: 0;
        text-align: right;
        transition: left .4s ease-out;
        height: 64px
    }
}

@media only screen and (max-width:700px) {
    .header-bottom {
        text-align: center
    }
}

.header-bottom>.wrapper {
    height: 100%
}

html:not(.mm-opening) .header-bottom {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

@media only screen and (max-width:700px) {
    .header-bottom .col-12 {
        position: relative
    }
}

.fixed-header .header-bottom {
    left: 0;
    position: fixed;
    top: 0
}

.fixfixed .fixed-header .header-bottom {
    position: absolute
}

@media only screen and (max-width:990px) {
    html.mm-opened.fixed-header .header-bottom {
        left: -80%
    }

    html.mm-opened.fixed-header .header-bottom .wrapper {
        width: 100%
    }
}

@media all and (min-width:550px) {
    html.mm-opened.fixed-header .header-bottom {
        left: -440px;
        margin-left: 1px
    }
}

@media all and (max-width:175px) {
    html.mm-opened.fixed-header .header-bottom {
        left: -140px
    }
}

.header-bottom .logo {
    float: left;
    margin: 16px 0;
    width: 64px;
    height: 64px
}

@media only screen and (max-width:990px) {
    .header-bottom .logo {
        margin: 12px 0;
        width: 40px;
        height: 40px
    }
}

@media only screen and (max-width:700px) {
    .header-bottom .logo {
        left: 0;
        position: absolute;
        top: 0
    }
}

.header-bottom .logo h1,
.header-bottom .logo h2 {
    margin: 0
}

.header-bottom .logo a {
    background: url("Winbank-Logo.svg") no-repeat scroll 0 0;
    background-size: 100% auto;
    display: block;
    width: 64px;
    height: 64px
}

@media only screen and (max-width:990px) {
    .header-bottom .logo a {
        width: 40px;
        height: 40px
    }
}

.header-bottom .logo.business a {
    background-image: url("")
}

.timer {
    border: 2px solid #fcb813;
    border-radius: 2px;
    color: #fff;
    font-family: "robotomedium", arial;
    font-size: 16px;
    float: right;
    margin: 32px 0 32px 16px;
    text-align: right;
    width: 80px;
    height: 32px
}

@media only screen and (max-width:990px) {
    .timer {
        border: none;
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin: 16px
    }
}

.timer .refresh {
    cursor: pointer;
    display: block
}

.timer .refresh:active span {
    text-decoration: underline
}

.timer .refresh:active span.ic-refresh {
    text-decoration: none
}

.no-touch .timer .refresh:hover {
    text-decoration: underline
}

.no-touch .timer .refresh:hover span.ic-refresh {
    text-decoration: none
}

.no-touch .timer .refresh:focus span {
    text-decoration: underline
}

.no-touch .timer .refresh:focus span.ic-refresh {
    text-decoration: none
}

.timer .inner {
    cursor: pointer;
    padding: 0 6px;
    position: relative;
    transition: opacity 150ms ease-out
}

.timer .inner:before {
    color: #fcb813;
    content: "";
    font-family: "icomoon";
    left: 8px;
    line-height: 1;
    position: absolute;
    top: 6px
}

@media only screen and (max-width:990px) {
    .timer .inner:before {
        top: 8px
    }
}

.timer .inner.alert {
    background-color: #fcb813
}

@media only screen and (max-width:990px) {
    .timer .inner.alert {
        background-color: transparent
    }
}

.timer .inner.alert .counter {
    color: #102342
}

@media only screen and (max-width:990px) {
    .timer .inner.alert .counter {
        color: #fab615
    }
}

.timer .inner.alert:before {
    color: #102342
}

@media only screen and (max-width:990px) {
    .timer .inner.alert:before {
        color: #fab615
    }
}

.no-touch .timer .inner:not(.alert) .counter:hover {
    color: #fcb813
}

.timer .counter {
    line-height: 28px;
    z-index: 999
}

@media only screen and (max-width:990px) {
    .timer .counter {
        line-height: 32px
    }
}

.mmenu {
    right: -80%;
    float: right
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .mmenu {
        min-width: 735px
    }
}

@media only screen and (min-width:991px) {
    .mmenu {
        position: static;
        right: 0;
        z-index: 999;
        width: calc(100% - 162px)
    }

    .mmenu.menu-items-7,
    .mmenu.menu-items-6,
    .mmenu.menu-items-5,
    .mmenu.menu-items-4,
    .mmenu.menu-items-3,
    .mmenu.menu-items-2,
    .mmenu.menu-items-1 {
        position: relative;
        right: 0
    }

    .mmenu.menu-items-7 ul.main-nav,
    .mmenu.menu-items-6 ul.main-nav,
    .mmenu.menu-items-5 ul.main-nav,
    .mmenu.menu-items-4 ul.main-nav,
    .mmenu.menu-items-3 ul.main-nav,
    .mmenu.menu-items-2 ul.main-nav,
    .mmenu.menu-items-1 ul.main-nav {
        position: static
    }
}

@media only screen and (max-width:990px) {
    .mmenu {
        padding-top: 136px;
        background-color: #16315d;
        overflow: hidden;
        position: fixed;
        top: 0;
        -webkit-overflow-scrolling: touch;
        width: 80%;
        min-width: 140px;
        max-width: 440px;
        height: 100%
    }

    .mmenu.animating {
        transition: right .4s ease-out
    }

    .mmenu>ul {
        -webkit-overflow-scrolling: touch;
        background-color: #16315d;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
        max-height: 100%
    }

    .mmenu.level1>ul {
        overflow: hidden
    }

    html.mm-opened .mmenu {
        right: 0
    }

    .mmenu html.mm-opened.fixed-header {
        position: absolute;
        right: -80%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .fixed-header .mmenu {
        padding-top: 97px
    }
}

@media all and (min-width:550px) {
    .mmenu {
        right: -440px
    }

    html.mm-opened.fixed-header .mmenu {
        right: -440px
    }
}

@media all and (max-width:175px) {
    .mmenu {
        right: -140px
    }

    html.mm-opened.fixed-header .mmenu {
        right: -140px
    }
}

.mmenu-top {
    color: #fff;
    display: none;
    font-size: 20px;
    padding-top: 44px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 149px
}

@media only screen and (max-width:990px) {
    .mmenu-top {
        display: block;
        height: 108px;
        border-bottom-width: 6px
    }
}

.fixed-header .mmenu-top {
    padding-top: 0;
    height: 97px
}

.mmenu-top .wrap {
    position: relative;
    height: 100%
}

.mmenu-top span {
    float: left;
    line-height: 1;
    padding: 22px 0 0 32px
}

.mmenu-top .close-menu {
    color: #fff;
    font-size: 16px;
    right: 16px;
    padding: 8px;
    width: auto;
    height: auto
}

@media only screen and (max-width:990px) {
    .mmenu-top .close-menu {
        margin-top: -18px;
        position: absolute;
        top: 50%
    }
}

.mmenu-top .back {
    display: none;
    margin: 22px 0 0 32px
}

@media only screen and (max-width:440px) {
    .mmenu-top .back {
        margin-left: 24px
    }
}

.mmenu-top .back>span {
    padding: 0
}

.mmenu-top .back>span.ic-arrowLeft {
    font-size: 16px;
    line-height: 1;
    margin: 0 5px 0 0
}

.level1 .mmenu-top .back {
    cursor: pointer;
    display: block;
    float: left
}

.level1 .mmenu-top .initial {
    display: none
}

@media only screen and (min-width:991px) {
    .main-nav>li {
        height: 100%
    }
}

.main-nav>li>a {
    height: 100%
}

.main-nav>li>span {
    display: table;
    height: 100%
}

.main-nav>li>span>span {
    display: table-cell;
    vertical-align: middle
}

.main-nav.nav>li:first-child>.menu-link {
    cursor: pointer
}

@media only screen and (min-width:991px) {

    .main-nav.nav>li:first-child>.menu-link.active,
    .main-nav.nav>li:first-child>.menu-link:active {
        background-color: transparent;
        color: #e5e5e5
    }

    .main-nav.nav>li:first-child>.menu-link.active>span:before,
    .main-nav.nav>li:first-child>.menu-link:active>span:before {
        background-color: transparent
    }
}

@media only screen and (min-width:991px) {
    .no-touch .main-nav.nav>li:first-child>.menu-link:hover {
        color: #fcb813
    }
}

@media only screen and (min-width:991px) {
    .main-nav.nav>li:not(:first-child)>span {
        position: relative
    }
}

.main-nav.nav>li.nav1:nth-child(9) .active~.megamenu.submenu {
    left: auto;
    margin-left: 0;
    padding-right: 0;
    right: 0
}

.main-nav.nav>li.lang {
    display: none
}

@media only screen and (max-width:990px) {
    .main-nav.nav>li.lang {
        display: block;
        padding: 16px 20px 16px
    }

    .main-nav.nav>li.lang .label {
        color: rgba(89, 104, 133, .5);
        float: left;
        font-size: 16px;
        font-family: "robotoregular", arial;
        margin-top: 2px
    }

    .main-nav.nav>li.lang ul {
        float: right;
        margin: 0;
        padding: 0
    }

    .main-nav.nav>li.lang li {
        border: none;
        display: inline-block;
        font-family: "robotoregular", arial;
        font-size: 15px;
        margin: 0;
        padding: 0;
        vertical-align: top;
        width: auto
    }

    .main-nav.nav>li.lang a {
        color: #596885;
        padding: 0 5px
    }

    .main-nav.nav>li.lang a:active {
        color: #5c85c9;
        text-decoration: none
    }

    .no-touch .main-nav.nav>li.lang a:hover {
        color: #5c85c9;
        text-decoration: none
    }
}

.main-nav .homelink span:not(.ic-home) {
    display: none
}

.main-nav .homelink .ic-home {
    line-height: 96px
}

.main-nav .homelink .ic-home:before {
    content: ""
}

@media only screen and (max-width:990px) {

    .main-nav .homelink .ic-home,
    .main-nav .homelink:after {
        display: none
    }

    .main-nav .homelink span:not(.ic-home) {
        display: block
    }
}

@media only screen and (max-width:990px) {
    .main-nav .menu-link>span {
        line-height: 1.3;
        overflow: visible;
        white-space: normal
    }
}

ul.main-nav {
    float: right;
    position: relative;
    z-index: 999;
    height: 96px
}

ul.main-nav li {
    float: left;
    font-family: "robotoregular", arial;
    font-size: 16px
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    ul.main-nav li {
        font-size: 15px
    }
}

ul.main-nav li .ic-plus {
    font-size: 13px;
    margin: -3px 0 0 5px
}

ul.main-nav li.mob-banner {
    display: none
}

ul.main-nav li:not(.full)+li.full {
    margin-left: 8px
}

ul.main-nav li:not(.full)+li.full .menu-link {
    padding-left: 8px
}

ul.main-nav li:not(.full)+li.full .menu-link:before {
    background-color: rgba(255, 255, 255, .2);
    content: '';
    left: 0;
    position: absolute;
    top: 32px;
    width: 2px;
    height: calc(100% - 64px)
}

@media only screen and (max-width:990px) {
    ul.main-nav {
        padding-bottom: 40px
    }

    ul.main-nav li {
        font-size: 20px;
        line-height: 1.2;
        text-align: left;
        width: 100%
    }

    ul.main-nav li .ic-plus {
        display: none
    }

    ul.main-nav li.mob-banner {
        display: block
    }

    ul.main-nav li:not(.full)+li.full {
        margin-left: 0
    }

    ul.main-nav li:not(.full)+li.full .menu-link {
        margin-top: 50px;
        padding-left: 64px
    }

    ul.main-nav li:not(.full)+li.full .menu-link:before {
        background-color: rgba(255, 255, 255, .2);
        content: '';
        left: 64px;
        position: absolute;
        top: -26px;
        width: 40px;
        height: 2px
    }

    .fixed-header ul.main-nav>li {
        font-size: 18px
    }
}

@media only screen and (max-width:440px) {
    ul.main-nav li:not(.full)+li.full .menu-link {
        padding-left: 48px
    }

    ul.main-nav li:not(.full)+li.full .menu-link:before {
        left: 48px
    }
}

.menu-link {
    cursor: default;
    display: block;
    color: #fff;
    line-height: 30px
}

.menu-link>span {
    display: inline-block;
    line-height: 1.1
}

.menu-items-4 .menu-link br,
.menu-items-3 .menu-link br,
.menu-items-2 .menu-link br,
.menu-items-1 .menu-link br {
    display: none
}

li:first-child .menu-link>span {
    border: none
}

@media only screen and (min-width:991px) {

    .menu-link.active,
    .menu-link:active {
        color: #fcb813
    }

    li:not(.full) .menu-link.active>span:before,
    li:not(.full) .menu-link:active>span:before {
        background-color: #dde4ee
    }

    .menu-link>span {
        padding: 0 16px;
        position: relative;
        vertical-align: middle
    }
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .menu-link>span {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (max-width:990px) {
    .menu-link {
        cursor: pointer;
        float: left;
        padding: 11px 56px 11px 64px;
        position: relative;
        width: 100%
    }

    .no-touch .menu-link:hover,
    .menu-link:active,
    .menu-link:focus {
        color: #fcb813
    }

    .menu-link:after {
        content: "";
        font-family: "icomoon";
        font-size: 16px;
        line-height: 1;
        margin-top: -16px;
        padding: 8px;
        position: absolute;
        right: 16px;
        text-align: center;
        top: 50%;
        width: 32px
    }

    .menu-link br {
        display: none
    }

    .menu-link>span {
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%
    }
}

@media only screen and (max-width:440px) {
    .menu-link {
        padding-left: 48px
    }
}

.megamenu {
    left: 0;
    top: 96px;
    width: 100%
}

.megamenu ul a:not(.button) {
    color: #fff;
    display: block;
    padding: 8px 0
}

@media only screen and (max-width:990px) {
    .megamenu ul.cross {
        margin-top: 0;
        padding-top: 0
    }

    .megamenu ul.cross li:after {
        display: none
    }
}

.megamenu li {
    width: 100%
}

.megamenu li.divider {
    border-top: 1px dashed #a1bade;
    margin-top: 13px;
    padding-top: 13px
}

.megamenu a:focus:not(.button) {
    color: #fcb813;
    text-decoration: none
}

.no-touch .megamenu ul a:hover:not(.button),
.no-touch .megamenu ul a:focus:not(.button) {
    color: #fcb813;
    text-decoration: none
}

.megamenu .inner {
    padding: 16px 0 40px
}

@media only screen and (max-width:990px) {
    .megamenu .inner {
        padding: 0
    }
}

.megamenu .cross-links {
    border-top: 1px dashed #a1bade;
    margin-top: 13px;
    padding-top: 13px;
    text-align: center
}

@media only screen and (max-width:990px) {
    .megamenu .cross-links {
        float: left;
        width: 100%
    }
}

.megamenu .cross-links img {
    max-width: 100%;
    height: auto
}

.megamenu .cross-links a {
    margin: 0 1px 10px
}

.megamenu .cross-links a img {
    border: 1px solid #dde4ee
}

.megamenu .cross-links a:focus img,
.megamenu .cross-links a:active img {
    border-color: #5c85c9
}

.megamenu .title {
    color: #799cd3;
    cursor: default;
    line-height: 1.5;
    font-family: "robotomedium", arial;
    font-size: 16px;
    margin: 0 0 16px
}

@media only screen and (max-width:990px) {
    .megamenu .title {
        color: #fff;
        cursor: pointer;
        font-family: "robotoregular", arial;
        font-size: 18px;
        line-height: 1.15;
        margin: 0;
        padding: 18px 56px 18px 64px;
        position: relative
    }

    .no-touch .megamenu .title:hover {
        color: #fcb813
    }

    .megamenu .title:active,
    .megamenu .title:focus {
        color: #fcb813
    }
}

@media only screen and (max-width:440px) {
    .megamenu .title {
        padding-left: 48px
    }
}

@media only screen and (max-width:990px) {
    .megamenu .level3 {
        display: block;
        left: auto;
        overflow: hidden;
        position: absolute;
        right: -100%;
        top: 0;
        z-index: 9;
        width: 100%;
        height: 0;
        transition: right .4s ease, height 0s ease .4s, z-index .4s ease;
        padding-bottom: 40px;
        background-color: #16315d
    }

    .megamenu .level3>.wrap {
        float: left;
        width: 100%
    }

    .megamenu .level3.open {
        -webkit-overflow-scrolling: touch;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        right: 0;
        height: 100%;
        transition: right .4s ease, height 0s ease 0s, z-index .4s ease;
        z-index: 100
    }

    .megamenu .level3 li {
        font-family: "robotoregular", arial;
        font-size: 18px;
        line-height: 1.2
    }

    .megamenu .level3 a:not(.button) {
        padding: 18px 45px 18px 64px
    }

    .megamenu .level3 .cross-links a:not(.button) {
        line-height: 1;
        margin: 0 1px;
        padding: 5px
    }
}

@media only screen and (max-width:440px) {
    .megamenu .level3 a:not(.button) {
        padding-left: 48px
    }
}

@media only screen and (min-width:991px) {
    .nav1 .megamenu .inner {
        padding-bottom: 30px
    }
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .nav2:nth-child(n+4) .megamenu {
        right: -5px
    }
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .submenu.megamenu {
        padding: 0 5px 20px 20px;
        width: calc(100% + 25px)
    }
}

@media only screen and (min-width:991px) {
    .submenu.megamenu {
        background-color: #16315d;
        overflow: visible !important
    }

    .notouch-device .submenu.megamenu>.wrap {
        display: none
    }
}

@media only screen and (max-width:990px) {
    .submenu.megamenu {
        padding-bottom: 40px;
        display: block;
        left: auto;
        overflow: hidden;
        position: absolute;
        right: -100%;
        top: 0;
        z-index: 9;
        width: 100%;
        height: 0;
        transition: right .4s ease, height 0s ease .4s, z-index .4s ease;
        background-color: #16315d
    }

    .submenu.megamenu>.wrap {
        float: left;
        width: 100%
    }

    .submenu.megamenu.open {
        z-index: 99;
        -webkit-overflow-scrolling: touch;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        right: 0;
        height: 100%;
        transition: right .4s ease, height 0s ease 0s, z-index .4s ease
    }

    .level2 .submenu.megamenu.open {
        overflow: hidden
    }

    .submenu.megamenu:before {
        display: none
    }
}

.megamenuBg {
    background-color: #16315d;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    content: '';
    left: -50vw;
    position: absolute;
    top: 0;
    z-index: -1;
    width: 150vw;
    height: 100%
}

.level-title {
    color: #799cd3;
    display: none;
    font-family: "robotomedium", arial;
    font-size: 20px;
    line-height: 1;
    padding: 14px 20px 14px 64px;
    max-width: 100%
}

@media only screen and (max-width:990px) {
    .level-title {
        display: block;
        white-space: normal
    }

    .level-title br {
        display: none
    }
}

@media only screen and (max-width:440px) {
    .level-title {
        padding-left: 48px
    }
}

@media only screen and (min-width:991px) {
    .megamenu .nav-col {
        float: left;
        padding: 0 15px;
        width: 25%
    }

    .megamenu .nav-col li {
        display: inline-block;
        float: none;
        vertical-align: top
    }

    .nav1.col_1 .megamenu .nav-col.cols2,
    .nav2.col_1 .megamenu .nav-col.cols2,
    .nav2.col_2 .megamenu .nav-col.cols2,
    .nav3.col_1 .megamenu .nav-col.cols2 {
        width: 50%
    }

    .nav1.col_1 .megamenu .nav-col.cols2 ul,
    .nav2.col_1 .megamenu .nav-col.cols2 ul,
    .nav2.col_2 .megamenu .nav-col.cols2 ul,
    .nav3.col_1 .megamenu .nav-col.cols2 ul {
        column-count: 2
    }

    .nav3.col_2 .megamenu .nav-col.cols2 {
        width: 35%
    }

    .nav3.col_2 .megamenu .nav-col.cols2 ul {
        column-count: 2
    }

    .menu-items-7 .megamenu .nav-col,
    .menu-items-6 .megamenu .nav-col,
    .menu-items-5 .megamenu .nav-col,
    .menu-items-4 .megamenu .nav-col,
    .menu-items-3 .megamenu .nav-col,
    .menu-items-2 .megamenu .nav-col,
    .menu-items-1 .megamenu .nav-col {
        float: right
    }

    .nav5 .megamenu .nav-col {
        width: 20%
    }
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .megamenu .nav-col {
        padding: 0 10px
    }
}

@media only screen and (max-width:990px) {
    .nav-col .title:after {
        content: "";
        font-family: "icomoon";
        font-size: 16px;
        line-height: 1;
        margin-top: -16px;
        padding: 8px;
        position: absolute;
        right: 16px;
        text-align: center;
        top: 50%;
        width: 32px
    }
}

.mega-banner {
    background-color: #1e3c78;
    padding: 0 10px
}

@media only screen and (max-width:990px) {
    .mega-banner {
        margin: 68px 0 0;
        padding: 10px 10px 15px;
        text-align: center
    }
}

.mega-banner>div {
    text-align: center;
    width: 39%
}

@media only screen and (max-width:990px) {
    .mega-banner>div {
        width: 100%
    }
}

.mega-banner>div.text {
    margin-top: -15px;
    padding-bottom: 5px;
    text-align: left;
    width: 60%
}

@media only screen and (min-width:991px) {
    .mega-banner>div.text img+p {
        padding-left: 0
    }
}

@media only screen and (max-width:990px) {
    .mega-banner>div.text {
        margin-top: 0;
        padding: 0;
        text-align: center;
        width: 100%
    }

    .mega-banner>div.text>img {
        max-width: 30%
    }
}

@media only screen and (min-width:991px) {
    .mega-banner>div.text>* {
        padding: 0 5px
    }
}

.mega-banner p {
    color: #fff;
    font-family: "robotolight", arial;
    font-size: 28px;
    line-height: 1;
    margin: 15px 0 5px
}

@media only screen and (max-width:990px) {
    .mega-banner p {
        font-size: 21px;
        margin: 0 0 10px;
        padding: 0;
        text-align: left;
        max-width: 68%
    }
}

.mega-banner p span {
    display: block;
    font-family: "robotoblack"arial;
    font-size: 19px;
    margin-top: 5px
}

@media only screen and (max-width:990px) {
    .mega-banner p span {
        font-size: 13px
    }
}

.mega-banner .button {
    -webkit-box-shadow: 2px 2px 0 0 rgba(24, 52, 113, .29);
    -moz-box-shadow: 2px 2px 0 0 rgba(24, 52, 113, .29);
    box-shadow: 2px 2px 0 0 rgba(24, 52, 113, .29);
    margin: 0
}

@media only screen and (max-width:990px) {
    .mega-banner .button .button {
        font-size: 13px;
        margin: 20px auto 0;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media only screen and (max-width:990px) {
    .mega-banner .button>img {
        display: inline-block;
        vertical-align: bottom;
        max-width: 30%
    }

    .mega-banner .button>span {
        color: #fff;
        display: inline-block;
        vertical-align: bottom;
        font-family: "robotolight", arial;
        font-size: 21px;
        line-height: 1;
        margin-bottom: 10px;
        text-align: left;
        max-width: 68%
    }

    .mega-banner .button>span b {
        font-family: "robotoblack"arial;
        font-size: 13px
    }
}

.nav1 .mega-banner {
    padding-bottom: 10px
}

.nav1 .mega-banner>div {
    padding: 10px 0;
    width: 100%
}

.nav1 .mega-banner>div.text {
    margin-top: 0;
    padding-bottom: 0
}

.nav1 .mega-banner img {
    padding: 0 5px;
    max-width: 30%
}

.nav1 .mega-banner p {
    font-size: 24px;
    margin: 0;
    padding: 0 5px;
    max-width: 68%
}

.nav1 .mega-banner p span {
    font-size: 15px
}

.b-menu {
    color: #e5e5e5;
    cursor: pointer;
    font-family: "robotomedium", arial;
    font-size: 19px;
    float: right;
    line-height: 1;
    margin: 8px 0;
    transition: all .4s ease-out
}

.b-menu>.ic-burgermenu {
    font-size: 15px;
    padding: 16px
}

@media only screen and (max-width:700px) {
    .header-bottom .b-menu {
        right: 0;
        position: absolute;
        top: 0
    }
}

header .loaderWrap {
    background-color: #fab814;
    margin-top: 0;
    position: relative;
    height: 4px;
    z-index: 2;
    transition: left .4s ease-out
}

header .loaderWrap span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transition: opacity .4s ease;
    background-size: 30px 30px;
    background-image: linear-gradient(45deg, rgba(30, 60, 120, .1) 25%, transparent 25%, transparent 50%, rgba(30, 60, 120, .1) 50%, rgba(30, 60, 120, .1) 75%, transparent 75%, transparent);
    -moz-animation: loader .5s linear infinite;
    -o-animation: loader .5s linear infinite;
    -webkit-animation: loader .5s linear infinite;
    animation: loader .5s linear infinite
}

header .loaderWrap:not(.active) span {
    opacity: 0
}

html:not(.mm-opening) .loaderWrap {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.fixed-header header .loaderWrap {
    left: 0;
    position: fixed;
    top: 96px
}

@media only screen and (max-width:990px) {
    .fixed-header header .loaderWrap {
        top: 64px
    }
}

.fixfixed .fixed-header header .loaderWrap {
    position: absolute
}

@media only screen and (max-width:990px) {
    .loaderWrap html.mm-opened.fixed-header header {
        left: -80%
    }
}

@-webkit-keyframes loader {
    from {
        background-position: 0 0
    }

    to {
        background-position: 60px 30px
    }
}

@-ms-keyframes loader {
    from {
        background-position: 0 0
    }

    to {
        background-position: 60px 30px
    }
}

@-moz-keyframes loader {
    from {
        background-position: 0 0
    }

    to {
        background-position: 60px 30px
    }
}

@-o-keyframes loader {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 60px 30px;
    }
}

@keyframes loader {
    from {
        background-position: 0 0
    }

    to {
        background-position: 60px 30px
    }
}

.loader {
    margin: 100px 0;
    text-align: center
}

.loader>div {
    background: url("") no-repeat -81px -51px;
    margin: 10px auto;
    position: relative;
    width: 70px;
    height: 43px
}

.loader>div>span {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 0
}

.loader>div>span:before {
    background: url("") no-repeat -81px -116px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    width: 100%;
    height: 43px
}

.loader>span {
    font-size: 18px
}

.ui-widget-header {
    background: #102342;
    border: none
}

.ui-widget-header .ui-icon {
    background: none;
    width: 9px;
    height: 16px
}

.ui-widget-header .ui-icon:before {
    display: block;
    font-family: "icomoon";
    font-size: 10px;
    line-height: 1;
    padding-top: 3px
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-e:before {
    content: ""
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-w:before {
    content: ""
}

.ui-icon-circle-triangle-e {
    background-position: 0 0
}

.ui-icon-circle-triangle-w {
    background-position: 0 -30px
}

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #102342;
    margin-left: -1px;
    padding: 0
}

.ui-datepicker th {
    color: #666;
    font-family: "robotomedium", arial;
    font-weight: normal
}

.ui-datepicker td {
    font-family: "robotoregular", arial;
    font-size: 14px
}

.ui-datepicker td a {
    text-align: center
}

.ui-datepicker td span {
    text-align: center
}

.ui-datepicker .ui-datepicker-title {
    font-family: "robotoregular", arial;
    font-weight: normal;
    font-size: 16px
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    margin: -18px 0 0;
    padding: 10px;
    top: 50%;
    width: 29px;
    height: 36px
}

.ui-datepicker .ui-datepicker-prev>span,
.ui-datepicker .ui-datepicker-next>span {
    left: 10px;
    margin-left: 0;
    text-indent: 0;
    top: 10px;
    margin-top: 0
}

.ui-state-default {
    transition: background-color 150ms ease-out
}

a.ui-state-default.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
    background-color: #102342;
    color: #fff
}

a.ui-state-default.ui-state-hover:not(.ui-state-highlight) {
    background-color: #fab615
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none;
    color: #102342;
    font-weight: normal
}

.no-touch .ui-state-default:hover,
.no-touch .ui-state-default:focus {
    text-decoration: none
}

.ui-state-default:active {
    text-decoration: none
}

.no-touch .ui-widget-content .ui-state-default:hover,
.no-touch .ui-widget-content .ui-state-default:focus {
    text-decoration: none
}

.ui-widget-content .ui-state-default:active {
    text-decoration: none
}

.no-touch .ui-widget-header .ui-state-default:hover,
.no-touch .ui-widget-header .ui-state-default:focus {
    text-decoration: none
}

.ui-widget-header .ui-state-default:active {
    text-decoration: none
}

.no-touch table.default:not(.ui-datepicker-calendar) tr:not(.clickable-row) td a:not(.button):not(.open-file):hover.ui-state-hover {
    color: #fff;
    text-decoration: none
}

table.default:not(.ui-datepicker-calendar) td a:not(.button):not(.open-file):active.ui-state-hover,
.no-touch table.default:not(.ui-datepicker-calendar) td a:not(.button):not(.open-file):focus.ui-state-hover {
    color: #fff;
    text-decoration: none
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    width: 9px;
    height: 100%
}

.jspVerticalBar .jspArrow {
    height: 9px
}

.jspHorizontalBar {
    background: transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 9px
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%
}

.jspHorizontalBar .jspArrow {
    width: 9px;
    float: left;
    height: 100%
}

.jspCap {
    display: none
}

.jspTrack {
    background: transparent;
    position: relative
}

.jspDrag {
    background: #d3d3d3;
    border-radius: 8px;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0
}

.jspArrow {
    cursor: pointer;
    display: block;
    background: #50506d;
    text-indent: -20000px
}

.jspArrow.jspDisabled {
    background: #80808d;
    cursor: default
}

.jspCorner {
    background: #eee;
    float: left;
    height: 100%
}

.min-height-auto {
    min-height: inherit !important
}

.ui-sortable>.tile {
    width: 100% !important
}

.ui-sortable>.tile.min-height-auto {
    height: auto !important
}

@media only screen and (max-width:700px) {
    .ui-sortable>.tile.min-height-auto {
        height: auto !important
    }
}

.connected-list .tile.ui-sortable-helper {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-controls {
    text-align: center;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}

.owl-controls .owl-page span {
    transition: all 150ms ease-out;
    background-color: transparent;
    border: 1px solid #5c85c9;
    display: block;
    width: 8px;
    height: 8px;
    margin: 10px 6px
}

.no-touch .owl-controls .owl-page span:hover {
    background-color: #5c85c9
}

.owl-controls .owl-page span:active,
.owl-controls .owl-page span:focus {
    background-color: #5c85c9
}

.owl-controls .owl-page.active span {
    background-color: #5c85c9
}

.owl-controls .owl-buttons div {
    margin-top: -12px;
    position: absolute;
    top: 50%;
    color: #102342;
    display: inline-block;
    font-size: 24px
}

.owl-controls .owl-buttons div.owl-prev {
    left: 0
}

.owl-controls .owl-buttons div.owl-prev:before {
    content: "";
    font-family: "icomoon"
}

.owl-controls .owl-buttons div.owl-next {
    right: 0
}

.owl-controls .owl-buttons div.owl-next:before {
    content: "";
    font-family: "icomoon"
}

.owl-controls .owl-buttons div.disabled {
    cursor: default;
    opacity: .4
}

.owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none
}

.owl-controls .owl-pagination {
    left: 0;
    position: absolute;
    width: 100%;
    height: 28px
}

.paddingTop {
    padding-top: 10%
}

footer {
    background-color: #fafafa;
    border-top: 1px solid #dfdfdf;
    margin-top: 48px
}

footer .logo {
    background: url("piraeusbank.svg") no-repeat scroll center center;
    background-size: 100% auto;
    border: 2px solid #fafafa;
    left: 0;
    margin-top: -32px;
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px
}

@media only screen and (max-width:990px) {
    footer .logo {
        margin: 16px 0 0;
        position: relative;
        top: 0
    }
}

footer .logo.en {
    background-image: url("piraeusbank_en.svg")
}

footer .logo:active {
    border: 2px solid #5c85c9
}

.footer-top {
    padding: 24px 0;
    width: 100%
}

.footer-top .wrapper {
    position: relative
}

.go-top {
    background-color: #fff;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    color: #16315d;
    cursor: pointer;
    font-size: 8px;
    line-height: 22px;
    margin-right: .58%;
    padding: 8px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: background-color 150ms ease-out;
    right: 0;
    top: -24px;
    z-index: 99;
    width: 40px;
    height: 40px
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .go-top {
        margin-right: .78%
    }
}

@media only screen and (max-width:700px) {
    .go-top {
        margin-right: 1.5%
    }
}

.go-top.hide {
    opacity: 0;
    visibility: hidden
}

.no-touch .go-top:hover,
.go-top:active {
    color: #fdb813
}

.go-top.bottom {
    bottom: 135px;
    position: absolute
}

.openTour .go-top {
    z-index: 1
}

html.mm-opened .go-top {
    display: none
}

.footerTopWrap {
    padding: 0 80px;
    position: relative
}

@media only screen and (max-width:990px) {
    .footerTopWrap {
        text-align: center;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        padding: 0
    }
}

@media only screen and (max-width:700px) {
    .contact-tools {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.contact-item {
    padding: 0 8px;
    max-width: 280px;
    text-align: center
}

@media only screen and (max-width:700px) {
    .contact-item {
        width: 100%;
        max-width: 100%
    }
}

.contact-item .tooltip {
    margin: 0 0 0 -8px
}

.contact-item .ic-info {
    color: #102342;
    font-size: 16px
}

.contact-item>div a {
    color: #16315d;
    font-family: "robotobold", arial;
    font-size: 14px;
    line-height: 20px;
    padding: 0 12px;
    text-decoration: none
}

.contact-item>div p.text {
    font-size: 14px
}

.contact-item>div .or {
    color: #102342;
    font-size: 14px;
    margin: 0 -4px
}

.contact-item>div div.text {
    color: #102342;
    font-size: 14px;
    line-height: 1.45;
    margin: 0 0 10px
}

.contact-item>div div.text .tooltip {
    margin: 2px 0 0 4px
}

.contact-item>*[class^="ic-"] {
    color: #102342;
    font-size: 24px;
    margin-bottom: 8px
}

.no-touch .contact-item>div a:hover,
.no-touch .contact-item>div a:focus,
.contact-item>div a:active {
    color: #fcb813;
    text-decoration: none
}

.c2chat {
    display: inline-block
}

.c2chat:before {
    color: #102342;
    content: "";
    font-family: "icomoon";
    font-size: 24px
}

.c2chat-logo {
    background: url("") no-repeat scroll -14px -15px;
    width: 89px;
    height: 17px
}

.no-touch a:focus .c2chat-logo {
    outline: -webkit-focus-ring-color auto 5px
}

.c2chatHolder {
    display: inline-block;
    width: 10px;
    height: 36px
}

.no-touch footer .logo:focus {
    border: 2px solid #5c85c9
}

.footer-btm {
    border-top: 1px solid rgba(234, 234, 234, .8);
    padding: 8px 0 16px;
    text-align: center;
    width: 100%
}

.footer-btm ul {
    margin: 0;
    padding: 0;
    font-size: 0
}

.footer-btm li {
    list-style: none;
    margin: 0;
    font-family: "robotoregular", arial;
    line-height: 24px;
    padding: 0 16px;
    position: relative
}

.footer-btm li:not(:last-child):after {
    background-color: #102342;
    content: '';
    right: -1px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 2px;
    height: 2px
}

.footer-btm a {
    color: #102342
}

.no-touch .footer-btm a:hover {
    color: #fcb813;
    text-decoration: none
}

.pb-logo {
    background: url("") no-repeat scroll;
    display: block;
    width: 64px;
    height: 64px
}

footer {}

footer .personal {
    margin-top: -32px;
    position: absolute;
    right: 0;
    top: 50%
}

@media only screen and (max-width:990px) {
    footer .personal {
        margin: 0 0 26px;
        position: relative;
        top: 0
    }
}

footer .personal .inner {
    padding: 13px 8px
}

footer .personal img {
    margin-top: 2px;
    width: 52px;
    height: auto
}

@media only screen and (max-width:700px) {
    footer.chatOnly .contact-tools {
        text-align: center;
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    footer .pblogo {
        display: inline-block;
        float: none;
        margin: 24px 0
    }
}

footer.stick-bottom {
    bottom: 0;
    position: fixed
}

.popup {
    display: none;
    text-align: center;
    z-index: 99999
}

.popup ul li {
    line-height: 2
}

.popup .wrap {
    width: 100%;
    height: 100%
}

.popup section {
    padding: 15px
}

@media only screen and (max-width:700px) {
    .popup section {
        padding: 0
    }
}

.popup section.gray {
    background-color: #eee
}

.popup .box-form+.section {
    float: none;
    margin-top: 16px;
    width: 100%
}

.popup .promo {
    padding: 50px 50px 30px
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .popup .promo {
        padding: 50px 30px 30px
    }
}

@media only screen and (max-width:700px) {
    .popup .promo {
        padding: 50px 20px 20px
    }
}

.popup .promo img {
    max-width: 90%
}

@media only screen and (max-width:700px) {
    .popup .promo img {
        text-align: center
    }
}

.popup h2 {
    font-family: "robotomedium", arial;
    font-size: 20px;
    margin: 0 0 32px;
    padding-right: 16px
}

.popup h2:empty {
    margin: 0
}

.popup>.content {
    background: transparent;
    border: none;
    box-shadow: none;
    padding-right: 0;
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100vh
}

.popup .cntWrapper {
    background: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .3);
    margin-top: -20px;
    overflow: auto;
    position: relative;
    text-align: left;
    width: calc(100% - 16px);
    max-height: 80vh;
    max-width: 1000px
}

.popup .cntWrapper.s {
    max-width: 544px
}

.popup .cntWrapper.m {
    max-width: 736px
}

.popup .cntWrapper.l {
    max-width: 1100px
}

.popup .cntWrapper.noShadow .shadow {
    opacity: 0
}

.popup .modalMain {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 80vh
}

.popup .shadow {
    box-shadow: 0 8px 20px 12px rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    position: absolute;
    transition: opacity 250ms ease-out;
    width: 100%;
    height: 0
}

.popup.vTabsPopup .cntWrapper {
    margin-top: 0;
    max-height: inherit
}

body:not(.iframeform) .popup .box-form {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.open-popup .popup {
    position: fixed
}

.popup .popupInner {
    padding: 32px 48px
}

@media only screen and (max-width:700px) {
    .popup .popupInner {
        padding: 32px 24px
    }
}

.popup .popupInner .box-form {
    float: none
}

.popup .bg {
    background-color: #102342;
    left: 0;
    opacity: .9;
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%
}

.popup .close {
    padding: 5px;
    position: absolute;
    right: 30px;
    top: 30px
}

@media only screen and (max-width:990px) {
    .popup .close {
        right: 16px
    }
}

.popup .close:before {
    content: ""
}

.popup .status {
    margin-bottom: 40px;
    padding: 0
}

.popup .status.error {
    color: #ff4c33
}

.popup .status:not([class^="ic-"]):not([class*=" ic-"]) {
    margin-bottom: 40px;
    padding: 0
}

.popup .status:not([class^="ic-"]):not([class*=" ic-"]).error {
    color: #ff4c33
}

.popup .status>span.ic {
    font-size: 28px;
    line-height: 20px;
    margin: 0 8px 0 0
}

@media only screen and (max-width:700px) {
    .popup .status:not([class^="ic-"]):not([class*=" ic-"])>*[class^="ic-"] {
        font-size: 15px;
        line-height: 26px;
        width: 30px;
        height: 30px;
        padding: 0 0 0 1px
    }
}

.popup .error-info {
    margin-bottom: 30px
}

.popup.personalization .tile .rightBlock {
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 26%;
    height: 100%
}

.popup.personalization .checkboxBlock {
    display: table;
    width: 100%;
    height: 100%
}

.popup.personalization .checkboxBlock .checkbox {
    display: table-cell;
    vertical-align: middle
}

.popup.personalization .connected-list .tile:not(.empty) .tile-title {
    padding-left: 25px
}

.popup.personalization .connected-list {
    padding-bottom: 20px
}

@media only screen and (max-width:990px) {
    .popup.personalization .tile .rightBlock {
        float: left;
        padding: 5px 15px 15px;
        position: relative;
        width: 100%
    }

    .popup.personalization .checkboxBlock {
        display: block
    }

    .popup.personalization .checkboxBlock .checkbox {
        display: block
    }

    .popup.personalization .tile-title {
        margin: 0;
        max-width: 100%;
        width: 100%
    }

    .popup.personalization .connected-list .tile:not(.empty) .tile-title {
        padding: 15px 15px 5px
    }
}

.popup .filters input.section.text,
.filters .popup input.section.text,
.popup .box-form textarea.section,
.box-form .popup textarea.section,
.popup .box-form input.section.text,
.box-form .popup input.section.text {
    background-color: #eee
}

.popup.error-popup .red {
    font-family: "robotoregular", arial;
    font-size: 20px
}

.popup.lookup>.content table.default {
    margin: 0 0 20px 0
}

.popup.warning-popup .close,
.popup.confirm-popup:not(.pfm) .close,
.popup .lightBoxLargeNoClose-popup .close {
    display: none
}

.popup.error-popup .cntWrapper,
.popup.warning-popup .cntWrapper {
    max-width: 580px
}

.popup.info-popup .cntWrapper,
.popup.extraPIN .cntWrapper {
    max-width: 800px
}

.popup.alerts .cntWrapper {
    max-width: 1070px
}

@media only screen and (min-width:701px) {
    .popup.extraPIN.onlineApplication>.content {
        top: 10%
    }
}

.extraPinTitle {
    text-align: center
}

.popup.extraPIN .extraPinTitle .ic-PinmobOk {
    color: #1e3c78;
    float: none;
    font-size: 45px;
    margin: 0 0 16px
}

.details-popup .content {
    margin-bottom: 100px;
    padding-right: 0;
    padding-top: 45px
}

.width-alert {
    overflow: hidden
}

.width-alert>* {
    visibility: hidden
}

.width-alert>.alert-popup {
    display: block;
    visibility: visible
}

.alert-popup .content {
    left: 10px;
    padding: 10px 5px 10px 10px;
    position: fixed;
    top: 10px;
    max-height: calc(100% - 20px)
}

.alert-popup .inner {
    position: relative;
    width: 100%
}

.timetable-wrap {
    padding: 20px
}

@media only screen and (max-width:700px) {
    .timetable-wrap {
        padding-left: 10px;
        padding-right: 10px
    }
}

.timetable-wrap .inner {
    padding: 0
}

@media only screen and (max-width:700px) {
    .timetable-wrap .inner {
        margin-bottom: 20px;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
}

.timetable {
    margin: 20px auto;
    width: 786px
}

.timetable th {
    color: #102342;
    cursor: pointer;
    font-size: 14px;
    border-right: 1px solid #d6d6d6;
    border-bottom: 2px solid #d6d6d6;
    padding: 5px 0 13px;
    text-align: center
}

.timetable th.selected {
    background-color: #102342;
    color: #fff
}

.timetable td {
    border: 1px solid #d6d6d6;
    vertical-align: middle;
    color: #102342;
    cursor: pointer;
    font-size: 14px
}

.timetable td.selected {
    background-color: #102342;
    color: #fff
}

.timetable td div {
    height: 32px
}

.timetable td:first-child {
    border-left: none;
    padding-left: 4px
}

.timetable td:not(.select-row) {
    width: 98px
}

.timetable td:not(.select-row):active div,
.timetable td:not(.select-row):focus div,
.no-touch .timetable td:not(.select-row):hover div {
    border: 1px solid #fcb813
}

@media only screen and (max-width:990px) {
    .timetable {
        margin-bottom: 10px;
        width: 615px
    }

    .timetable td,
    .timetable th {
        font-size: 13px
    }

    .timetable td:not(.select-row) {
        width: 75px
    }
}

td.timeSelected {
    border: 1px solid #d6d6d6;
    color: #102342;
    vertical-align: middle;
    width: 30px;
    background-color: #102342
}

.wrapper-table {
    position: relative;
    float: left;
    width: 100%
}

tr.checkbox {
    display: table-row;
    margin: 0
}

tr.checkbox td:first-child {
    width: 70px
}

@media only screen and (max-width:700px) {
    tr.checkbox td:first-child {
        width: auto
    }
}

tr.unread td.message .init,
tr.unread td:not(.message) {
    font-family: "robotobold", arial
}

tr.no-dash td.no-dash div>* {
    display: none !important
}

th.checkbox {
    display: table-cell;
    vertical-align: middle;
    margin: 0
}

th.selected {
    background-color: #c8d4e7
}

td.checkbox {
    display: table-cell;
    margin: 0
}

td.cell-s {
    text-align: center;
    width: 160px
}

@media only screen and (max-width:990px) {
    td.cell-s {
        width: auto
    }
}

td.date span {
    margin: 0 5px
}

td.date span:first-child {
    margin-left: 0
}

td.date span:last-child {
    margin-right: 0
}

.type1 td h3 {
    margin-top: 0
}

td.value {
    white-space: nowrap
}

table th {
    font-size: 15px;
    line-height: 1.2;
    color: #1e3c78;
    font-family: "robotoregular", arial;
    font-weight: normal
}

@media only screen and (max-width:700px) {
    table th {
        font-size: 13px
    }
}

table td {
    line-height: 1.3
}

table td.number {
    text-align: right
}

table tbody tr.clickable-row.checkbox:hover td {
    background-color: #fff
}

table tbody tr.clickable-row.checkbox:hover td .checkbox .ic-check {
    border-color: #e8e8e8
}

table tbody tr.clickable-row.checkbox:hover td .go-to-open .ic-arrowRight {
    color: #404040
}

table tbody tr.clickable-row.checkbox td .go-to-open:hover .ic-arrowRight {
    color: #fcb813
}

table tbody tr.clickable-row.checkbox td .checkbox:not(.checked):hover .ic-check {
    border-color: #5c85c9
}

table tbody td .checkbox {
    margin: auto
}

table tbody td .checkbox.readonly .ic-check {
    background-color: inherit;
    border: none
}

@media only screen and (min-width:701px) {
    table tbody td .checkbox label {
        display: none !important
    }
}

table.default {
    background-color: #fff;
    margin: 0;
    text-align: left;
    width: 100%
}

table.default.al-center {
    text-align: center
}

table.default th {
    border-bottom: 1px solid #ddd;
    color: #16315d;
    font-family: "robotomedium", arial;
    font-size: 14px;
    line-height: 18px;
    padding: 16px 10px;
    text-align: left
}

@media only screen and (max-width:700px) {
    table.default th {
        line-height: 18px;
        padding: 22px 5px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    table.default th {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px
    }
}

table.default th.buttons-wrap {
    text-align: left
}

table.default th.al-right {
    text-align: right
}

table.default th.al-center {
    text-align: center
}

table.default th:first-child {
    padding-left: 15px
}

@media only screen and (max-width:700px) {
    table.default th:first-child {
        padding-left: 10px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    table.default th:first-child {
        padding-left: 5px
    }
}

table.default th:last-child {
    padding-right: 15px
}

@media only screen and (max-width:700px) {
    table.default th:last-child {
        padding-right: 10px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    table.default th:last-child {
        padding-right: 5px
    }
}

table.default th.checkbox {
    width: 24px
}

table.default td {
    border-bottom: 1px solid #ddd;
    color: #102342;
    font-size: 14px;
    padding: 16px 10px;
    vertical-align: top
}

@media only screen and (max-width:700px) {
    table.default td {
        padding-right: 5px;
        padding-left: 5px
    }
}

@media only screen and (min-width:701px) {
    .tableMin table.default td {
        padding-right: 6px;
        padding-left: 6px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    table.default td {
        padding-left: 5px;
        padding-right: 5px
    }
}

table.default td.v-middle {
    vertical-align: middle
}

table.default td.first {
    padding-left: 15px
}

@media only screen and (max-width:700px) {
    table.default td.first {
        padding-left: 8px
    }
}

table.default td:first-child {
    padding-left: 15px
}

@media only screen and (max-width:700px) {
    table.default td:first-child {
        padding-left: 8px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    table.default td:first-child {
        padding-left: 5px
    }
}

table.default td.last {
    padding-right: 15px
}

@media only screen and (max-width:700px) {
    table.default td.last {
        padding-right: 8px
    }
}

table.default td:last-child {
    padding-right: 15px
}

@media only screen and (max-width:700px) {
    table.default td:last-child {
        padding-right: 8px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    table.default td:last-child {
        padding-left: 5px
    }
}

table.default td.detail {
    font-size: 13px
}

table.default td.value {
    font-size: 15px
}

@media only screen and (max-width:700px) {
    table.default td.value {
        font-size: 13px
    }
}

table.default td.green:not(.no-color) {
    color: #73ba59
}

table.default td.red:not(.no-color),
table.default td.value.red:not(.no-color) {
    color: #f37021
}

table.default td .notActive {
    text-align: center
}

table.default td.cat [class^="ic-"],
table.default td.cat [class*=" ic-"] {
    color: #8b8b8b;
    font-size: 24px;
    margin: 0 8px 0 0
}

table.default td.cat span:not([class^="ic-"]):not([class*=" ic-"]) {
    color: #999;
    font-family: "robotoitalic", arial;
    font-size: 13px;
    margin: 5px 0
}

table.default td.date {
    width: 150px
}

@media only screen and (max-width:700px) {
    table.default td.date {
        width: auto
    }
}

table.default td.iconsCell {
    padding-top: 8px;
    padding-bottom: 8px
}

@media only screen and (max-width:700px) {
    table.default td.iconsCell {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

table.default.border-bottom:not(.white) tr:not(.select):last-child td,
table.default.border-bottom td {
    border-bottom: 2px solid #d1d8e3
}

table.default.v-middle td {
    vertical-align: middle
}

table.default tr.total td {
    color: #102342;
    font-family: "robotobold", arial
}

@media only screen and (max-width:990px) {
    table.default tr.total td {
        font-size: 18px
    }
}

table.default tr.total td:first-child {
    color: #666;
    text-align: left
}

table.default:not(.white) tbody tr:nth-child(odd) td {
    background-color: rgba(197, 212, 235, .1)
}

table.default:not(.white) tbody tr:nth-child(odd) td.selected {
    background-color: #fcfcfc
}

table.default tbody tr:nth-child(even) td {
    background-color: #fff
}

table.default:not(.white) tr:not(.select):last-child td {
    border-bottom: none
}

table.default.type2 tbody tr:nth-child(odd) td {
    background-color: #fff
}

table.default:not(.ui-datepicker-calendar).type1 td a {
    color: #5c85c9;
    text-decoration: none
}

table.default:not(.ui-datepicker-calendar) td a:not(.button):not(.open-file) {
    color: #404040;
    text-decoration: underline
}

table.default:not(.ui-datepicker-calendar) td a:not(.button):not(.open-file).blue {
    color: #5c85c9
}

table.default:not(.ui-datepicker-calendar) tr:not(.clickable-row) td a:not(.button):not(.open-file):active,
.no-touch table.default:not(.ui-datepicker-calendar) tr:not(.clickable-row) td a:not(.button):not(.open-file):hover,
.no-touch table.default:not(.ui-datepicker-calendar) tr:not(.clickable-row) td a:not(.button):not(.open-file):focus {
    color: #fcb813
}

table.default+.buttons-wrap {
    margin-top: 0
}

.no-touch table.default .clickable-row:nth-child(even):focus td,
.no-touch table.default .clickable-row:nth-child(odd):focus td {
    background-color: #f9fafc
}

table.default.messages td.cat [class^="ic-"],
table.default.messages td.cat [class*=" ic-"] {
    margin: 0 0 8px
}

table.default .checkboxCell {
    width: 24px
}

@media only screen and (max-width:700px) {
    table.default.detail td {
        font-size: 12px
    }
}

@media only screen and (max-width:700px) {
    table.default.emptyTable {
        margin-top: 0
    }
}

table.default .detail-text {
    font-size: 13px
}

div.radio-tabs.gray~.radio-tab.show table.default {
    margin-top: 0
}

table.type1 {
    margin: 0 0 24px;
    text-align: left
}

@media only screen and (min-width:991px) {
    table.type1.no-head {
        margin-top: 30px
    }
}

@media only screen and (max-width:990px) {
    table.type1.first-half {
        margin-bottom: 0
    }
}

table.type1 td {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 15px;
    line-height: 24px;
    padding: 8px;
    vertical-align: top
}

@media only screen and (max-width:700px) {
    table.type1 td {
        font-size: 14px;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 50%
    }
}

table.type1 td:first-child {
    color: #666;
    padding-left: 0;
    padding-right: 4px
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    table.type1 td:first-child {
        padding-right: 10px
    }
}

table.type1 td:last-child {
    padding-right: 0;
    padding-left: 4px
}

table.type1 td>.ic-edit {
    color: #8c8a8a;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin: 0 0 0 2px
}

table.type1 th {
    color: #102342;
    font-family: "robotomedium", arial;
    font-size: 16px;
    padding: 8px 0;
    text-align: left
}

.col-6:first-child table.type1 {
    margin-right: 8px
}

@media only screen and (max-width:700px) {
    .col-6:first-child table.type1 {
        margin-right: 0
    }
}

.col-6:not(.colSpaceL):last-child table.type1 {
    margin-right: 8px
}

@media only screen and (max-width:700px) {
    .acc-content table.type1 {
        width: 100%
    }

    .acc-content table.type1 td {
        width: 50%
    }

    .acc-content table.type1 td:first-child {
        padding-right: 3px
    }
}

@media only screen and (max-width:700px) {
    table.type1.mutual-header td {
        width: 100%
    }
}

table.type2 th,
table.type2 td {
    text-align: right;
    padding-bottom: 17px;
    padding-top: 17px
}

@media only screen and (max-width:700px) {

    table.type2 th,
    table.type2 td {
        font-size: 14px
    }
}

table.type2 th:first-child,
table.type2 td:first-child {
    text-align: left
}

table.type3 th {
    font-size: 15px;
    padding-bottom: 26px;
    padding-top: 26px;
    text-align: right
}

@media only screen and (min-width:701px) and (max-width:990px) {
    table.type3 th {
        font-size: 14px
    }
}

table.type3 th:first-child {
    font-size: 14px
}

table.type3 td {
    font-size: 15px;
    padding-bottom: 24px;
    padding-top: 24px;
    text-align: right
}

@media only screen and (min-width:701px) and (max-width:990px) {
    table.type3 td {
        font-size: 14px
    }
}

table.type3 td:first-child {
    font-size: 14px
}

table.type4 {
    margin: 0;
    width: 100%;
    padding: 16px 20px 20px;
    text-align: left;
    vertical-align: top
}

table.type4 .status-info {
    color: #666;
    float: right;
    font-family: "robotoregular", arial;
    font-size: 14px;
    min-width: 125px
}

@media only screen and (max-width:700px) {
    table.type4 .status-info {
        text-align: center
    }
}

table.type4 .status-info span {
    color: #73ba59;
    font-size: 22px;
    margin-right: 3px
}

table.type4 .status-info span.ic-error {
    color: #ff4c33
}

table.type4 .status-info span.ic-pending {
    color: #f37021
}

@media only screen and (max-width:700px) {
    table.type4 td {
        padding: 12px 10px 10px
    }
}

table.type4 td.status-info span {
    display: inline-block
}

table.type4 td:not(:first-child) {
    text-align: right
}

table.type4 td:first-child {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 16px
}

table.type4 td:first-child span {
    color: #102342;
    display: block;
    font-size: 18px;
    margin-top: 3px
}

table.type4 td:first-child span:not([class^="ic-"]):not([class*=" ic-"]) {
    font-family: "robotoregular", arial
}

table.type4 td:first-child .status-info span {
    display: inline-block;
    color: #73ba59;
    font-size: 16px;
    margin-right: 4px
}

table.type4 td:first-child .status-info span.ic-error {
    color: #ff4c33
}

table.type4 td:first-child .status-info span.ic-pending {
    color: #f37021
}

table.type4 td.detail:first-child span {
    margin-top: 0
}

table.type4 td.detail:first-child span:not([class^="ic-"]):not([class*=" ic-"]) {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 14px
}

table.type4 td.arrow {
    padding-left: 0;
    vertical-align: middle;
    width: 40px
}

@media only screen and (max-width:700px) {
    table.type4 td.arrow {
        padding-right: 0;
        width: 30px
    }
}

table.type4 td .links a {
    display: block;
    margin: 2px 0 1px;
    white-space: nowrap;
    color: #4870a9
}

table.type4 .links {
    clear: both;
    float: right;
    margin: 3px 0 0;
    padding-left: 25px
}

@media only screen and (max-width:700px) {
    table.type4 .links {
        padding-left: 0
    }
}

table.type4 tr td {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5
}

.main-col table.type4 tr:nth-child(odd) td {
    background-color: #f6f6f6
}

.sidebar table.type4 td {
    padding: 15px 10px
}

.sidebar table.type4 td.btn {
    text-align: center
}

.sidebar table.type4 td.arrow {
    display: none
}

.sidebar table.type4 td:first-child {
    font-size: 14px
}

.sidebar table.type4 td:first-child span {
    font-size: 16px
}

.dashboard table.type4 td.btn {
    text-align: center
}

table.type4 .button {
    margin: 0
}

table.al-right th,
table.al-right td,
table.buttons-wrap th,
table.buttons-wrap td {
    text-align: right
}

table.al-right th:first-child,
table.al-right td:first-child,
table.buttons-wrap th:first-child,
table.buttons-wrap td:first-child {
    text-align: left
}

table.checkboxes:not(.messages) td {
    vertical-align: middle;
    cursor: default
}

table.checkboxes:not(.messages) td span:not([class^="ic-"]):not([class*=" ic-"]):not(.detail-text),
table.checkboxes:not(.messages) td label:not(.error):not(.detail-text) {
    color: #434343;
    display: inline-block;
    font-size: 15px
}

@media only screen and (max-width:700px) {

    table.checkboxes:not(.messages) td span:not([class^="ic-"]):not([class*=" ic-"]):not(.detail-text),
    table.checkboxes:not(.messages) td label:not(.error):not(.detail-text) {
        font-size: 13px
    }
}

table.checkboxes:not(.messages) td span:not([class^="ic-"]):not([class*=" ic-"]):not(.path1):not(.path2) {
    font-family: "robotolight", arial;
    margin: 0 6px 0 0
}

table.checkboxes:not(.messages) tbody tr:nth-child(odd) td {
    background-color: #fff
}

table.checkboxes:not(.messages) tr:last-child td {
    border-bottom: 1px solid #e4e4e4
}

@media only screen and (max-width:700px) {
    table.checkboxes:not(.messages) tr:last-child td {
        border: none
    }
}

@media only screen and (max-width:700px) {
    table.checkboxes:not(.messages).mobile-table tr:last-child td:last-child {
        border-bottom: 1px solid #efefef
    }

    table.checkboxes:not(.messages).mobile-table td {
        padding-bottom: 5px;
        padding-top: 5px
    }

    table.checkboxes:not(.messages).mobile-table td:first-child {
        padding-bottom: 5px;
        padding-top: 5px
    }

    table.checkboxes:not(.messages).mobile-table .detail-text {
        display: inline-block;
        vertical-align: middle
    }
}

@media only screen and (max-width:700px) {
    table.checkboxes.wSelect-all.mobile-table .check-wrap label.detail-text {
        padding-right: 25px
    }

    table.checkboxes.wSelect-all.mobile-table .check-wrap label.detail-text+.ic-check {
        right: 0
    }
}

@media only screen and (max-width:700px) {
    table.checkboxes .check-wrap {
        position: relative
    }

    table.checkboxes .check-wrap.detail-text {
        font-family: "robotolight", arial;
        margin-right: 0;
        padding: 7px 35px
    }

    table.checkboxes .check-wrap label.detail-text+.ic-check {
        right: 10px;
        position: absolute;
        top: 7px
    }

    table.checkboxes .check-wrap label .detail-text+div.radio {
        right: 10px;
        position: absolute;
        top: 7px
    }
}

table.radio-block td {
    vertical-align: middle;
    cursor: default
}

table.radio-block td span:not([class^="ic-"]):not([class*=" ic-"]):not(.detail-text),
table.radio-block td label:not(.error):not(.detail-text) {
    color: #434343;
    display: inline-block;
    font-size: 15px
}

@media only screen and (max-width:700px) {

    table.radio-block td span:not([class^="ic-"]):not([class*=" ic-"]):not(.detail-text),
    table.radio-block td label:not(.error):not(.detail-text) {
        font-size: 13px
    }
}

table.radio-block td span:not([class^="ic-"]):not([class*=" ic-"]):not(.path1):not(.path2) {
    font-family: "robotolight", arial;
    margin: 0 6px 0 0
}

@media only screen and (max-width:700px) {
    table.radio-block td div.radio {
        float: right
    }
}

table.radio-block tbody tr:nth-child(odd) td {
    background-color: #fff
}

table.radio-block tbody tr.clickable-row:nth-child(even):hover td {
    background-color: inherit
}

table.radio-block tbody tr.clickable-row:hover td .go-to-open .ic-arrowRight {
    color: #404040
}

table.radio-block tbody tr.clickable-row td .go-to-open:hover .ic-arrowRight {
    color: #fcb813
}

table.radio-block tr:last-child td {
    border-bottom: 1px solid #e4e4e4
}

@media only screen and (max-width:700px) {
    table.radio-block tr:last-child td {
        border: none
    }
}

@media only screen and (max-width:700px) {
    table.radio-block.mobile-table tr:last-child td:last-child {
        border-bottom: 1px solid #efefef
    }

    table.radio-block.mobile-table td {
        padding-bottom: 5px;
        padding-top: 5px
    }

    table.radio-block.mobile-table td:first-child {
        padding-bottom: 5px;
        padding-top: 5px
    }

    table.radio-block.mobile-table .detail-text {
        display: inline-block;
        vertical-align: middle
    }
}

@media only screen and (max-width:700px) {
    table.radio-block .radio-wrap {
        position: relative
    }

    table.radio-block .radio-wrap.detail-text {
        font-family: "robotolight", arial;
        margin-right: 0;
        padding: 7px 35px
    }

    table.radio-block .radio-wrap label.detail-text+.ic-check {
        right: 10px;
        position: absolute;
        top: 7px
    }

    table.radio-block .radio-wrap label .detail-text+div.radio {
        right: 10px;
        position: absolute;
        top: 7px
    }
}

table.details {
    margin-bottom: 10px;
    text-align: left;
    vertical-align: middle;
    width: 100%
}

table.details tr:last-child td {
    border: none
}

table.details td {
    border-bottom: 1px solid #d6d6d6;
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 16px;
    padding: 8px 12px
}

@media only screen and (max-width:700px) {
    table.details td {
        display: block;
        font-size: 14px;
        padding-left: 5px;
        padding-right: 27px
    }
}

table.details td:last-child {
    padding-right: 0;
    text-align: right
}

table.details td:first-child {
    padding-left: 5px
}

@media only screen and (max-width:700px) {
    table.details td:first-child {
        border: none
    }
}

table.details td .name {
    margin: 0 0 0 5px;
    max-width: calc(100% - 68px)
}

@media only screen and (max-width:700px) {
    table.details td.empty {
        padding: 0;
        height: 0
    }

    table.details td.empty table {
        display: none
    }

    table.details td.arrow {
        margin-top: -25px;
        position: absolute;
        top: 50%;
        border: none;
        right: 0
    }
}

@media only screen and (max-width:700px) {
    table.details .clickable-row td.noImages {
        padding-bottom: 16px;
        padding-top: 16px
    }

    table.details>tbody>tr {
        display: block;
        position: relative
    }
}

table.icons-table {
    width: 100%
}

table.icons-table td {
    color: #102342;
    font-size: 22px;
    padding: 0 5px;
    text-align: center;
    vertical-align: middle
}

@media only screen and (max-width:700px) {
    table.icons-table td {
        display: table-cell;
        font-size: 22px
    }
}

table.icons-table td .detail-text {
    color: #666;
    font-size: 16px
}

table.icons-table td:last-child {
    text-align: center
}

table.icons-table td span {
    display: inline-block
}

table.icons-table.icons4 td {
    width: 25%;
    min-width: 41px
}

@media only screen and (max-width:990px) {
    table.part-table {
        font-size: 18px;
        width: 100%
    }

    table.part-table td {
        width: 70%
    }

    table.part-table td:first-child {
        width: 30%
    }
}

table label span {
    margin: 0 10px 0
}

table label span:first-child {
    margin-left: 0
}

@media only screen and (max-width:700px) {
    table label span {
        display: block;
        margin: 0
    }
}

table+.buttons-wrap {
    margin: 30px 0 0
}

@media only screen and (max-width:700px) {
    table+.buttons-wrap {
        margin-top: 24px
    }
}

table.mobile-table.deafult td:before,
table.mobile-table td:before {
    display: none
}

@media only screen and (max-width:700px) {
    table.mobile-table {
        display: block;
        float: left
    }

    table.mobile-table.deafult {
        display: block;
        float: left
    }

    table.mobile-table.deafult tr {
        display: block
    }

    table.mobile-table.deafult tr.total td {
        border: none;
        color: #404040;
        font-size: 12px;
        line-height: 1.1;
        padding: 10px 10px 10px 52%;
        position: relative;
        text-align: right
    }

    table.mobile-table.deafult tr.total td:first-child {
        border-top: 1px solid #efefef;
        padding-top: 15px
    }

    table.mobile-table.deafult tr.total td:first-child:before {
        padding-top: 15px
    }

    table.mobile-table.deafult tr.total td:first-child:first-child {
        border-top: 1px solid #efefef;
        padding-top: 15px
    }

    table.mobile-table.deafult tr.total td:first-child:first-child:before {
        padding-top: 15px
    }

    table.mobile-table.deafult tr.total td:before {
        color: #1e3c78;
        display: block;
        left: 0;
        padding: 8px 0 0 10px;
        position: absolute;
        text-align: left;
        top: 0;
        width: 51%;
        height: 100%
    }

    table.mobile-table.deafult tr.total td:last-child {
        padding-bottom: 15px
    }

    table.mobile-table.deafult tr.total td:last-child td {
        border: none
    }

    table.mobile-table.deafult tr .mobile-title {
        color: #1e3c78;
        font-size: 17px;
        padding-bottom: 10px;
        padding-left: 10px
    }

    table.mobile-table.deafult td {
        display: block;
        border: none;
        color: #404040;
        font-size: 12px;
        line-height: 1.1;
        padding: 10px 10px 10px 52%;
        position: relative;
        text-align: right
    }

    table.mobile-table.deafult td:before {
        display: block;
        color: #1e3c78;
        display: block;
        left: 0;
        padding: 8px 0 0 10px;
        position: absolute;
        text-align: left;
        top: 0;
        width: 51%;
        height: 100%
    }

    table.mobile-table.deafult td:first-child {
        border: none;
        color: #404040;
        font-size: 12px;
        line-height: 1.1;
        padding: 10px 10px 10px 52%;
        position: relative;
        text-align: right
    }

    table.mobile-table.deafult td:first-child:first-child {
        border-top: 1px solid #efefef;
        padding-top: 15px
    }

    table.mobile-table.deafult td:first-child.mobile-title {
        color: #1e3c78;
        font-size: 17px;
        padding-bottom: 10px;
        padding-left: 10px
    }

    table.mobile-table.deafult td:first-child.mobile-title:before {
        display: none
    }

    table.mobile-table.deafult td:first-child:last-child {
        padding-bottom: 15px
    }

    table.mobile-table.deafult td:first-child:before {
        color: #1e3c78;
        display: block;
        left: 0;
        padding: 8px 0 0 10px;
        position: absolute;
        text-align: left;
        top: 0;
        width: 51%;
        height: 100%
    }

    table.mobile-table.deafult td:last-child {
        padding-bottom: 15px
    }

    table.mobile-table.deafult td.mobile-title {
        color: #1e3c78;
        font-size: 17px;
        padding-bottom: 10px;
        padding-left: 10px
    }

    table.mobile-table.deafult td.mobile-title:before {
        display: none
    }

    table.mobile-table.deafult th,
    table.mobile-table.deafult tbody,
    table.mobile-table.deafult thead {
        display: block
    }

    table.mobile-table.deafult.type3 td {
        padding-left: 40%;
        padding-right: 5px
    }

    table.mobile-table.deafult.type3 td:before {
        padding-left: 5px;
        width: 40%
    }

    table.mobile-table.deafult.wSelect-all {
        border-top: none
    }

    table.mobile-table.deafult.wSelect-all thead tr {
        position: static
    }

    table.mobile-table.deafult.wSelect-all th:not(.checkbox) {
        display: none
    }

    table.mobile-table.deafult.wSelect-all th {
        padding: 10px;
        text-align: right
    }

    table.mobile-table tr {
        display: block
    }

    table.mobile-table tr.total td {
        border: none;
        color: #404040;
        font-size: 12px;
        line-height: 1.1;
        padding: 10px 10px 10px 52%;
        position: relative;
        text-align: right
    }

    table.mobile-table tr.total td:before {
        color: #1e3c78;
        display: block;
        left: 0;
        padding: 8px 0 0 10px;
        position: absolute;
        text-align: left;
        top: 0;
        width: 51%;
        height: 100%
    }

    table.mobile-table tr.total td:first-child {
        border-top: 1px solid #efefef;
        padding-top: 15px
    }

    table.mobile-table tr.total td:first-child:before {
        padding-top: 15px
    }

    table.mobile-table tr.total td:first-child:first-child {
        border-top: 1px solid #efefef;
        padding-top: 15px
    }

    table.mobile-table tr.total td:first-child:first-child:before {
        padding-top: 15px
    }

    table.mobile-table tr.total td.mobile-title {
        color: #1e3c78;
        font-size: 17px;
        padding-bottom: 10px;
        padding-left: 10px
    }

    table.mobile-table tr.total td.mobile-title:before {
        display: none
    }

    table.mobile-table tr.total td:last-child td {
        border: none
    }

    table.mobile-table td {
        display: block;
        border: none;
        font-size: 12px;
        line-height: 1.1;
        padding: 10px 10px 10px 52%;
        position: relative;
        text-align: right
    }

    table.mobile-table td:before {
        display: block;
        color: #102342;
        display: block;
        left: 0;
        padding: 8px 0 0 10px;
        position: absolute;
        text-align: left;
        top: 0;
        width: 51%;
        height: 100%
    }

    table.mobile-table td:first-child {
        border: none;
        color: #102342;
        font-size: 12px;
        line-height: 1.1;
        padding: 10px 10px 10px 52%;
        position: relative;
        text-align: right
    }

    table.mobile-table td:first-child:before {
        color: #102342;
        display: block;
        left: 0;
        padding: 8px 0 0 10px;
        position: absolute;
        text-align: left;
        top: 0;
        width: 51%;
        height: 100%
    }

    table.mobile-table td:first-child:first-child {
        border-top: 1px solid #efefef;
        padding-top: 15px
    }

    table.mobile-table td:first-child:first-child:before {
        padding-top: 15px
    }

    table.mobile-table td:first-child:last-child {
        padding-bottom: 15px
    }

    table.mobile-table td:first-child.mobile-title {
        color: #1e3c78;
        font-size: 17px;
        padding-bottom: 10px;
        padding-left: 10px
    }

    table.mobile-table td:first-child.mobile-title:before {
        display: none
    }

    table.mobile-table td:last-child {
        padding-bottom: 15px
    }

    table.mobile-table td.mobile-title {
        color: #1e3c78;
        font-size: 17px;
        padding-bottom: 10px;
        padding-left: 10px
    }

    table.mobile-table td.mobile-title:before {
        display: none
    }

    table.mobile-table th,
    table.mobile-table tbody,
    table.mobile-table thead {
        display: block
    }

    table.mobile-table th.checkbox,
    table.mobile-table .checkboxCell {
        width: 100%
    }

    table.mobile-table.deafult td.empty,
    table.mobile-table td.empty {
        display: none
    }

    table.mobile-table.deafult thead tr,
    table.mobile-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    table.mobile-table td>div:first-child:last-child {
        display: inline-block;
        vertical-align: top;
        width: 100%
    }

    table.mobile-table.type3 td {
        padding-left: 40%;
        padding-right: 5px
    }

    table.mobile-table.type3 td:before {
        padding-left: 5px;
        width: 40%
    }

    table.mobile-table.wSelect-all {
        border-top: none
    }

    table.mobile-table.wSelect-all thead tr {
        position: static
    }

    table.mobile-table.wSelect-all th:not(.checkbox) {
        display: none
    }

    table.mobile-table.wSelect-all th {
        padding: 10px;
        text-align: right
    }

    table.mobile-table.checkboxes .checkbox .detail-text {
        display: inline-block
    }

    table.mobile-table.checkboxes tr:last-child td:first-child {
        border-top: 1px solid #efefef
    }
}

table.messages td {
    vertical-align: middle
}

@media only screen and (min-width:701px) and (max-width:990px) {
    table.messages td.checkbox {
        width: 50px
    }
}

@media only screen and (min-width:701px) {
    table.messages td.checkbox {
        width: 70px
    }
}

@media only screen and (min-width:701px) {
    table.messages td.date {
        width: 19%
    }
}

@media only screen and (min-width:701px) {
    table.messages td.cat {
        width: 13%
    }
}

table.messages td.cat [class^="ic-"],
table.messages .more-less {
    color: #102342
}

@media only screen and (max-width:700px) {
    table.messages:not(.mobile-table) a.go-to-open>.detail-text {
        display: none
    }
}

table.messages tbody tr.no-pointer {
    cursor: default
}

table.form-table {
    border-bottom: 6px solid #f7f7f7;
    margin-bottom: 4px
}

table.form-table th {
    padding-left: 2px;
    padding-right: 2px
}

table.form-table th:last-child {
    padding-right: 2px
}

table.form-table th:not(:first-child) {
    text-align: center;
    width: 18%
}

table.form-table th:first-child {
    width: 28%
}

table.form-table td:first-child {
    width: 28%
}

table.form-table td:last-child {
    padding-right: 10px
}

table.form-table td:not(:first-child) {
    text-align: center;
    width: 18%
}

table.form-table .select td {
    color: #1e3c78;
    font-family: "robotomedium", arial;
    font-size: 23px
}

table.form-table .select .button {
    margin-top: 8px
}

table.form-table .select-box {
    float: none;
    margin: 0 auto;
    text-align: left;
    width: 100px
}

table.form-table td.selected {
    border-left: 2px solid #c8d4e7;
    border-right: 2px solid #c8d4e7
}

table.form-table .select td {
    padding: 0
}

table.form-table .select td>div {
    padding: 16px 10px
}

table.form-table .select td.selected>div {
    border-bottom: 2px solid #c8d4e7
}

table.form-table .btn-link {
    color: #5c85c9;
    cursor: pointer;
    font-family: "robotoitalic", arial;
    font-size: 14px;
    padding: 10px 0 0
}

table.form-table.fixed {
    margin-top: 59px
}

table.form-table.fixed thead {
    position: fixed;
    top: 47px;
    z-index: 9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

table.form-table.fixed thead tr {
    display: block;
    height: 100%
}

table.form-table.fixed thead th {
    background-color: #fff;
    display: block;
    float: left;
    height: 100%
}

table.form-table.fixed thead th.selected {
    background-color: #c8d4e7
}

table.form-table.insuranceCol1 th:not(:first-child),
table.form-table.insuranceCol1 td:not(:first-child) {
    width: 72%;
    text-align: center
}

table.form-table.insuranceCol2 th:not(:first-child),
table.form-table.insuranceCol2 td:not(:first-child) {
    width: 36%;
    text-align: center
}

table.form-table.insuranceCol3 th:not(:first-child),
table.form-table.insuranceCol3 td:not(:first-child) {
    width: 24%;
    text-align: center
}

table.form-table.insuranceCol4 th:not(:first-child),
table.form-table.insuranceCol4 td:not(:first-child) {
    width: 18%;
    text-align: center
}

@media only screen and (max-width:700px) {
    table.form-table .select .button {
        font-size: 13px;
        padding-left: 3px;
        padding-right: 3px;
        width: 94%
    }

    table.form-table .select td>div {
        font-family: "robotoregular", arial;
        font-size: 15px;
        padding: 16px 3px
    }

    table.form-table .select td .btn-link {
        font-size: 10px;
        padding-bottom: 10px
    }

    .main-col table.form-table td:first-child,
    .main-col table.form-table th:first-child,
    .main-col table.form-table tbody tr:not(.select) {
        display: none
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    table.form-table th {
        font-size: 13px
    }

    table.form-table .button {
        padding-left: 15px;
        padding-right: 15px
    }
}

table .ic-dash {
    color: #666;
    font-size: 17px
}

table .ic-check {
    color: #73ba59;
    font-size: 21px
}

table .checkbox.readonly:not(.checked) .ic-check {
    display: none
}

table .checkbox.readonly:not(.checked) .ic-dash {
    font-size: 21px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width:700px) {
    table .checkbox .ic-check {
        margin-right: 0
    }
}

table tr.checkbox:nth-child(even):hover td,
table tr.checkbox:nth-child(odd):hover td {
    background-color: #f9fafc
}

@media only screen and (max-width:700px) {
    table .detail-text {
        margin-right: 4px
    }
}

table .edit-block {
    width: 100%
}

table .edit-block .default {
    padding-right: 24px;
    width: auto
}

table .edit-block .name {
    color: #102342;
    font-family: "robotobold", arial;
    font-size: 14px;
    line-height: 24px
}

table .edit-block .editing {
    min-width: inherit
}

table.no-margin {
    margin: 0 0 0
}

table.vertical-align-top tr td {
    vertical-align: top
}

@media only screen and (min-width:701px) {
    table:not(.timetable) tbody tr td.select-row {
        width: 45px;
        padding: 0
    }
}

@media only screen and (min-width:701px) {
    table tbody tr td.select-row .radio {
        margin: 0;
        padding: 15px
    }
}

.clickable-row {
    cursor: pointer
}

.clickable-row:active,
.no-touch .clickable-row:hover td {
    background-color: #f9fafc
}

.no-touch .clickable-row:nth-child(odd):hover td {
    background-color: #edf2f9
}

.row-table {
    background-color: #e3e3e3
}

.row-table .table {
    width: 75%
}

.row-table table {
    background-color: #e3e3e3;
    width: 100%
}

.row-table table td {
    color: #999;
    font-family: "robotoitalic", arial;
    font-size: 15px;
    line-height: 1.3;
    padding: 6px 10px;
    text-align: center;
    vertical-align: top
}

.row-table table td [class^="ic-"] {
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 5px
}

.row-table table td span {
    margin: 0 5px
}

.row-table .title {
    color: #7d7c7c;
    font-family: "robotoitalic", arial;
    font-size: 15px;
    line-height: 1.2;
    padding-left: 16px;
    width: 24%
}

@media only screen and (max-width:990px) {
    .row-table .title {
        font-size: 13px
    }
}

@media only screen and (max-width:700px) {
    .row-table .table {
        width: 100%
    }

    .row-table table td {
        font-size: 12px;
        padding: 6px 0
    }

    .row-table table td [class^="ic-"] {
        font-size: 20px
    }

    .row-table .title {
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .row-table table td {
        font-size: 13px;
        padding-bottom: 11px
    }

    .row-table table td span {
        display: block
    }
}

.checktable {
    width: 100%
}

.checktable td {
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
    padding: 4px 0
}

.checktable td:not(:first-child) {
    font-size: 19px;
    text-align: center
}

.actionCell {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 8px;
    transition: color 200ms ease-out
}

.actionCell:not(:last-child) {
    margin-right: 16px
}

@media only screen and (max-width:990px) {
    .actionCell:not(:last-child) {
        margin-right: 8px
    }
}

.no-touch .actionCell:hover {
    color: #4870a9
}

.bottom-border {
    border-bottom: 1px solid #d1d8e3
}

@media only screen and (min-width:701px) {
    .scrollTable .tableInner {
        overflow: auto
    }
}

.iframeWrap {
    background-color: #fff
}

.iframeBox {
    padding: 50px 45px
}

@media only screen and (max-width:700px) {
    .iframeBox {
        padding: 25px
    }
}

.buttonsWrapOld {
    font-size: 0
}

.buttonsWrapOld .block1>* {
    margin: 4px 4px 4px 0
}

.buttonOld {
    -webkit-box-shadow: 4px 4px 0 0 rgba(92, 133, 201, .29);
    -moz-box-shadow: 4px 4px 0 0 rgba(92, 133, 201, .29);
    box-shadow: 4px 4px 0 0 rgba(92, 133, 201, .29);
    background-color: #5c85c9;
    border: none;
    color: #fafafa;
    cursor: pointer;
    display: inline-block;
    font-family: "robotomedium", arial;
    font-size: 15px;
    line-height: 1;
    margin: 7px 0 35px;
    padding: 12.5px 21px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out
}

.no-touch .buttonOld:not(.inactive):not(:disabled):not(.button-blue):hover {
    background-color: #fab814;
    color: #4f678f;
    outline: none;
    text-decoration: none
}

.buttonOld.button-blue {
    background-color: transparent;
    border: 1px solid #5c85c9;
    color: #5c85c9;
    cursor: pointer;
    box-shadow: none;
    padding: 11.5px 18px
}

.no-touch .buttonOld.button-blue:hover:enabled {
    background-color: transparent;
    color: #5c85c9;
    -webkit-box-shadow: 4px 4px 0 0 rgba(92, 133, 201, .29);
    -moz-box-shadow: 4px 4px 0 0 rgba(92, 133, 201, .29);
    box-shadow: 4px 4px 0 0 rgba(92, 133, 201, .29)
}

.ibanNo {
    margin-left: 25px
}

@media only screen and (max-width:700px) {
    .ibanNo {
        display: block;
        line-height: 1.1;
        margin: 0
    }
}

.regStep2 {
    margin-top: 10px;
    width: 100%
}

.small-margin {
    margin-right: 20px;
    min-width: 180px
}

.side-block a {
    font-size: 15px;
    line-height: 1.2;
    display: inline-block
}

.side-block a:hover span:first-child,
.side-block a:active span:first-child,
.no-touch .side-block a:hover span:first-child,
.no-touch .side-block a:focus span:first-child {
    text-decoration: underline
}

.side-block a .ic-arrowRight {
    font-size: 13px
}

.side-block p {
    color: #666;
    font-family: "robotolight", arial;
    font-size: 13px;
    line-height: 1.46;
    margin: 0 0 15px
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .side-block p {
        font-size: 12px
    }
}

.side-block.card-block {
    width: 33.33333%
}

@media only screen and (max-width:700px) {
    .side-block.card-block {
        width: 100%
    }
}

.boxes3>.side-block {
    width: 33.33333%
}

@media only screen and (max-width:700px) {
    .boxes3>.side-block {
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .boxes3>.side-block {
        width: 50%
    }
}

.side-block input.button {
    margin: 0;
    width: 100%
}

.side-block input.text {
    margin: 0 0 14px;
    width: 100%
}

@media only screen and (max-width:990px) {
    .side-block {
        border-bottom: none;
        padding: 0 8px
    }

    .side-block .inner {
        display: inline-block;
        vertical-align: top;
        float: none;
        text-align: left;
        width: auto
    }

    .side-block:first-child {
        border: none
    }
}

@media only screen and (max-width:700px) {
    .side-block {
        border-left: none;
        padding: 10px 0 0;
        text-align: center
    }

    .side-block:first-child {
        border-top: none
    }

    .side-block .fieldWrap>input {
        margin-top: 10px
    }

    .side-block input.button {
        width: auto
    }

    .side-block input.text {
        margin: 0 7px 0 0;
        max-width: 250px
    }
}

.main-col.dashboard.side-block,
.bonus-block side-block.bonus {
    width: 66.66667%
}

.main-col.side-block,
.advices .side-block.block-inner {
    width: 83.33333%
}

.main-col.wide.side-block,
.main-title.wide.side-block,
.tile.packs-tile>div title.side-block,
.box-form .block2 .select-box.side-block {
    width: 100%
}

tile.side-block {
    padding-right: 12px
}

.box-form .side-block.block1 {
    width: 25%
}

.box-form field div.side-block.error,
.box-form .side-block.block2 {
    width: 75%
}

@media only screen and (max-width:700px) {

    .main-col.side-block .info-block.side-block,
    .advices .side-block.block-inner,
    .bonus-block .side-block.bonus {
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {

    .main-col.side-block,
    .advices .side-block.block-inner {
        width: 100%
    }

    .box-form .side-block.block1 {
        width: 33.33333%
    }

    .box-form .field div.side-block.error,
    .box-form .side-block.block2 {
        width: 66.66667%
    }
}

@media only screen and (max-width:990px) {
    .sidebar .sidemenu+.side-blocks {
        margin-top: 10px;
        padding-top: 10px
    }

    .sidebar .sidemenu+.side-blocks:before,
    .sidebar .sidemenu+.side-blocks:after {
        top: 10px;
        height: calc(100% - 10px)
    }
}

@media only screen and (max-width:700px) {
    .side-blocks {
        margin-top: 25px;
        padding: 10px 0 0
    }

    .side-blocks.cols1 {
        float: left;
        margin-top: 15px;
        padding: 0;
        width: 100%
    }

    .side-blocks.cols1 .side-block {
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .side-blocks {
        float: left;
        margin-top: 25px;
        position: relative;
        padding: 35px 0 0;
        width: 100%
    }

    .side-blocks.cols1:before,
    .side-blocks.cols1:after {
        display: none
    }

    .side-blocks.cols1 .side-block {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .side-blocks.cols2:after {
        display: none
    }

    .side-blocks.cols2:before {
        left: 50%
    }

    .side-blocks.cols2 .side-block {
        width: 50%
    }

    .side-blocks:before,
    .side-blocks:after {
        content: '';
        position: absolute;
        top: 35px;
        width: 1px;
        height: calc(100% - 35px)
    }

    .side-blocks:before {
        left: 33.3333%
    }

    .side-blocks:after {
        right: 33.3333%
    }

    .side-blocks .side-block {
        border: none
    }
}

.boxes3>* {
    width: 32.17333%
}

.boxes3.bonus-block>div,
.boxes3>.confirmation,
.boxes3>.full {
    width: 33.33333%
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .boxes3>* {
        margin-left: 1.5%;
        margin-right: 1.5%
    }

    .boxes3>* {
        width: 30.33333%;
        width: 97%
    }

    .boxes3.bonus-block>div,
    .boxes3>.full {
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .boxes3>* {
        margin-left: .78%;
        margin-right: .78%;
        width: 31.77333%;
        width: 48.44%
    }

    .boxes3.bonus-block>div,
    .boxes3>.confirmation,
    .boxes3>.full {
        width: 50%
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .boxes3>* {
        margin-left: 0%;
        margin-right: 1.5%
    }
}

.eq-boxes>* {
    transition: opacity 200ms ease-out;
    opacity: 0
}

.add-to-fav {
    cursor: pointer;
    font-size: 18px;
    z-index: 1
}

.tile .add-to-fav {
    float: left;
    margin: 4px 16px 0 0;
    position: relative
}

.main-title .add-to-fav {
    margin-right: 6px
}

.add-to-fav .ic-star {
    display: none;
    font-size: 16px
}

.add-to-fav .ic-starLine {
    color: #fab615;
    display: block;
    font-size: 16px
}

.add-to-fav:focus .ic-starLine,
.add-to-fav:active .ic-starLine,
no-touch .add-to-fav:hover .ic-starLine {
    color: #fab814
}

.add-to-fav+h1 {
    max-width: inherit
}

.main-title .add-to-fav+h1 {
    max-width: calc(100% - 30px)
}

.add-to-fav.added .ic-starLine {
    display: none
}

.add-to-fav.added .ic-star {
    display: block
}

@media only screen and (max-width:990px) {
    .add-to-fav+.tile-title.small+.tile-details {
        padding-left: 32px
    }
}

@media only screen and (max-width:700px) {
    .add-to-fav+.tile-title.small+.tile-details {
        padding-left: 32px
    }
}

@media only screen and (max-width:440px) {
    .add-to-fav+.tile-title.small+.tile-details {
        padding-left: 0
    }
}

.no-touch .tileLink:hover+.add-to-fav+.tile-title+.tile-details+a {
    text-decoration: none
}

.favLoader {
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px
}

.favLoader .sk-circle {
    margin: -15px 0 0 -15px;
    width: 30px;
    height: 30px
}

.dd-menu-wrap {
    float: left;
    position: relative
}

.dd-menu-wrap.open {
    z-index: 99
}

.dd-menu-wrap.open .border-button {
    border-color: #5c85c9;
    color: #5c85c9
}

.dd-menu-wrap.title-dd {
    white-space: nowrap;
    max-width: 100%
}

@media only screen and (max-width:700px) {
    .dd-menu-wrap.title-dd {
        width: 100%
    }
}

.dd-menu-wrap.title-dd .open-dd-menu {
    font-size: 8px;
    margin: 0 0 0 8px
}

.dd-menu-wrap.title-dd>.dd-menu {
    top: 40px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 350px;
    width: 100%;
    min-width: 460px
}

@media only screen and (max-width:700px) {
    .dd-menu-wrap.title-dd>.dd-menu {
        min-width: 280px
    }
}

.dd-menu-wrap .open-dd-menu {
    color: #102342;
    cursor: pointer
}

.dd-menu-wrap>.dd-menu {
    background-color: #fff;
    border: 1px solid #102342;
    color: #102342;
    display: none;
    font-size: 18px;
    left: 0;
    position: absolute
}

.dd-menu-wrap>.dd-menu>ul {
    list-style: none
}

.dd-menu-wrap>.dd-menu .detail {
    display: block;
    font-size: 14px;
    margin-top: 5px
}

.dd-menu-wrap>.dd-menu table {
    width: 100%
}

.dd-menu-wrap>.dd-menu tr:first-child>td {
    border: none
}

.dd-menu-wrap>.dd-menu td {
    border-top: 1px solid #d6d6d6;
    line-height: 1.3;
    padding: 8px 12px;
    text-align: left;
    vertical-align: top
}

.dd-menu-wrap>.dd-menu td:last-child {
    text-align: right
}

@media only screen and (max-width:700px) {
    .dd-menu-wrap>.dd-menu {
        min-width: 100%
    }

    .dd-menu-wrap>.dd-menu td {
        border: none;
        padding: 4px 12px
    }

    .dd-menu-wrap>.dd-menu td:last-child {
        text-align: left
    }

    .dd-menu-wrap>.dd-menu tr {
        padding: 4px 0
    }

    .dd-menu-wrap>.dd-menu tr:not(:first-child) {
        border-top: 1px solid #d6d6d6
    }
}

@media only screen and (max-width:440px) {
    .dd-menu-wrap>.dd-menu .detail {
        max-width: 160px
    }
}

.dd-menu-wrap:not(.title-dd)>.dd-menu>ul {
    min-width: 208px
}

.mainTitleWrap .titleBlock .dd-menu-wrap {
    float: none
}

@media only screen and (max-width:700px) {
    .buttons-wrap>.dd-menu-wrap {
        float: none
    }
}

.dd-menu table a {
    font-family: "robotoregular", arial;
    text-decoration: none;
    white-space: pre-wrap;
    max-width: 100%
}

.no-touch .dd-menu table a:hover,
.no-touch .dd-menu table a:active,
.no-touch .dd-menu table a:focus {
    color: #203d78;
    border-bottom: 1px solid #203d78;
    text-decoration: none
}

.dd-menu table td {
    color: #102342;
    font-size: 16px
}

.dd-menu li {
    border-top: 1px solid #d6d6d6;
    font-size: 14px;
    text-align: left
}

.dd-menu li span {
    cursor: pointer;
    display: block;
    color: #102342;
    padding: 8px 12px
}

.dd-menu li:first-child {
    border: none
}

.no-touch .dd-menu li:hover,
.no-touch .dd-menu li:focus,
.dd-menu li:active {
    background-color: #102342
}

.no-touch .dd-menu li:hover span,
.no-touch .dd-menu li:active span,
.no-touch .dd-menu li:focus span {
    color: #fff
}

@media only screen and (max-width:700px) {

    .dd-menu table,
    .dd-menu tbody,
    .dd-menu tr,
    .dd-menu td,
    .dd-menu th {
        display: block
    }
}

.dd-title {
    cursor: pointer
}

.dd-title h1 {
    margin: 0;
    padding-left: 0;
    max-width: 100%
}

.title-dd .dd-title {
    padding-right: 40px;
    max-width: 100%
}

.titleBlock .title-dd .dd-title {
    padding-right: 0
}

.no-touch .dd-title:focus h1,
.no-touch .dd-title:focus .ic-arrowDown {
    color: #222
}

.no-touch .dd-title:hover h1 {
    color: #222
}

.dd-title:active h1,
.no-touch .dd-title:hover .ic-arrowDown,
.dd-title:active .ic-arrowDown {
    color: #222
}

@media only screen and (max-width:700px) {
    div.add-to-fav+.pageTitle>.title-dd:not(.dd-menu-wrap) .dd-title {
        margin-top: 12px
    }
}

.ddWrap>*:not(:last-child) {
    margin-right: 16px
}

.ddListWrap {
    position: relative;
    z-index: 9
}

.ddListWrap .openIcon {
    color: #102342;
    cursor: pointer;
    font-size: 24px;
    padding: 5px;
    transition: color 200ms ease-out
}

.no-touch .ddListWrap .openIcon:hover,
.ddListWrap .openIcon:active {
    color: #4870a9
}

.ddListWrap .ddList {
    display: none;
    position: absolute;
    right: 0;
    top: 100%
}

.ddList {
    background-color: #16315d;
    padding: 16px;
    width: 305px
}

.ddList ul {
    margin: 0;
    padding: 0
}

.ddList li {
    color: #fff;
    font-family: "robotoregular", arial;
    font-size: 14px;
    list-style: none;
    margin: 4px 0
}

.ddList li.title {
    color: #799cd3;
    font-family: "robotomedium", arial;
    font-size: 16px;
    padding-right: 8px;
    padding-left: 8px
}

.ddList li.title:not(:first-child) {
    margin-top: 24px
}

.ddList a {
    color: #fff;
    padding: 4px 8px;
    transition: color 200ms ease-out
}

.no-touch .ddList a:focus,
.ddList a:hover {
    text-decoration: none
}

.no-touch .ddList a:hover,
.ddList a:active {
    color: #fcb813
}

.block2 .it-text,
.block2 .no-results {
    margin-bottom: 24px
}

.block2 .text .it-text,
.block2 .text .no-results {
    color: #666;
    display: block
}

.block2 .text.marginTop {
    margin-top: 8px
}

.block2 .inlineFields:first-child:last-child {
    width: 100%
}

.block2 .inlineFields>.range-fields:not(:last-child),
.block2 .inlineFields>*:not(:last-child) {
    margin-right: 16px
}

@media only screen and (max-width:700px) {
    .block2 .inlineFields>.select-box:not(:last-child) {
        margin-right: 0
    }
}

.block2.w-tooltip div.checkbox {
    float: left;
    max-width: calc(100% - 30px)
}

@media only screen and (max-width:700px) {
    .block2>.date-input {
        margin-left: 0
    }
}

.date-field.block2 {
    margin-left: 0
}

.main-tile.yellowTile .info-block {
    width: 100%
}

.main-tile.yellowTile .info-block:not(:last-child) {
    padding-bottom: 24px
}

.main-tile.yellowTile .info-block:not(:first-child) {
    padding-top: 24px
}

@media only screen and (max-width:990px) {
    .main-tile.yellowTile .info-block:last-child {
        padding-bottom: 24px
    }
}

.loyaltyRow .imgCol {
    width: 180px;
    -webkit-flex-shrink: 0;
    -webkit-box-flex: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width:700px) {
    .loyaltyRow .imgCol {
        display: none
    }
}

.loyaltyRow .logo {
    width: 250px
}

.yellowRow>* {
    padding: 0 8px
}

.yellowLinkWrap>* {
    padding: 0 4px
}

.yellowDivider {
    background-color: #d6d6d6;
    width: 100%;
    height: 1px
}

.more-row {
    background-color: #fff;
    padding: 24px 0;
    text-align: center
}

.more-row:not(.noBorder) {
    border-top: 1px solid #ddd
}

.more-row.no-bg {
    background-color: transparent
}

.more-row p {
    line-height: 1;
    margin: 0
}

.more-row .action {
    color: #16315d;
    cursor: pointer;
    display: inline-block;
    font-family: "robotobold", arial;
    font-size: 14px;
    line-height: 1;
    position: relative
}

.more-row .action:active>span:first-child,
.no-touch .more-row .action:focus>span:first-child,
.no-touch .more-row .action:hover>span:first-child {
    text-decoration: none
}

.more-row .detail-text {
    font-size: 13px
}

.more-row>a.button {
    margin: 0 0 4px
}

.more-row+.buttons-wrap {
    margin-top: 9px
}

@media only screen and (max-width:700px) {
    .more-row {
        padding: 16px 0
    }

    .no-touch .more-row .action:hover>.arrow,
    .more-row .action:active>.arrow,
    .no-touch .more-row .action:focus>.arrow {
        bottom: -3px
    }
}

.ibanBlock {
    white-space: nowrap
}

.ibanBlock .tooltip>.content {
    white-space: normal
}

.ibanBlock .persBtn {
    margin: 0;
    height: auto
}

.ibanBlock .tooltip.persBtn.tRight>.content {
    left: 8px
}

.ibanBlock .tooltip.persBtn>.content {
    right: 8px
}

.ibanBlock tooltip .open.persBtn.tRight>.content {
    left: 8px
}

.ibanBlock .ibanBlock tooltip .open.persBtn.bottomOnly>.content,
.ibanBlock .ibanBlock tooltip .open.persBtn.bottom>.content {
    bottom: auto;
    top: 34px
}

@media only screen and (max-width:440px) {
    .ibanBlock p span {
        display: none
    }
}

.acc-block {
    background-color: #fff;
    margin-bottom: 16px
}

.acc-block.acc-mob {
    background: transparent
}

@media only screen and (max-width:700px) {
    .acc-block.acc-mob {
        background-color: #fff
    }
}

.acc-block.acc-mob .action-elm {
    display: none
}

@media only screen and (max-width:700px) {
    .acc-block.acc-mob .action-elm {
        display: block
    }
}

.acc-block.acc-tile {
    border-left: 9px solid #a1bade;
    margin-bottom: 15px
}

.acc-block.gray {
    background-color: #f8f8f8
}

.acc-block+.border-title {
    margin-top: -20px
}

.acc-header {
    transition: all 150ms ease-out;
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 20px;
    line-height: 24px;
    padding: 24px 56px 24px 40px;
    position: relative
}

@media only screen and (max-width:700px) {
    .acc-header {
        padding: 24px 43px 24px 16px
    }
}

.acc-header .action-elm {
    margin-top: -4px;
    position: absolute;
    top: 50%;
    transition: all 150ms ease-out;
    color: #102342;
    cursor: pointer;
    font-size: 8px;
    right: 40px
}

@media only screen and (max-width:700px) {
    .acc-header .action-elm {
        right: 16px
    }
}

.acc-header .action-elm:before {
    content: "";
    display: block;
    transition: transform 150ms ease-out
}

@media only screen and (max-width:990px) {
    .acc-header .action-elm:before {
        left: 0
    }
}

.acc-block.grayBorder .acc-header {
    background-color: #fff;
    border-top: 1px solid #ddd
}

.acc-block.gray.sample .acc-header {
    border-top: none;
    font-size: 18px
}

.no-touch .acc-block.grayBorder .acc-header.open-acc:hover {
    background-color: #fafbfd
}

.no-touch .acc-block.gray.sample .acc-header.open-acc:hover {
    background-color: #f8f8f8
}

.acc-block.gray .acc-header.open-acc:active {
    background-color: #fff
}

.acc-content {
    display: none;
    padding: 8px 40px 40px
}

@media only screen and (max-width:700px) {
    .acc-content {
        padding-right: 16px;
        padding-left: 16px
    }
}

.acc-block .acc-content .white-block.filters .radio-tab {
    padding-top: 0
}

.acc-content .buttons-wrap:last-child {
    margin-bottom: 0
}

.acc-content .box-form {
    margin: 20px 0
}

.spaceB .acc-content {
    padding-bottom: 20px
}

.acc-mob .acc-header {
    font-family: "robotoregular", arial;
    padding: 0
}

@media only screen and (max-width:700px) {
    .acc-mob .acc-header {
        padding: 16px 45px 16px 16px
    }

    .acc-mob .acc-header p {
        margin: 0
    }
}

.acc-mob .acc-content {
    display: block;
    padding: 0
}

@media only screen and (max-width:700px) {
    .acc-mob .acc-content {
        display: none;
        padding: 0 16px
    }

    .acc-mob .acc-content>ul {
        padding-left: 0
    }

    .acc-mob .acc-content>ul:first-child {
        margin-top: 0
    }
}

@media only screen and (max-width:700px) {
    .acc-mob+.account-statement {
        margin-top: 20px
    }
}

.accountOptions .accounting .value {
    font-family: "robotomedium", arial;
    font-size: 16px
}

.info-block {
    padding: 23px 15px
}

.info-block h3 {
    margin: 0 0 16px
}

@media only screen and (max-width:700px) {
    .info-block .data-block {
        margin-bottom: 0
    }
}

.info-block div.iban {
    color: #102342;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    white-space: nowrap
}

@media only screen and (max-width:700px) {
    .info-block div.iban {
        font-size: 14px
    }
}

.info-block div.iban .tooltip .content span {
    color: #fff
}

.info-block p {
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 5px
}

.info-block .data-row:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:700px) {
    .full.info-block {
        width: 100%
    }
}

.radio-block div.radio {
    clear: both;
    display: block;
    float: left;
    margin: 16px 0
}

.radio-block div.radio.full {
    width: 100%
}

.radio-block.noMarginTop div.radio:first-child {
    margin-top: 0
}

.radio-block.inline .radio {
    display: inline-flex;
    float: none;
    margin: 0 10px
}

@media only screen and (max-width:700px) {
    .radio-block.inline .inlineFields .noWrap .radio {
        width: auto
    }
}

block2 .radio-block:not(.inline) .inlineFields .radio:not(:last-child) {
    margin: 0 16px 0 0
}

.radio-block tr.radio.checked td {
    background-color: #f9fafc
}

.radio-block.cols3>div {
    margin: 8px 0;
    padding-right: 16px;
    position: relative;
    width: 33.33%
}

@media only screen and (max-width:990px) {
    .radio-block.cols3>div {
        padding-right: 0;
        width: 100%
    }
}

.radio-block.cols3>div.tooltipRadio div.radio {
    margin-top: 0;
    margin-bottom: 0
}

.radio-block.cols3 label {
    display: inline-block
}

.radio-block.half>.radio {
    clear: none;
    width: 50%
}

@media only screen and (max-width:700px) {
    .radio-block.half>.radio {
        width: 100%
    }
}

.radio-block.half>.radio>* {
    vertical-align: top
}

.radio-block.half label {
    font-family: "robotomedium", arial;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 4px;
    max-width: calc(100% - 16px)
}

.radio-block.radio-tabs {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 15px
}

.radio-block.radio-tabs .radio {
    float: none;
    margin: 0;
    position: relative
}

.radio-block.radio-tabs .radio:not(:first-child) {
    margin-left: 24px
}

.radio-block.radio-tabs .radio.disabled {
    cursor: default
}

.radio-block.radio-tabs .radio:after {
    background-color: #102342;
    bottom: -1px;
    content: '';
    left: 0;
    position: absolute;
    transition: height 200ms ease-out;
    width: 100%;
    height: 0
}

.radio-block.radio-tabs .radio:not(.disabled) label {
    cursor: pointer
}

.radio-block.radio-tabs .radio label {
    padding: 8px 0
}

.radio-block.radio-tabs .radio .ic-radio {
    display: none
}

.radio-block.radio-tabs .radio.checked:after {
    height: 2px
}

.radio-block.radio-tabs.whiteTabs {
    background-color: #fff;
    border: none
}

.radio-block.radio-tabs.whiteTabs .radio {
    cursor: pointer
}

.radio-block.radio-tabs.whiteTabs.double {
    margin-bottom: 0
}

.radio-block.radio-tabs.whiteTabs.double>* {
    margin: 0;
    width: 50%
}

.radio-block.radio-tabs.whiteTabs.double .radio {
    text-align: center
}

.radio-block.radio-tabs.whiteTabs.double .radio.checked label {
    opacity: 1
}

.radio-block.radio-tabs.whiteTabs.double .radio.checked:after {
    display: none
}

.radio-block.radio-tabs.whiteTabs.double .radio:not(.checked) {
    background-color: #f4f4f4
}

.no-touch .radio-block.radio-tabs.whiteTabs.double .radio:not(.checked):hover label {
    opacity: 1
}

.radio-block.radio-tabs.whiteTabs.double .radio label {
    font-family: "robotomedium", arial;
    opacity: .5;
    margin: 0;
    padding: 16px 0;
    transition: opacity 150ms ease-out
}

.radio-block.radio-tabs.whiteTabs.double .radio label>span {
    font-family: "robotomedium", arial
}

.radio-block.radio-tabs.centerTabs {
    border: none;
    margin-bottom: 0;
    text-align: center
}

.radio-block.radio-tabs.centerTabs .radio {
    margin: 0 16px
}

@media only screen and (max-width:700px) {
    .radio-block.radio-tabs.centerTabs .radio {
        margin: 0 4px
    }
}

.radio-block.radio-tabs.centerTabs .radio:after {
    height: 2px
}

.radio-block.radio-tabs.centerTabs .radio:not(.checked) {
    opacity: .5
}

.radio-block.radio-tabs.centerTabs .radio>label {
    font-family: "robotomedium", arial;
    padding: 0 8px 8px;
    max-width: 100%
}

.pfm .radio-block.radio-tabs.centerTabs .radio>label {
    margin-bottom: 0
}

@media only screen and (max-width:700px) {
    .radio-block.radio-tabs.centerTabs .radio>label {
        font-size: 15px;
        padding: 0 4px 8px
    }
}

.radio-block.radio-tabs.centerTabs .radio>label span {
    font-family: "robotomedium", arial
}

.radio-block.radio-tabs.centerTabs .radio>label .icon {
    font-size: 22px;
    margin-left: 8px
}

@media only screen and (max-width:700px) {
    .radio-block.radio-tabs.centerTabs .radio>label .icon {
        margin-left: 4px
    }
}

.radio-block.radio-tabs.gray {
    border-bottom-color: #c8d0de
}

.radio-block.radio-tabs.gray .radio {
    border: none;
    margin: 0
}

.radio-block.radio-tabs.gray .radio:active label span,
.radio-block.radio-tabs.gray .radio.checked label span,
.no-touch .radio-block.radio-tabs.gray .radio:hover label span {
    color: #102342
}

.radio-block.radio-tabs.gray .radio:active label span.unread-badge,
.radio-block.radio-tabs.gray .radio.checked label span.unread-badge,
.no-touch .radio-block.radio-tabs.gray .radio:hover label span.unread-badge {
    color: #16315d
}

.radio-block.radio-tabs.gray .radio .ic-radio {
    left: 0;
    opacity: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.radio-block.radio-tabs.gray .radio input {
    cursor: pointer
}

.radio-block.radio-tabs.gray .radio:not(:last-child) {
    margin-right: 20px
}

@media only screen and (max-width:440px) {
    .radio-block.radio-tabs.gray .radio:not(:last-child) {
        margin-right: 8px
    }
}

.radio-block.radio-tabs.gray .radio label {
    display: block;
    font-size: 16px;
    padding: 10px 0;
    max-width: 100%
}

@media only screen and (max-width:440px) {
    .radio-block.radio-tabs.gray .radio label {
        font-size: 14px
    }
}

.radio-block.radio-tabs.gray.messageTabs .radio {
    margin-left: 28px;
    margin-right: 8px
}

.radio-block .radioRow div.radio {
    margin: 0 8px 0 0
}

.radio-block .radioRow>a {
    line-height: 1
}

@media only screen and (max-width:700px) {
    .block1:not(.empty)~.block2 .radio-block:not(.inline)>.radio:first-child {
        margin-top: 8px
    }

    .radio-block:not(.inline) .inlineFields .input-field {
        width: 100%
    }

    .radio-block:not(.inline) .inlineFields .input-field:not(:first-child) {
        margin-top: 8px
    }
}

@media only screen and (max-width:700px) {
    .radio-block.m-vertical .radio {
        clear: both;
        float: left;
        margin: 0;
        position: relative
    }

    .radio-block.m-vertical .radio .ic-radio {
        margin-top: -8px;
        position: absolute;
        top: 50%;
        left: 0
    }

    .radio-block.m-vertical .radio label {
        padding-left: 28px
    }
}

.unread-badge {
    background-color: #fdb813;
    border-radius: 50%;
    color: #102342;
    font-family: "robotobold", arial;
    font-size: 12px;
    left: -24px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 11px;
    width: 20px;
    height: 20px
}

.messageTabs .radio .ic-radio+label {
    position: relative;
    max-width: 100%
}

.messageTabs.radio-block.radio-tabs.gray .radio label {
    cursor: pointer
}

.range-field {
    position: relative;
    margin: 0 0 0 20px;
    min-width: 160px
}

.box-form .range-field {
    margin: 4px 16px 4px 0;
    min-width: inherit
}

@media only screen and (max-width:480px) {
    .range-field {
        margin-left: 0
    }
}

.box-form .range-field label {
    margin-right: 8px
}

.range-field:first-child {
    margin-left: 0
}

@media only screen and (max-width:480px) {
    .range-field:not(:first-child) {
        margin-top: 16px
    }

    .box-form .range-field:not(:first-child) {
        margin-top: 4px
    }
}

.box-form .range-field:last-child {
    margin-right: 0
}

.range-field div.input {
    position: relative;
    width: 136px
}

.range-field div.input.invalid input {
    border-color: #ff4c33
}

.no-touch .range-field div.input.invalid input:hover input {
    border-color: #102342
}

.range-field div.input input {
    width: 100%
}

@media only screen and (max-width:700px) {
    .box-form .range-field .input-field input.text.s {
        width: 136px
    }
}

.date-input {
    position: relative;
    width: 136px
}

.date-input>input {
    padding-right: 27px;
    width: 100%
}

.date-input .no-touch input:focus {
    border-color: #102342
}

.date-input .open-dp {
    color: #102342;
    cursor: pointer;
    font-size: 18px;
    padding: 10px 6px 10px 0;
    position: absolute;
    top: 0;
    right: 0
}

.date-input.date-native {
    background-color: #f4f4f4;
    width: 129px
}

.date-input.date-native input {
    background-color: transparent;
    position: relative;
    z-index: 1
}

.date-input.date-native .open-dp {
    z-index: 0
}

.date-input.disabled .open-dp {
    cursor: default
}

.no-touch .date-input.invalid:hover input {
    border-color: #102342
}

.input-field .date-input input.text {
    width: 100%
}

.no-touch input:not(:disabled)~.ic-calendar:hover {
    color: #4870a9
}

.filters {
    margin-bottom: 25px;
    padding: 40px
}

.filters .buttons-wrap {
    width: 98.84%;
    margin-bottom: 0;
    margin-top: 16px;
    text-align: right
}

.acc-mob .filters {
    margin-bottom: 0
}

.filters.acc-block {
    padding: 0
}

.filters .radio-block {
    text-align: center;
    width: 100%
}

.filters .radio-block.filterTop {
    margin-bottom: 40px;
    padding-top: 0
}

.filters .radio-block .radio {
    text-align: left
}

.filters>.acc-content {
    padding: 13px 15px 20px
}

.filters .info-data {
    width: 83%
}

.filters+.border-title {
    margin-top: -25px
}

.filters .side-block.buttons-wrap {
    width: 100%
}

.filters input.acc-block.text {
    background-color: #f8f8f8
}

.filters input.acc-block.text .acc-header {
    background-color: #fff;
    border-top: 1px solid #ddd
}

.no-touch .filters input.acc-block.text .acc-header.open-acc:hover,
.filters input.acc-block.text .acc-header.open-acc:active {
    background-color: #fff
}

@media only screen and (max-width:990px) {
    .filters .acc-header .action-elm {
        margin-top: 0;
        top: 11px
    }
}

@media only screen and (max-width:700px) {
    .filters {
        padding: 8px 0 40px
    }

    .filters .buttons-wrap {
        text-align: center
    }

    .filters.single {
        padding: 24px 16px 40px
    }

    .filters .acc-header .radio-block {
        padding: 20px 0 0
    }

    .filters .radio-block {
        padding: 5px 0 0
    }

    .filters .radio-block.filterTop {
        margin-bottom: 25px
    }

    .filters .radio-block.filterTop.inline .radio {
        margin: 0;
        position: relative;
        width: 100%
    }

    .filters .radio-block.filterTop.inline .radio label {
        padding: 7.5px 0 7.5px 25px
    }

    .filters .radio-block.filterTop.inline .radio .ic-radio {
        left: 0;
        margin-top: -8px;
        position: absolute;
        top: 50%
    }

    .filters .title {
        position: static
    }

    .filters>.acc-header,
    .filters>.acc-content {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .filters .buttons-wrap {
        margin-left: .78%;
        margin-right: .78%
    }

    .filters>.acc-header {
        padding-left: 10px;
        padding-right: 10px
    }

    .filters>.acc-content {
        padding-left: 5px;
        padding-right: 5px
    }
}

.filterBlock {
    margin-bottom: 24px
}

@media only screen and (max-width:700px) {
    .filterBlock {
        width: 100%
    }
}

.filterBlock.full {
    width: 100%
}

.filterBlock div.error {
    margin-top: 8px
}

.filterBlock:not(.error) div.error {
    display: none
}

.filterBlock.date-range div.error {
    max-width: 425px
}

.filterBlock.date-range div.error:not(.first) {
    padding-left: 24px
}

@media only screen and (max-width:700px) {

    .filterBlock.date-range div.error:not(.first),
    .filterBlock.date-range div.error {
        padding-left: 0;
        max-width: 100%
    }
}

.filterBlock:not(:last-child) {
    margin-right: 24px
}

@media only screen and (max-width:700px) {
    .filterBlock:not(:last-child) {
        margin-right: 0
    }
}

.filterBlock.monthsRange label {
    margin-top: 8px;
    margin-bottom: 8px
}

.filters-wrap~.buttons-wrap {
    text-align: right
}

@media only screen and (max-width:700px) {
    .filters-wrap {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .filters-wrap~.buttons-wrap {
        text-align: center
    }
}

.filter-item {
    margin-bottom: 24px
}

.filter-item.s {
    width: 40.50667%
}

.filter-item.s.confirmation {
    width: 41.66667%
}

.filter-item.half.confirmation {
    width: 50%
}

.filter-item.m {
    width: 57.17333%
}

.filter-item.m.confirmation {
    width: 58.33333%
}

.filter-item.filter-full {
    width: 100%
}

.filter-item.noMargin {
    margin-bottom: 0
}

.filter-item:not(:last-child):not(.filter-full) {
    margin-right: 24px
}

.filter-item label.v-top {
    margin-top: 9px
}

.filter-item .range-fields.full,
.filter-item .range-fields.confirmation {
    border-left: 1px dashed #cbcbcb;
    padding-left: 24px;
    width: 100%
}

.filter-full .filter-item .range-fields {
    min-width: 200px
}

.filterBlock .filter-item {
    margin-bottom: 0
}

.filter-item .range-fields.side-block {
    border-left: 1px dashed #cbcbcb;
    padding-left: 24px;
    width: 100%
}

@media only screen and (max-width:700px) {
    .filter-item .range-fields.side-block {
        border-left: none;
        padding-left: 0
    }
}

.filter-item .label,
.filter-item label {
    margin: 0 16px 0 0
}

.filter-item .checkbox label {
    margin-right: 0
}

.filter-item input.text {
    width: 200px
}

.filter-item input.text.s {
    width: 120px
}

.filter-item label:active+.select-box .selected-wrap,
.filter-item label:active+.select-box .selected-wrap .arrow,
.no-touch .filter-item label:hover+.select-box .selected-wrap,
.no-touch .filter-item label:hover+.select-box .selected-wrap .arrow {
    border-color: #5c85c9
}

.filter-item span.ic {
    font-size: 25px;
    margin: 0 10px 0 0
}

.filter-item span.ic-ammount {
    font-size: 20px
}

.filter-item span.ic-troposEkt {
    font-size: 21px
}

.filter-item span.ic-HmerominiaEkt {
    font-size: 19px
}

.filter-item span.ic-prosthetiKarta {
    font-size: 17px
}

.filter-item .radio.checked span.ic-radio {
    margin-right: 0
}

.filter-item .radio.checked>span,
.filter-item .radio.checked span.ic-radio {
    font-size: 25px;
    margin: 0 10px 0 0
}

.filter-item .acc-header span.action-elm,
.acc-header .filter-item span.action-elm,
.filter-item .connected-list span.tile:not(.empty),
.connected-list .filter-item span.tile:not(.empty) {
    font-size: 25px;
    margin: 0 10px 0 0
}

.filter-item .select-box {
    float: none;
    width: 200px
}

@media only screen and (max-width:700px) {
    .filter-item .select-box {
        width: 100%
    }
}

.filter-item .select-box.s {
    width: 120px
}

.filter-item .select-box.m {
    width: 320px
}

.filter-item .select-box.big {
    width: 75%
}

@media only screen and (max-width:700px) {
    .filter-item .select-box.big {
        width: 100%
    }
}

.filter-item .select-box.large {
    width: 50%
}

.white-block.filters .filter-item .select-box.info-data>.asset-list.select-box.info-data {
    width: 100%
}

@media only screen and (max-width:700px) {
    .filter-item {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start;
        width: 100%
    }

    .filter-item:not(:last-child):not(.filter-full) {
        margin-right: 0
    }

    .filter-item>.input-field,
    .filter-item input.text {
        width: 100%
    }

    .filter-item>.input-field.m,
    .filter-item input.text.m {
        width: 100%
    }

    .filter-item label.v-top {
        margin-top: 0
    }

    .filter-item.half.confirmation,
    .filter-item.s.confirmation,
    .filter-item.m.confirmation {
        width: 100%
    }

    .filter-item .radio .ic-radio,
    .filter-item .radio>span {
        vertical-align: top
    }

    .filter-item .checkboxes,
    .filter-item>.select-box.big {
        width: 100%
    }

    .filter-item .range-fields.confirmation {
        border-left: none;
        padding-left: 0
    }

    .filter-item .range-fields label {
        display: inline-block;
        margin: 0 8px 0 0
    }

    .monthsRange .filter-item .range-fields label {
        margin-bottom: 4px;
        margin-top: 4px
    }

    .filter-item .range-fields.full,
    .filter-item .range-fields.side-block {
        border-left: none;
        padding-left: 0
    }

    .filter-item .label,
    .filter-item label {
        display: block;
        margin: 0 0 8px 0
    }

    .filter-item .checkbox label {
        display: inline-block;
        margin-bottom: 0
    }

    .filter-item span.ic,
    .filter-item .acc-header span.action-elm,
    .acc-header .filter-item span.action-elm,
    .filter-item span.ic-radio,
    .radio.checked .filter-item span.ic-radio,
    .filter-item .connected-list span.tile:not(.empty),
    .connected-list .filter-item span.tile:not(.empty) {
        font-size: 20px;
        margin-right: 3px
    }

    .filter-item .radio.checked>span,
    .filter-item .radio.checked span.ic-radio {
        margin: 0
    }

    .filter-item span.ic-troposEkt,
    .filter-item span.ic-HmerominiaEkt {
        font-size: 17px
    }

    table .filter-item>.select-box,
    table .filter-item .range-fields {
        border-left: none;
        margin-top: 10px;
        padding-left: 22px;
        max-width: 100%;
        width: 100%
    }

    table .filter-item>.input-field {
        border-left: none;
        margin-top: 10px;
        padding-left: 22px;
        max-width: 100%;
        width: 100%
    }

    table .filter-item>.input-field input {
        width: 100%
    }

    table .filter-item .select-box>.options {
        margin-left: 22px;
        width: calc(100% - 22px)
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .filter-item.s {
        margin-left: .78%;
        margin-right: .78%;
        width: 98.44%
    }

    .filter-item.s.confirmation {
        width: 100%
    }

    .filter-item.m {
        width: 98.44%
    }

    .filter-item.m.confirmation {
        width: 100%
    }

    .filter-item.s.t-half,
    .filter-item.m.t-half {
        width: 48.44%
    }

    .filter-item.s.t-half.confirmation,
    .filter-item.m.t-half.confirmation {
        width: 50%
    }

    .filter-item span.ic,
    .filter-item .acc-header span.action-elm,
    .acc-header .filter-item span.action-elm,
    .radio.checked .filter-item span.ic-radio,
    .filter-item .connected-list span.tile:not(.empty),
    .connected-list .filter-item span.tile:not(.empty) {
        font-size: 22px;
        margin-right: 5px
    }

    .filter-item span.ic-troposEkt,
    .filter-item span.ic-HmerominiaEkt {
        font-size: 19px
    }

    .filter-item .radio.checked>span,
    .filter-item .radio.checked span.ic-radio {
        margin: 0
    }
}

@media only screen and (min-width:991px) and (max-width:1200px) {

    .filter-item div.label>span.ic,
    .filter-item label>span.ic,
    .filter-item .acc-header div.label>span.action-elm,
    .filter-item .acc-header label>span.action-elm,
    .acc-header .filter-item div.label>span.action-elm,
    .acc-header .filter-item label>span.action-elm,
    .filter-item div.radio.checked.label>span,
    .filter-item label.radio.checked>span,
    .filter-item .radio.checked div.label>span.ic-radio,
    .filter-item .radio.checked label>span.ic-radio,
    .radio.checked .filter-item div.label>span.ic-radio,
    .radio.checked .filter-item label>span.ic-radio,
    .filter-item .connected-list div.label>span.tile:not(.empty),
    .filter-item .connected-list label>span.tile:not(.empty),
    .connected-list .filter-item div.label>span.tile:not(.empty),
    .connected-list .filter-item label>span.tile:not(.empty) {
        font-size: 22px;
        margin-right: 5px
    }
}

@media only screen and (max-width:480px) {
    .filter-item .range-fields {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

div.filter-item>div.error {
    display: none
}

div.filter-item.error>div.error {
    display: block
}

div.filter-item.filter-full.error {
    color: #ff4c33;
    font-size: 14px
}

div.filter-item.filter-full.error .select-box {
    font-family: "robotoregular", arial
}

div.filter-item.filter-full.error>div.error {
    display: block
}

div.filter-item.filter-full>div.error {
    display: none
}

full.filter-item.s {
    width: 41.66667%
}

full.filter-item.half {
    width: 50%
}

full.filter-item.m {
    width: 58.33333%
}

full.filter-item.filter-full {
    width: 100%
}

@media only screen and (max-width:700px) {
    full.filter-item {
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {

    full.filter-item.s.t-half,
    full.filter-item.m.t-half {
        width: 50%
    }

    full.filter-item.s,
    full.filter-item.m {
        width: 100%
    }
}

@media only screen and (max-width:700px) {
    .side-block.filter-item {
        width: 100%
    }
}

.side-block.filter-item.s {
    width: 41.66667%
}

.side-block.filter-item.half {
    width: 50%
}

.side-block.filter-item.m {
    width: 58.33333%
}

.side-block.filter-item.filter-full {
    width: 100%
}

@media only screen and (min-width:701px) and (max-width:990px) {

    .side-block.filter-item.s.t-half,
    .side-block.filter-item.m.t-half {
        width: 50%
    }

    .side-block.filter-item.s,
    .side-block.filter-item.m {
        width: 100%
    }
}

.extra-pin {
    display: inline-block;
    position: relative
}

.extra-pin input.text {
    padding-right: 42px;
    width: 100%
}

#extra-pin {
    margin-top: 8px
}

#extra-pin .radio-tab {
    padding-top: 0
}

#extra-pin .radio-tab .extraPinText {
    margin-right: 0
}

#extra-pin .radio-block.radio-tabs {
    margin-bottom: 32px
}

@media only screen and (max-width:480px) {
    #extra-pin .radio-block.radio-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        -webkit-justify-content: center;
        margin-left: -16px;
        width: calc(100% + 32px)
    }

    #extra-pin .radio-block.radio-tabs .radio>label {
        font-size: 14px
    }
}

#extra-pin .extra-pin input.text {
    padding-right: 8px
}

@media only screen and (max-width:700px) {
    #extra-pin .field.detail-text.small .block1.empty {
        display: none
    }

    #extra-pin .field.detail-text.small .block1.empty+.block2 {
        float: left
    }
}

body:not(.iframeform) .box-form .extraPinField .tooltip {
    margin: 11px 0
}

body:not(.iframeform) .box-form .extraPinField .tooltip:not(:first-child) {
    margin-left: 8px
}

body:not(.iframeform) .box-form .extraPinField .tooltip:not(:last-child) {
    margin-right: 8px
}

@media only screen and (max-width:480px) {
    body:not(.iframeform) .box-form .extraPinField .tooltip:not(:last-child) {
        margin-right: 0
    }
}

@media only screen and (max-width:480px) {
    body:not(.iframeform) .box-form .extraPinField .tooltip {
        margin-left: 0
    }
}

.extraPinField>*:not(:first-child) {
    margin-left: 8px
}

.extraPinField>*:not(:last-child) {
    margin-left: 8px
}

body:not(.iframeform) .box-form .field.error .extraPinInputWrap .error {
    margin-left: 0;
    margin-top: 5px;
    padding-left: 0;
    width: 100%
}

.extraPinInput input.text {
    width: 128px
}

.box-form .field .extraPinInput>*:not(:first-child) {
    margin-left: 8px
}

@media only screen and (max-width:480px) {
    .box-form .field .extraPinInput>*:not(:first-child) {
        margin-left: 4px
    }
}

.box-form .field .extraPinInput>*:not(:last-child) {
    margin-right: 8px
}

@media only screen and (max-width:480px) {
    .box-form .field .extraPinInput>*:not(:last-child) {
        margin-right: 4px
    }
}

.extraPinText {
    color: #102342;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 24px;
    padding: 0 0 16px;
    text-align: center
}

.extraPinText.highlight {
    background-color: rgba(253, 184, 19, .4)
}

.extraPinText.first {
    margin-top: 24px
}

.extraPinText.extraPinBlock {
    margin-top: 16px
}

.extraPinText.extraPinBlock p {
    margin-bottom: 24px
}

.extraPinText.img {
    padding-bottom: 8px
}

.extraPinText.img+.extraPinField {
    margin-top: 32px
}

@media only screen and (max-width:480px) {
    .extraPinText.img+.extraPinField {
        margin-top: 16px
    }
}

.extraPinText.whitelist {
    background-color: #f4f4f4;
    padding-top: 10px;
    margin-top: -20px
}

@media only screen and (max-width:480px) {
    .extraPinText {
        margin-bottom: 16px
    }
}

.extraPinPopup:not(.no-method) {
    min-height: 280px
}

.extraPinPopup.no-method {
    display: inline-block;
    margin-bottom: 40px;
    width: 100%
}

.extraPinPopup.no-method p {
    margin-bottom: 16px
}

.extraPinLink {
    color: #5c85c9;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 8px
}

.no-touch .extraPinLink:not(.disable-payment):hover {
    text-decoration: underline
}

.no-touch .extraPinLink.disable-payment:hover {
    text-decoration: none
}

.infoTip {
    border-top: 1px dashed #e3e2e2;
    margin-top: 27px;
    padding-top: 16px;
    text-align: center
}

.infoTip p {
    color: #666;
    font-size: 14px
}

.extrapin {
    cursor: pointer;
    font-size: 34px
}

.extrapin.ic-PintokenOk,
.extrapin.ic-PinmobOk {
    color: #73ba59
}

.extrapin.ic-PintokenNo,
.extrapin.ic-PinmobNo {
    color: #f37021
}

.main-title .extrapin {
    font-size: 30px
}

@media only screen and (max-width:700px) {
    .main-title .extrapin {
        font-size: 26px
    }
}

#extraPinSMS {
    font-family: 'passwordExtraPin'
}

.main-title .add-to-fav+.extrapin+h1 {
    position: relative;
    left: 28px
}

#dischargeAmount {
    width: 100%
}

#dischargeAmount div.radio {
    float: none;
    font-size: 16px;
    margin: 8px 0
}

#dischargeAmount .inlineFields {
    margin-left: 0;
    width: 100%
}

.radio-block .fieldsWrapIn#dischargeAmount {
    margin-bottom: 8px
}

.radio-block .fieldsWrapIn#dischargeAmount div.radio {
    margin: 4px 24px 4px 0
}

.radio-block .fieldsWrapIn#dischargeAmount div.radio:last-child {
    margin-right: 0
}

.textAmountWrap {
    width: 100%
}

.textAmountRow>* {
    margin-top: 8px;
    margin-bottom: 8px
}

@media only screen and (min-width:701px) {
    .textAmountRow>*:first-child {
        margin-right: 16px
    }
}

.tooltip-button {
    position: relative
}

@media only screen and (max-width:700px) {
    .tooltip-button.m-left>a.right {
        float: left
    }
}

.tooltip {
    margin: 0 5px;
    position: relative
}

.tooltip ul {
    margin: 10px 0 0;
    padding-left: 0
}

.tooltip ul li {
    font-size: 14px;
    margin-bottom: 6px
}

.tooltip .ic-info {
    font-size: 18px
}

.tooltip .ic-info:active,
.no-touch .tooltip .ic-info:hover {
    color: #4870a9
}

.tooltip>.content {
    font-size: 15px;
    line-height: 1.2;
    transition: all 150ms ease-out;
    background-color: #16315d;
    color: #fff;
    display: none;
    font-family: "robotoregular", arial;
    line-height: 20px;
    padding: 16px;
    position: absolute;
    text-align: left;
    top: 0;
    max-width: 250px;
    right: 25px;
    border-top: 4px solid #fcb813;
    bottom: 40px;
    right: 2px;
    top: auto
}

.tooltip>.content>.arrow {
    bottom: -8px;
    right: 0;
    top: auto
}

.tooltip>.content li {
    color: #fff;
    list-style: url("") inside
}

.tooltip>.content>.arrow {
    position: absolute;
    width: 8px;
    height: 16px;
    bottom: -8px;
    right: 0;
    top: auto
}

.tooltip>.content>.arrow:before {
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #16315d transparent transparent;
    content: '';
    display: block;
    width: 0;
    height: 0
}

.tooltip.open {
    position: relative;
    z-index: 9
}

.tooltip.open>.content {
    bottom: 32px
}

.tooltip.open.bottomOnly>.content,
.tooltip.open.bottom>.content {
    top: 32px
}

.extraPinWrap .tooltip.open.bottomOnly>.content,
.extraPinWrap .tooltip.open.bottom>.content {
    top: 50px
}

.tooltip.open.persBtn>.content {
    bottom: 42px;
    top: auto
}

.ibanBlock .tooltip.open.persBtn>.content {
    bottom: 34px;
    top: auto;
    right: 8px
}

.tooltip.open.persBtn.bottomOnly>.content,
.tooltip.open.persBtn.bottom>.content {
    bottom: auto;
    top: 42px
}

.tooltip.bottomOnly>.content,
.tooltip.bottom>.content {
    border-top: none;
    border-bottom: 4px solid #fcb813;
    bottom: auto;
    top: 40px
}

.tooltip.bottomOnly>.content .arrow,
.tooltip.bottom>.content .arrow {
    bottom: auto;
    top: -8px
}

.tooltip.tRight.open>.content,
.tooltip.tRight>.content {
    left: 2px;
    right: auto
}

.tooltip.tRight>.content>.arrow {
    left: 0
}

.field.v-top .block1>.tooltip.v-top:not(.checkbox) {
    vertical-align: top
}

.tooltip-button .tooltip {
    position: static
}

.tooltip-button .tooltip.tooltip-left>.content {
    right: 100%;
    bottom: auto;
    width: 180px;
    border-top: none;
    border-left: 4px solid #fcb813
}

@media only screen and (max-width:700px) {
    .tooltip-button .tooltip.tooltip-left>.content {
        right: auto;
        top: 47px;
        width: 100%
    }
}

.tooltip-button .tooltip.tooltip-left>.content>.arrow {
    right: -7px;
    top: 8px
}

@media only screen and (max-width:700px) {
    .tooltip.tooltip-left>.content {
        left: 0;
        right: auto;
        border-right: none;
        border-top: 2px solid #596885
    }

    .tooltip.tooltip-left>.content>.arrow {
        left: 7px;
        right: auto;
        top: -11px;
        -webkit-transform: scaleY(-1);
        -moz-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        transform: scaleY(-1)
    }
}

.go-to-open {
    color: #102342;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    width: 31px;
    height: 31px;
    text-decoration: none
}

.go-to-open .ic-arrowRight {
    font-size: 16px;
    line-height: 31px;
    transition: all 150ms ease-out
}

@media only screen and (max-width:700px) {
    .go-to-open .ic-arrowRight {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        -o-transform: scale(.85);
        transform: scale(.85)
    }
}

table .go-to-open {
    display: block
}

@media only screen and (max-width:700px) {
    table .go-to-open {
        font-size: 22px;
        padding: 5px 0;
        width: 22px;
        height: 32px
    }

    table .go-to-open>.ic-arrowRight {
        float: right;
        margin-right: 0
    }
}

@media only screen and (max-width:700px) {
    table.mobile-table .go-to-open {
        display: inline-block;
        line-height: 1;
        width: auto;
        height: auto
    }

    table.mobile-table .go-to-open>span {
        display: inline-block;
        vertical-align: middle;
        float: none
    }
}

a.go-to-open:hover td,
a.go-to-open:active td,
.no-touch a.go-to-open:focus td {
    background-color: #f9fafc
}

table.default:not(.ui-datepicker-calendar) td a.go-to-open:not(.button):not(.open-file) {
    text-decoration: none
}

.advices {
    color: #404040;
    text-align: center;
    background-color: #fff
}

.advices h3 {
    font-family: "robotomedium", arial;
    margin: 0 0 16px
}

.advices .block-inner {
    display: inline-block;
    float: none;
    padding: 41px 0;
    width: 82.17333%
}

@media only screen and (max-width:700px) {
    .advices .block-inner {
        margin-left: 1.5%;
        margin-right: 1.5%;
        width: 97%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .advices .block-inner {
        margin-left: .78%;
        margin-right: .78%;
        width: 98.44%
    }
}

.advices .block-inner.confirmation {
    width: 83.33333%
}

@media only screen and (max-width:700px) {
    .advices .block-inner.confirmation {
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .advices .block-inner.confirmation {
        width: 100%
    }
}

.advices .full.block-inner {
    width: 83.33333%
}

@media only screen and (max-width:700px) {
    .advices .full.block-inner {
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .advices .full.block-inner {
        width: 100%
    }
}

.advices .bank-info {
    float: left;
    font-size: 14px;
    line-height: 1.42;
    margin: 0 3.2%
}

@media only screen and (max-width:700px) {
    .advices .bank-info {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 7% 20px
    }
}

.advices .customer-info {
    float: right;
    font-size: 15px;
    line-height: 1.67;
    margin: 44px 0 0
}

.advices .customer-info .name {
    color: #1e3c78;
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 5px
}

@media only screen and (max-width:700px) {
    .advices .customer-info {
        display: inline-block;
        vertical-align: top;
        float: none;
        font-size: 14px;
        line-height: 1.5;
        margin: 0 7%
    }

    .advices .customer-info .name {
        font-size: 18px
    }
}

.advices .title {
    color: #575757;
    font-family: "robotomedium", arial;
    font-size: 20px;
    line-height: 1.4;
    margin: 50px 0
}

@media only screen and (max-width:700px) {
    .advices .title {
        font-size: 18px;
        margin: 30px 0
    }
}

.advices .title table {
    margin: 10px auto
}

.advices .i-block {
    text-align: left
}

.advices .i-block p {
    color: #102342;
    line-height: 1.43;
    margin: 0
}

.pie-block {
    margin-bottom: 24px;
    overflow: hidden;
    background-color: #fff
}

.pie-block h3 {
    font-family: "robotomedium", arial;
    margin: 0 0 16px
}

.pie-block>.inner {
    padding: 40px 20px;
    text-align: center
}

.pie-block.pieFull .pie-wrap {
    margin-right: 0;
    width: 100%
}

.pie-block .pie-wrap {
    margin-right: 10%;
    width: 85%;
    max-width: 600px;
    height: 270px
}

.pie-block .pie-wrap .pie-chart {
    height: 270px
}

.pie-block .field {
    margin-bottom: 24px;
    text-align: center
}

.pie-block .field h3 {
    margin-bottom: 0
}

.pie-block .field>* {
    float: none;
    text-align: left
}

.pie-block .select-box {
    margin-left: 20px;
    min-width: 280px
}

.pie-block .pie-chart {
    display: none;
    opacity: 0;
    transition: opacity 50ms ease
}

.pie-block .pie-chart.active {
    display: block;
    opacity: 1
}

@media only screen and (max-width:700px) {
    .pie-block>.inner {
        padding: 15px 10px
    }

    .pie-block .pie-wrap {
        margin-right: 0;
        width: 100%;
        height: auto
    }

    .pie-block .pie-wrap .pie-chart {
        height: auto
    }

    .pie-block .field>* {
        display: block
    }

    .pie-block .select-box {
        margin-left: 0;
        margin-top: 10px;
        min-width: inherit
    }

    .pie-block .pie-chart {
        margin-top: 20px
    }

    .pie-block .pie-chart .legend,
    .pie-block .pie-chart .cont {
        margin: 0 0 10px;
        width: 100%
    }
}

.chart-investment-pie .pie-wrap {
    height: auto
}

.info-block.pie-wrap {
    float: right;
    padding-left: 0;
    padding-right: 10px;
    max-width: 320px
}

.info-block.pie-wrap h3 {
    text-align: right
}

.info-block .pie-legend span {
    line-height: 1.28
}

.edit-block {
    float: left;
    position: relative
}

@media only screen and (max-width:700px) {
    .edit-block .name {
        word-break: break-word
    }
}

.edit-block .default {
    padding-right: 32px;
    position: relative
}

@media only screen and (max-width:700px) {
    .edit-block .default {
        min-height: inherit
    }
}

.edit-block .default a {
    display: block;
    line-height: 1
}

table .edit-block .default {
    line-height: 24px
}

.edit-block .editing {
    padding-right: 32px;
    display: none;
    width: 100%
}

@media only screen and (min-width:991px) {
    .edit-block .editing {
        min-width: 294px
    }
}

@media only screen and (max-width:700px) {
    .edit-block .editing {
        min-height: inherit
    }
}

.edit-block .editing.error input.text {
    border-color: #ff4c33;
    color: #ff4c33
}

.edit-block .save {
    bottom: 0;
    color: #102342;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 0
}

.edit-block .save:active,
.no-touch .edit-block .save:hover,
.no-touch .edit-block .save:focus {
    color: #5c85c9
}

.edit-block .edit {
    color: #102342;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 5px
}

.edit-block .edit:active,
.no-touch .edit-block .edit:hover,
.no-touch .edit-block .edit:focus {
    color: #5c85c9
}

.edit-block .save.save {
    color: #102342;
    font-size: 18px;
    padding: 4px
}

.edit-block .save.save:active,
.no-touch .edit-block .save.save:hover {
    color: #5c85c9
}

.edit-block .save.save input {
    background: transparent;
    border: none
}

.edit-block .edit.save {
    color: #102342;
    font-size: 18px;
    padding: 4px
}

.edit-block .edit.save:active,
.no-touch .edit-block .edit.save:hover {
    color: #5c85c9
}

.edit-block .edit.save input {
    background: transparent;
    border: none
}

.edit-block input.text {
    background: transparent;
    border: none;
    border-bottom: 1px solid #102342;
    color: #102342;
    font-size: 16px;
    font-family: "robotoregular", arial;
    line-height: 24px;
    width: 100%
}

.edit-block .error-block {
    clear: both;
    float: left;
    line-height: 1.1;
    margin-top: 2px;
    padding-right: 40px
}

@media only screen and (max-width:700px) {
    .edit-block .error-block {
        line-height: 1
    }
}

.tile-title .edit-block {
    max-width: 100%
}

.tile-title .edit-block input.text {
    font-size: 16px;
    padding: 0;
    height: 24px
}

@media only screen and (max-width:700px) {
    .tile-title .edit-block input.text {
        font-size: 18px;
        padding: 0 0 2px 0;
        height: auto
    }
}

.tile-title .edit-block .name {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 24px;
    max-width: 100%
}

@media only screen and (max-width:700px) {

    .tile-title .edit-block .default,
    .tile-title .edit-block .editing {
        min-width: inherit
    }
}

.no-touch .tile-title .edit-block .name:hover,
.tile-title .edit-block .name:active,
.no-touch .tile-title .edit-block .name:focus {
    text-decoration: none
}

table .edit-block input.text {
    font-size: 15px;
    margin-top: -1px;
    padding: 0 8px 0 0;
    height: auto
}

.mobile-table .edit-block {
    width: 100%
}

.mobile-table .edit-block .default {
    width: auto
}

.mobile-table .edit-block .editing {
    min-width: inherit
}

@media only screen and (max-width:700px) {
    .mobile-table .edit-block {
        float: none;
        margin: 5px 0 0
    }

    .mobile-table .edit-block .default {
        float: none
    }
}

.edit-block.no-float {
    float: none
}

.text-field.edit-block {
    font-size: 16px;
    font-size: initial
}

.steps {
    margin: 0 0 24px;
    position: relative;
    text-align: center
}

.steps .steps-wrap {
    position: relative;
    text-align: center
}

.steps.steps5 li {
    padding: 0 32px
}

.steps li {
    color: #fff;
    list-style: none;
    line-height: 1.5;
    margin: 0;
    padding: 0 48px;
    position: relative
}

.steps li:not(:last-child):after {
    background-color: rgba(22, 49, 93, .3);
    content: '';
    position: absolute;
    right: -32px;
    top: 18px;
    width: 64px;
    height: 2px
}

.steps li:not(.active):not(.prev):not(.activeFinished) .step,
.steps li:not(.active):not(.prev):not(.activeFinished) .text {
    opacity: .2
}

.steps li.prev {
    cursor: pointer
}

.steps li.prev .text {
    padding-right: 24px;
    position: relative
}

.steps li.prev:after {
    background-color: #102342
}

.steps li.prev .ic-edit {
    margin: -8px 0 0 0;
    position: absolute;
    right: 0;
    top: 50%
}

.steps li.prev:active .step,
.no-touch .steps li.prev:hover .step {
    background-color: #fcb813
}

.steps li.prev:active .ic-edit {
    color: #5c85c9
}

.steps .step {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #16315d;
    transition: background-color 150ms ease-out;
    display: inline-block;
    font-family: "robotomedium", arial;
    font-size: 28px;
    line-height: 38px;
    position: relative
}

.steps .text {
    color: #16315d;
    display: block;
    font-family: "robotobold", arial;
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0 0
}

.steps .ic-edit {
    display: none;
    color: #102342;
    font-size: 16px;
    margin: 0 0 0 8px
}

@media only screen and (max-width:990px) {
    .steps li {
        padding: 0 24px
    }

    .steps li:not(:last-child):after {
        right: -16px;
        width: 32px
    }
}

@media only screen and (max-width:700px) {
    .steps {
        margin-bottom: 56px
    }

    .steps li {
        padding: 0 16px
    }

    .steps li:not(:last-child):after {
        right: -12px;
        top: 14px;
        width: 24px
    }

    .steps.steps5 ul,
    .steps.steps5 li {
        width: auto
    }

    .steps li.active .text {
        color: #203d78;
        font-size: 16px;
        display: block;
        left: 0;
        margin: 0;
        position: absolute;
        top: 40px;
        white-space: nowrap
    }

    .steps .step {
        font-size: 20px;
        line-height: 30px;
        width: 30px;
        height: 30px
    }

    .steps .text {
        display: none
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .steps.steps5 ul {
        width: 86%
    }
}

.alert-block {
    color: #444;
    font-family: "piraeus_sansbold", arial;
    font-size: 18px;
    margin: 33px 0 20px;
    padding: 0 0 0 78px;
    position: relative;
    min-height: 89px
}

.alert-block p {
    font-family: "robotoregular", arial;
    line-height: 1.375;
    margin-top: 6px
}

.alert-block .ic-attention {
    color: #102342;
    font-size: 48px
}

@media only screen and (max-width:700px) {
    .alert-block {
        padding-left: 60px
    }

    .alert-block .ic-attention {
        font-size: 40px
    }
}

.field.v-top .block1>.checkbox.no-label {
    top: 2px
}

.field.v-top .block1>.checkbox.no-label:first-child:last-child {
    float: right
}

@media only screen and (max-width:700px) {
    .field.v-top .block1>.checkbox.no-label:first-child:last-child {
        float: none
    }
}

.field.v-top .block1:not(.empty)~.block2 .checkbox.full:first-child {
    margin-top: 2px
}

@media only screen and (max-width:480px) {
    .checkBoxRow {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .checkBoxRow>* {
        width: 100%
    }
}

.checkBoxRow .no-label.checkbox {
    top: 1px
}

@media only screen and (max-width:700px) {
    .checkBoxRow .no-label.checkbox {
        top: 0
    }
}

.checkBoxRow label {
    color: #102342
}

.checkBoxRow:not(:last-child) {
    margin-bottom: 16px
}

.checkBoxRow .valCol {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 16px;
    letter-spacing: .2px;
    line-height: 28px;
    text-align: right
}

@media only screen and (max-width:480px) {
    .checkBoxRow .valCol {
        padding-left: 50px;
        text-align: left
    }
}

.checkBoxRow .valCol sub {
    bottom: 0
}

.checkBoxRow .checkbox {
    margin-right: 35px
}

@media only screen and (max-width:700px) {
    .checkBoxRow .checkbox {
        margin-right: 16px
    }
}

.checkBoxRow .descCol {
    padding-right: 24px
}

@media only screen and (max-width:480px) {
    .checkBoxRow .descCol {
        margin-right: 0
    }
}

.checkBoxRow .descCol .label {
    font-family: "robotoregular", arial;
    font-size: 14px;
    color: #102342;
    letter-spacing: .3px;
    line-height: 24px
}

.checkBoxRow .descCol .val {
    color: rgba(16, 35, 66, .5);
    font-family: "robotoregular", arial;
    font-size: 12px;
    letter-spacing: .26px;
    line-height: 24px
}

.fieldsWrapIn {
    width: 100%
}

.fieldsWrapIn>* {
    margin: 4px 24px 4px 0
}

@media only screen and (max-width:700px) {
    .fieldsWrapIn>* {
        width: 100%;
        margin-right: 0
    }
}

.fieldsWrapIn>*:last-child {
    margin-right: 0
}

.fieldsWrapIn div.radio {
    margin: 4px 24px 4px 0
}

.fieldsWrapIn div.radio:last-child {
    margin-right: 0
}

.fieldsWrapIn .radio>label {
    max-width: 100%
}

.fieldsWrapIn .radio .ic-radio {
    -webkit-flex-shrink: 0;
    -webkit-box-flex: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.title-block {
    margin: 0 0 22px
}

.title-block h2 {
    font-family: "piraeus_sansregular", arial;
    font-size: 36px;
    line-height: 1.2;
    margin: 0 0 16px
}

@media only screen and (max-width:700px) {
    .title-block h2 {
        font-size: 24px;
        line-height: 1.1
    }
}

.title-block span {
    display: block;
    width: 38px;
    height: 4px
}

.title-block.white span {
    background-color: #eee
}

.title-block.white h2 {
    color: #fbfbfb
}

.bonus-block {
    margin: 20px 0 0;
    position: relative;
    background-color: #fff
}

.bonus-block .bonus {
    width: 100%
}

.bonus-block .bonus.confirmation {
    width: 66.66667%
}

@media only screen and (max-width:700px) {
    .bonus-block .bonus.confirmation {
        width: 100%
    }
}

@media only screen and (max-width:700px) {
    .bonus-block .bonus {
        width: 97%
    }

    body:not(.iframeform) .bonus-block .bonus {
        margin-left: 1.5%;
        margin-right: 1.5%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .bonus-block .bonus {
        margin-left: .78%;
        margin-right: .78%
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .bonus-block .bonus {
        margin-left: 0%;
        margin-right: 1.5%
    }
}

.bonus-block .full.bonus {
    width: 66.66667%
}

@media only screen and (max-width:700px) {
    .bonus-block .full.bonus {
        width: 100%
    }
}

.bonus-block .card-block {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

@media only screen and (max-width:700px) {
    .bonus-block .card-block {
        position: relative;
        height: auto
    }
}

.bonus-block>div {
    height: 100%
}

.bonus-block>div.card-block {
    width: 33.33333%
}

@media only screen and (max-width:700px) {
    .bonus-block>div.card-block {
        width: 100%
    }
}

.bonus-block>div.main-col {
    width: 83.33333%
}

@media only screen and (max-width:700px) {
    .bonus-block>div.main-col {
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .bonus-block>div.main-col {
        width: 100%
    }
}

.bonus-block>div.main-col.wide {
    width: 100%
}

.bonus-block>div.main-title.wide {
    width: 100%
}

@media only screen and (max-width:700px) {

    .bonus-block>div.bonus,
    .bonus-block>div.confirmation {
        width: 100%
    }
}

.advices .bonus-block>div.block-inner {
    width: 83.33333%
}

@media only screen and (max-width:700px) {
    .advices .bonus-block>div.block-inner {
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .advices .bonus-block>div.block-inner {
        width: 100%
    }
}

.bonus-block>div.filter-item.s {
    width: 41.66667%
}

.bonus-block>div.filter-item.half {
    width: 50%
}

.bonus-block>div.filter-item.m {
    width: 58.33333%
}

.bonus-block>div.filter-item.filter-full {
    width: 100%
}

@media only screen and (min-width:701px) and (max-width:990px) {

    .bonus-block>div.filter-item.s.t-half,
    .bonus-block>div.filter-item.m.t-half {
        width: 50%
    }

    .bonus-block>div.filter-item.s,
    .bonus-block>div.filter-item.m {
        width: 100%
    }
}

.bonus-block>div.tile {
    padding-right: 12px
}

.filter-item .bonus-block>div.range-fields {
    border-left: 1px dashed #cbcbcb;
    padding-left: 20px;
    width: 100%
}

@media only screen and (max-width:700px) {
    .filter-item .bonus-block>div.range-fields {
        border-left: none;
        padding-left: 0
    }
}

@media only screen and (max-width:700px) {
    .bonus-block>div.info-block {
        width: 100%
    }
}

.bonus-block h3 {
    font-family: "robotomedium", arial;
    margin: 0 0 16px
}

.bonus-block table {
    margin: 12px 0;
    text-align: center;
    width: 100%
}

.bonus-block table td {
    border-right: 1px solid #dfdfdf;
    color: #888;
    font-family: "robotolight", arial;
    font-size: 14px;
    line-height: 1.2;
    padding: 15px 10px;
    vertical-align: middle
}

@media only screen and (max-width:700px) {
    .bonus-block table td {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        vertical-align: top
    }
}

.bonus-block table td:last-child {
    border-width: 0
}

@media only screen and (max-width:700px) {
    .bonus-block table td:last-child {
        border-right: none
    }
}

.bonus-block table span {
    display: block;
    font-size: 28px;
    margin: 0 0 5px
}

@media only screen and (max-width:700px) {
    .bonus-block table span {
        font-size: 20px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .bonus-block table span {
        font-size: 22px
    }
}

.bonus-block table .tooltip span {
    margin: 0
}

.bonus-block table span.blue {
    color: #4a6fb1
}

.bonus-block table span.green {
    color: #73ba59
}

.bonus-block table span.red {
    color: #f37021
}

.bonus .tooltip span:not(.ic-info) {
    font-size: 14px
}

.card-block {
    float: right;
    position: relative;
    text-align: center;
    width: 32.17333%
}

.card-block.confirmation {
    width: 33.33333%
}

.card-block .img {
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 58%;
    height: 100%
}

.card-block .img img {
    max-width: 183px;
    width: 100%;
    height: auto
}

.card-block table {
    width: 70%;
    height: calc(100% - 24px)
}

.card-block table td {
    border: none;
    color: #666;
    font-family: "robotomedium", arial;
    font-size: 20px
}

@media only screen and (max-width:700px) {
    .card-block {
        width: 97%
    }

    body:not(.iframeform) .card-block {
        margin-left: 1.5%;
        margin-right: 1.5%
    }

    .card-block .img {
        width: 47%
    }

    .card-block table {
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .card-block {
        margin-left: .78%;
        margin-right: .78%;
        width: 31.77333%
    }

    .card-block table {
        width: 80%
    }

    .card-block table td {
        font-size: 18px
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .card-block {
        margin-left: 0%;
        margin-right: 1.5%
    }
}

.full.card-block {
    width: 33.33333%
}

@media only screen and (max-width:700px) {
    .full.card-block {
        width: 100%
    }
}

.multiple-elm label {
    color: #102342;
    font-family: "robotoregular", arial
}

.multiple-elm>*:not(:last-child) {
    margin-right: 24px
}

@media only screen and (max-width:700px) {
    .multiple-elm>*:not(:last-child) {
        margin-right: 0
    }
}

.box-form .multiple-elm .radio-block.inline {
    width: auto
}

@media only screen and (max-width:990px) {
    .multiple-elm .radio-block.inline {
        width: 100%
    }

    .box-form .multiple-elm .radio-block.inline {
        width: 100%
    }
}

.multiple-elm .radio-block.inline .radio {
    border-left: 1px dashed #cbcbcb;
    padding-left: 24px;
    vertical-align: middle
}

@media only screen and (max-width:700px) {
    .multiple-elm .radio-block.inline .radio {
        margin-right: 24px
    }
}

.multiple-elm .radio-block.inline .radio:first-child {
    border: none;
    padding-left: 0
}

.multiple-elm .radio-block.inline .radio:first-child .radio:first-child {
    padding-left: 0
}

@media only screen and (max-width:700px) {
    .multiple-elm .radio-block.inline:first-child .radio {
        padding-left: 0
    }
}

.multiple-elm .input-field>* {
    vertical-align: middle
}

.multiple-elm .input-field label {
    padding-right: 9px
}

.multiple-elm .input-field.firstSibling .select-box {
    margin-left: 0
}

@media only screen and (max-width:990px) {
    .multiple-elm .input-field:not(.inline) {
        width: 100%
    }
}

.multiple-elm .radio+.input-field {
    float: left;
    margin-bottom: 10px;
    margin-top: -5px
}

@media only screen and (max-width:700px) {
    .multiple-elm .radio+.input-field {
        clear: both;
        margin-left: 24px;
        margin-top: 0
    }
}

.multiple-elm:last-child .radio+.input-field {
    margin-bottom: 0
}

.multiple-elm .alias {
    margin-top: 8px
}

.multiple-elm .alias input {
    width: 200px
}

.multiple-elm .alias label {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 4px
}

.multiple-elm .select-box:not(.inline) {
    display: block
}

@media only screen and (max-width:990px) {
    .multiple-elm .select-box:not(.inline) {
        display: block
    }
}

@media only screen and (max-width:990px) {
    .multiple-elm>.checkbox+* {
        margin-left: 36px;
        max-width: calc(100% - 36px)
    }
}

.block1.empty+.multiple-elm {
    margin-bottom: 16px
}

.accordions {
    background-color: #fff;
    margin: 0 0 25px
}

.accordions .block-inner {
    padding: 30px
}

@media only screen and (max-width:700px) {
    .accordions .block-inner {
        padding: 20px
    }
}

.accordions .acc-header {
    color: #404040;
    padding: 13px 45px 13px 0;
    line-height: 1.2
}

.accordions .acc-block {
    border-bottom: 1px solid #c8d0de;
    margin-bottom: 0
}

.accordions .acc-block .acc-header.open-acc:active,
.no-touch .accordions .acc-block .acc-header.open-acc:hover {
    color: #1e3c78
}

.accordions .acc-content {
    padding: 5px 45px 25px 0
}

.fileInputWrap>*:not(:last-child) {
    margin-right: 16px
}

@media only screen and (max-width:700px) {
    .fileInputWrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .fileInputWrap .error-msg {
        margin-top: 8px;
        width: 100%
    }

    .fileInputWrap>*:not(:last-child) {
        margin-right: 0
    }
}

.fileInput {
    border: 1px solid #102342;
    cursor: pointer;
    position: relative;
    height: 40px;
    transition: all 150ms ease-out;
    max-width: 320px
}

@media only screen and (max-width:700px) {
    .fileInput {
        max-width: 250px
    }
}

.no-touch .fileInput:hover {
    background-color: #c5d4eb
}

.fileInput>div.file-text {
    background: transparent;
    color: #102342;
    font-family: "robotobold", arial;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 24px;
    width: 100%;
    height: 100%;
    transition: all 150ms ease-out
}

.fileInputClear {
    margin-left: 0;
    height: 39px
}

.search-box {
    margin-bottom: 20px
}

.search-box .inner {
    background-color: #fafafa;
    line-height: 1.3;
    padding: 8px;
    text-align: center;
    height: 211px
}

.search-box .inner span.ic-search {
    right: 10px
}

.search-box .default {
    color: #a2a2a2;
    display: inline-block;
    font-family: "robotoitalic", arial;
    font-size: 14px;
    margin: 80px 0 0
}

.search-box .wrap {
    margin-top: 9px;
    text-align: left;
    width: 100%;
    max-height: 153px
}

.search-box ul {
    margin: 0;
    padding: 0
}

.search-box li {
    border-bottom: 1px solid #dedede;
    cursor: pointer;
    font-size: 15px;
    line-height: 1.1;
    padding: 8px 0
}

.search-box li:active,
.no-touch .search-box li:hover,
.no-touch .search-box li:focus {
    color: #5c85c9
}

.search-box p {
    color: #777;
    font-family: "robotolight", arial;
    font-size: 15px;
    margin: 0 0 4px
}

.search-box p.i-block>* {
    color: #999
}

.search-box .jspVerticalBar {
    width: 4px
}

.search-box .info-tile>p.value {
    font-family: "robotolight", arial;
    font-size: 21px
}

.tab {
    display: none
}

.tab.active {
    display: block
}

.tabs div.search {
    margin-left: auto;
    margin-right: auto
}

.tabs-header {
    margin: 0 0 24px;
    padding: 0
}

.tabs-header:not(.select-box) .tab-header {
    transition: all 150ms ease;
    background-color: #dedede;
    border-left: 1px solid #b4b4b4;
    color: #102342;
    cursor: pointer;
    font-family: "robotomedium", arial;
    font-size: 15px;
    padding: 8px 5px;
    text-align: center
}

@media only screen and (max-width:700px) {
    .tabs-header:not(.select-box) .tab-header {
        font-size: 12px;
        padding-left: 2px;
        padding-right: 2px
    }
}

.tabs-header:not(.select-box) .tab-header.active,
.tabs-header:not(.select-box) .tab-header:active,
.no-touch .tabs-header:not(.select-box) .tab-header:not(.active):hover {
    background-color: #16315d;
    color: #fff
}

.tabs-header:not(.select-box) .tab-header:first-child {
    border: none
}

@media only screen and (min-width:701px) and (max-width:990px) {
    td.tab-header {
        font-size: 13px
    }
}

td.tab-header div {
    min-width: 100px
}

li.tab-header {
    float: left
}

@media only screen and (max-width:700px) {
    li.tab-header {
        font-size: 12px;
        padding-left: 2px;
        padding-right: 2px
    }
}

.tabs3 li.tab-header {
    width: 33.33%
}

.tabs4 li.tab-header {
    width: 25%
}

.zoom-wrap {
    width: 100%
}

.zoom-wrap>* {
    float: left;
    position: relative;
    width: 30%
}

.zoom-wrap.open>* {
    width: 100%
}

@media only screen and (max-width:700px) {
    .zoom-wrap {
        margin-top: 7px
    }

    .zoom-wrap.open {
        margin-top: 30px
    }

    .zoom-wrap>* {
        width: 50%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .zoom-wrap>* {
        width: 50%
    }
}

.zoom-inner {
    transition: all 250ms ease-out
}

.open .zoom-inner {
    transition: all 450ms ease-out
}

.zoom-inner .zoom-button {
    background-color: #5c85c9;
    cursor: pointer;
    position: absolute;
    right: -23px;
    text-align: center;
    top: 0;
    width: 23px;
    height: 23px
}

.open .zoom-inner .zoom-button {
    right: 0;
    top: -23px
}

.zoom-inner .zoom-button>span {
    transition: all 250ms ease-out;
    color: #fff;
    opacity: 1
}

.open .zoom-inner .zoom-button>span {
    opacity: 0
}

.zoom-inner .zoom-button>span.close {
    border: none;
    font-size: 21px;
    line-height: 1.1;
    opacity: 0;
    width: 100%;
    height: 100%
}

.open .zoom-inner .zoom-button>span.close {
    opacity: 1
}

.zoom-inner .zoom-button>span.open {
    margin-top: -7.5px;
    position: absolute;
    top: 50%;
    font-size: 15px;
    left: 4px
}

.zoom-img img {
    transition: width 450ms ease, height 450ms ease;
    width: 100%;
    height: auto
}

.zoomOutOn,
.zoomOutOff,
.zoomInOn,
.zoomInOff {
    display: none
}

.more-less {
    color: #666;
    font-size: 13px;
    line-height: 1.38
}

.more-less .init {
    display: inline
}

.more-less .more {
    display: none
}

.more-less .show-more {
    color: #999;
    cursor: pointer;
    font-family: "robotoitalic", arial
}

.more-less .show-more span.less {
    display: none
}

.more-less .show-more span.ic-plus {
    font-size: 13px;
    margin-left: 7px
}

.more-less.less .more {
    display: inline
}

.more-less.less .show-more span.less {
    display: inline-block
}

.more-less.less .show-more span.more {
    display: none
}

.more-less.less .show-more span.ic-plus:before {
    content: ""
}

.connected-list {
    border-top: 2px dashed #c8d0de;
    overflow: auto;
    padding: 45px 0 37px
}

.connected-list:first-child {
    border: none;
    padding-top: 0
}

.connected-list .tile:not(.empty) {
    border: 0;
    padding: 0 0 0 56px
}

.connected-list .tile:not(.empty) .tile-title {
    padding: 22px 20px 22px 0
}

.connected-list .tile:not(.empty) .add-to-fav {
    left: 56px;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.connected-list .tile:not(.empty) .add-to-fav+.tile-title {
    padding-left: 24px
}

.connected-list .tile:not(.empty) .handler {
    left: 16px
}

.connected-list .tile.empty .handler {
    display: none
}

.connected-list .tile .add-to-fav {
    margin: 0 5px 0 0
}

.no-touch .connected-list .tile:hover {
    background: #fff
}

.connected-list .tile-title {
    color: #1e3c78;
    cursor: default;
    font-family: "robotoregular", arial;
    font-size: 16px;
    margin-top: 0;
    max-width: calc(100% - 24px)
}

@media only screen and (max-width:700px) {
    .connected-list .tile-title {
        font-size: 18px
    }
}

.connected-list.users .tile-title {
    float: none;
    width: calc(100% - 50px)
}

.connected-list#my-menu .tile.empty {
    background-color: #e6e6e6;
    border: 1px dashed #bfbfbf;
    color: #8c8c8c;
    font-family: "robotolight_italic", arial;
    padding: 20px 10px;
    text-align: center
}

@media only screen and (max-width:700px) {
    .connected-list .tile:not(.empty) .tile-title {
        padding: 15px 10px 15px 0
    }
}

@media only screen and (max-width:440px) {
    .connected-list .tile:not(.empty) .tile-title {
        padding-left: 38px
    }
}

.connected-list div.tile-title[href] {
    cursor: pointer
}

#my-menu {
    margin-top: 20px
}

.user-status {
    cursor: pointer
}

.user-status>* {
    line-height: 32px;
    text-align: center;
    width: 32px;
    height: 32px
}

.user-status .ic-check2 {
    display: none
}

.user-status .ic-change {
    border: 1px solid #102342;
    border-radius: 18px;
    color: #102342;
    display: block;
    font-size: 14px
}

.user-status.added .ic-check2 {
    display: block
}

.user-status.added .ic-change {
    display: none
}

@media only screen and (max-width:700px) {
    .user-status>* {
        line-height: 30px;
        width: 30px;
        height: 30px
    }

    .user-status .ic-change {
        font-size: 16px
    }
}

.massTransfer {
    background-color: #fff;
    padding: 0 24px
}

.massTransfer .acc-block {
    float: none
}

@media only screen and (max-width:700px) {
    .box-form .massTransfer {
        padding: 16px
    }
}

.massTransfer .wrapper-table {
    overflow: auto
}

.tableSwitch {
    width: 48px
}

@media only screen and (max-width:700px) {
    .tableSwitch {
        float: right
    }
}

.toggleBtn {
    cursor: pointer;
    position: relative;
    width: 48px;
    height: 24px
}

.toggleBtn .toggleBtnBg {
    background-color: #d8d8d8;
    border-radius: 15px;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color 100ms ease-out;
    width: 100%;
    height: 100%
}

.toggleBtn .icon {
    background-color: #fff;
    border-radius: 50%;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: transform 200ms ease-out;
    width: 20px;
    height: 20px
}

.toggleBtn input {
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

.toggleBtn input:checked~.toggleBtnBg {
    background-color: #16315d
}

.toggleBtn input:checked~.icon {
    transform: translateX(24px)
}

.actions-bar {
    position: relative
}

.actions-bar h2 {
    margin: 24px 0 32px;
    max-width: calc(100% - 170px)
}

.actions-bar ul {
    position: absolute;
    right: 0;
    top: -5px
}

.actions-bar li {
    transition: all 150ms ease-out;
    width: 45px;
    height: 45px;
    color: #102342;
    cursor: pointer;
    list-style: none;
    line-height: 48px;
    margin: 0 1px;
    text-align: center
}

.actions-bar li span {
    font-size: 24px
}

.actions-bar li:active,
.no-touch .actions-bar li:hover,
.no-touch .actions-bar li:focus {
    color: #4870a9
}

.actions-bar .tooltip.tooltip-left {
    margin: 0
}

.actions-bar .tooltip.tooltip-left>.content {
    margin-right: 7px;
    top: 6px
}

@media only screen and (max-width:700px) {
    .actions-bar h2 {
        margin: 15px 0 20px;
        max-width: 100%
    }

    .actions-bar ul {
        margin: 20px 0 0 0;
        position: relative;
        top: 0
    }

    .actions-bar li {
        line-height: 43px;
        width: 40px;
        height: 40px
    }

    .actions-bar li span {
        font-size: 21px
    }

    .actions-bar .tooltip.tooltip-left .content {
        border-right: none;
        top: 47px;
        width: 150px
    }

    .actions-bar .tooltip-button .tooltip.tooltip-left>.content>.arrow {
        left: 7px;
        right: auto;
        top: -11px;
        -webkit-transform: scaleY(-1);
        -moz-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        transform: scaleY(-1)
    }
}

.sidebar-list {
    margin-bottom: 30px
}

.sidebar-list .inner {
    background-color: #f8f8f8;
    padding: 20px
}

.sidebar-list .more-row {
    float: none;
    margin-top: 8px
}

.sidebar-list h3 {
    color: #575757;
    font-family: "robotothin", arial;
    font-size: 24px;
    margin: 0 0 27px
}

.sidebar-list li span.side-action {
    margin-right: 3px
}

.sidebar-list li span:not(.side-action) {
    max-width: calc(100% - 60px)
}

.sidebar-list li a {
    color: #1e3c78;
    font-family: "robotolight", arial;
    font-size: 18px
}

.sidebar-list li a:focus,
.sidebar-list li a:active,
.no-touch .sidebar-list li a:hover {
    color: #5c85c9
}

.sidebar-list .tabs-header {
    border-bottom: 1px solid #5c85c9;
    margin-bottom: 20px
}

.sidebar-list .tabs-header .tab-header {
    background: transparent;
    border: none;
    border-bottom: 3px solid #f8f8f8;
    color: #666;
    font-family: "robotolight", arial;
    font-size: 20px;
    padding: 12px 0
}

.sidebar-list .tabs-header .tab-header:focus,
.sidebar-list .tabs-header .tab-header:active,
.no-touch .sidebar-list .tabs-header .tab-header:hover {
    color: #5c85c9
}

.sidebar-list .tabs-header .tab-header:not(:first-child) {
    margin-left: 38px
}

.sidebar-list .tabs-header .tab-header.active {
    background: transparent;
    border-bottom: 3px solid #5c85c9
}

.sidebar-list .tabs-header .tab-header.active:active,
.no-touch .sidebar-list .tabs-header .tab-header.active:hover,
.no-touch .sidebar-list .tabs-header .tab-header.active:focus {
    color: #1e3c78
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .sidebar-list .inner {
        padding: 15px
    }

    .sidebar-list li a {
        font-size: 16px
    }
}

@media only screen and (max-width:990px) {
    .sidebar-list .inner {
        text-align: center
    }

    .sidebar-list ul {
        display: inline-block;
        text-align: left
    }

    .sidebar-list .tabs-header {
        text-align: center
    }

    .sidebar-list .tabs-header .tab-header {
        display: inline-block;
        float: none;
        font-size: 18px
    }
}

@media only screen and (max-width:700px) {
    .sidebar-list .inner {
        padding: 15px 10px
    }

    .sidebar-list li a {
        font-size: 16px
    }

    .sidebar-list .tabs-header .tab-header:not(:first-child) {
        margin-left: 15px
    }
}

.form-box {
    box-shadow: 2px 3px 0 0 rgba(92, 133, 201, .29);
    background: url("") repeat scroll center center #fff;
    padding: 27px 19px 34px;
    margin: 0 0 10px
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .form-box {
        padding: 15px 15px 20px
    }
}

.form-box .divider {
    border-top: 1px solid #cfd6e2;
    float: right;
    margin: 3px .58% 13px 25.58%;
    width: 73.84%;
    height: 1px
}

@media only screen and (max-width:700px) {
    .form-box .divider {
        margin-right: 0;
        margin-left: 0;
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .form-box .divider {
        margin-right: .78%;
        margin-left: 34.1%;
        width: 65.1%
    }
}

.form-box .box-row:not(:first-child) h4 {
    margin-top: 5px
}

.form-box .buttons-wrap {
    margin-bottom: 0
}

.errorPage {
    font-size: 0;
    padding-bottom: 120px;
    padding-top: 90px
}

.errorPage p {
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 16px
}

.errorPage p.title {
    color: #102342;
    font-size: 28px;
    line-height: 1.35
}

.errorPage .img {
    text-align: center
}

.errorPage .img img {
    max-width: 70%
}

.errorPage .col {
    float: none;
    font-size: 16px
}

.errorPage .button {
    margin-bottom: 0
}

@media only screen and (max-width:990px) {
    .errorPage {
        padding-top: 0;
        padding-bottom: 24px
    }

    .errorPage .col {
        margin-bottom: 20px;
        margin-top: 20px;
        text-align: center
    }

    .errorPage .img img {
        max-width: 300px
    }
}

@media only screen and (max-width:700px) {
    .errorPage {
        padding-top: 24px
    }

    .errorPage .img {
        display: none
    }

    .errorPage .col {
        margin-top: 0;
        text-align: left
    }
}

.iban .tooltip>.content {
    white-space: normal
}

.iban .persBtn {
    margin: 0
}

.info-block .iban .sendIban {
    color: #102342;
    display: block;
    font-size: 16px;
    margin-left: 8px;
    padding: 0 8px;
    transition: all 200ms ease-out;
    cursor: pointer;
    width: auto;
    height: auto;
    margin: 0;
    padding-right: 0;
    padding-left: 4px
}

.info-block .iban .sendIban:after {
    content: "";
    font-family: "icomoon";
    font-size: 16px
}

.tile-title .sendIban {
    color: #102342;
    display: block;
    font-size: 16px;
    margin-left: 8px;
    padding: 0 8px;
    transition: all 200ms ease-out;
    cursor: pointer;
    width: auto;
    height: auto
}

.tile-title .sendIban:after {
    content: "";
    font-family: "icomoon";
    line-height: 28px
}

.blocked {
    color: #ff4c33;
    font-size: 15px;
    line-height: 1.1;
    margin: 0 0 8px;
    position: relative;
    padding-left: 20px
}

.tile .blocked {
    margin-top: 4px;
    margin-left: -32px;
    padding-left: 32px;
    pointer-events: none;
    width: 100%
}

@media only screen and (max-width:440px) {
    .tile .blocked {
        margin-left: 0;
        padding-left: 24px
    }
}

.tile .blocked:before {
    width: 16px
}

.blockedBar .blocked {
    font-size: 16px;
    margin-bottom: 0
}

@media only screen and (max-width:700px) {
    .blockedBar .blocked {
        font-size: 15px
    }
}

.blockedBar .blocked:before {
    font-size: 15px;
    top: 0
}

@media only screen and (max-width:700px) {
    .blockedBar .blocked:before {
        font-size: 14px;
        top: 1px
    }
}

.blocked:before {
    content: "";
    font-family: "icomoon";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 1px
}

.acc-block+.blockedBar {
    border-top: 1px solid #ddd;
    margin-top: -16px;
    width: 100%
}

.blockedBarInner {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: 16px 20px
}

@media only screen and (max-width:600px) {
    .blockedBarInner {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.blockedBarInner .button {
    margin: 0
}

.blockedBarInner>*:not(:last-child) {
    margin-right: 32px
}

@media only screen and (max-width:600px) {
    .blockedBarInner>*:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px
    }
}

.blockedBarInner .btnCol {
    flex-shrink: 0
}

@media only screen and (max-width:600px) {
    .blockedBarInner .btnCol {
        text-align: center
    }
}

.tableBlock {
    width: 100%
}

.tableBlock:not(:last-child) {
    margin-bottom: 32px
}

.tableBlock .account-statement {
    margin-top: 0
}

.tableBlock h2 {
    margin-bottom: 16px;
    padding-right: 0
}

.tableBlock .account-statement {
    border: 16px solid #fafafa;
    margin-left: -16px;
    width: calc(100% + 32px)
}

.estatements {
    width: 100%
}

.estatements>table.default tbody tr.checked td {
    background-color: rgba(236, 255, 208, .5)
}

.estatements>table.default tbody tr.checked td .checkbox .ic-check {
    color: #9cac3c;
    border: 1px solid #9cac3c
}

@media only screen and (max-width:700px) {
    .estatements table.mobile-table td>div.checkbox:first-child:last-child {
        width: auto
    }
}

.payment-scheduler.remittance .radio-block:not(.inline):not(.radio-tabs) .radio {
    margin-bottom: 0
}

.payment-scheduler.remittance .radioImgWrap .radio {
    margin-bottom: 0
}

.payment-scheduler.remittance .radioImgWrap .radio:not(:last-child) {
    margin-right: 8px
}

.payment-scheduler.remittance .radioImgWrap .radio:first-child:last-child {
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.payment-scheduler.remittance .iris {
    -webkit-flex-shrink: 0;
    -webkit-box-flex: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.payment-scheduler.remittance .executionDate .date-input {
    margin-left: 8px
}

.payment-scheduler>.multiple-elm {
    margin-bottom: 10px
}

.payment-scheduler .groupElm {
    border-left: 1px dashed #cbcbcb;
    padding-left: 24px
}

.payment-scheduler .inFields {
    margin-top: 16px;
    padding-left: 36px;
    width: 100%
}

.payment-scheduler .inFields>*:not(:last-child) {
    margin-bottom: 16px
}

.box-form .payment-scheduler .field.error div.error {
    margin-top: -16px
}

@media only screen and (max-width:990px) {
    .payment-scheduler .inlineFields .checkbox {
        margin-right: 0;
        margin-bottom: 8px;
        width: 100%
    }

    .payment-scheduler .inlineFields .checkbox+.ddWrap,
    .payment-scheduler .inlineFields .checkbox+.radio-block {
        padding-left: 36px
    }
}

@media only screen and (max-width:700px) {
    .payment-scheduler .inlineFields .radio-block.inline .radio {
        width: auto
    }

    .box-form .payment-scheduler .select-box {
        width: 200px
    }

    .payment-scheduler .block2 .checkbox .ic-check {
        top: 0
    }

    .payment-scheduler .block2 .checkbox .ic-check+label {
        float: none
    }
}

@media only screen and (max-width:440px) {
    .payment-scheduler .ddWrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .payment-scheduler .ddWrap>*:not(:last-child) {
        margin-bottom: 16px
    }

    .payment-scheduler .ddWrap .select-box:not(.xs) {
        width: 100%
    }

    .payment-scheduler .block2 .checkbox .ic-check {
        left: 0
    }

    .payment-scheduler .block2 .checkbox .ic-check+label {
        padding-left: 28px
    }

    .payment-scheduler .inlineFields .checkbox+.ddWrap,
    .payment-scheduler .inlineFields .checkbox+.radio-block,
    .payment-scheduler .inFields {
        padding-left: 28px
    }

    .payment-scheduler .inlineFields {
        width: 100%
    }

    .payment-scheduler .inlineFields .radio-block.inline {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .payment-scheduler .inlineFields .radio-block.border>.radio:not(:last-child) {
        border-right: none;
        margin-right: 0;
        padding-right: 0
    }
}

ul.arrow-list li {
    border-bottom: 1px solid #d6d6d6;
    font-size: 15px;
    line-height: 1.3;
    position: relative
}

ul.arrow-list li:after {
    margin-top: -7px;
    position: absolute;
    top: 50%;
    color: #666;
    content: "";
    font-size: 14px;
    right: 4px
}

ul.arrow-list li a {
    color: #666;
    display: block;
    font-family: "robotoregular", arial;
    padding: 4px 24px 4px 0;
    width: 100%
}

ul.arrow-list li:active:after {
    color: #fcb813
}

.no-touch ul.arrow-list li:focus:after {
    color: #fcb813
}

.iframe-content iframe {
    border: none;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    padding-bottom: 40px
}

@media only screen and (min-width:701px) and (max-width:1110px) {
    .buttons-wrap.remote-sign>* {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin: 0 3px 9px
    }

    .buttons-wrap.remote-sign .button {
        padding-bottom: 10px;
        padding-top: 10px
    }
}

input.search {
    border: none;
    border-bottom: 1px solid #d6d6d6;
    padding-right: 40px;
    position: relative;
    width: 100%;
    height: 40px
}

input.search::-webkit-input-placeholder {
    color: rgba(16, 35, 66, .5)
}

input.search::-moz-placeholder {
    color: rgba(16, 35, 66, .5)
}

input.search:-ms-input-placeholder {
    color: rgba(16, 35, 66, .5)
}

input.search:-moz-placeholder {
    color: rgba(16, 35, 66, .5)
}

.white input.search {
    background-color: #fff;
    border: none;
    font-size: 16px;
    padding-left: 16px;
    height: 37px
}

.white input.search::-webkit-input-placeholder {
    color: rgba(16, 35, 66, .5)
}

.white input.search::-moz-placeholder {
    color: rgba(16, 35, 66, .5)
}

.white input.search:-ms-input-placeholder {
    color: rgba(16, 35, 66, .5)
}

.white input.search:-moz-placeholder {
    color: rgba(16, 35, 66, .5)
}

.white input.search+span.ic-search {
    right: 10px
}

input.search+span.ic-search {
    margin-top: -8px;
    position: absolute;
    top: 50%;
    color: #b9b9b9;
    font-size: 16px;
    right: 26px
}

@media only screen and (max-width:700px) {
    input.search+span.ic-search {
        font-size: 21px
    }
}

input.search+span.ic-search input {
    background-color: transparent
}

.select-box input.search {
    padding-left: 8px;
    width: 100%
}

div.search {
    position: relative
}

@media only screen and (max-width:700px) {
    div.search.white {
        margin-bottom: 22px
    }
}

.offersWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 24px 0 0
}

@media only screen and (max-width:700px) {
    .offersWrap {
        align-items: center;
        flex-direction: column
    }
}

.offerBox {
    background-color: #fff;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 8px 16px;
    padding: 24px 32px 20px;
    text-align: center;
    width: calc(33.33% - 32px/3)
}

@media only screen and (min-width:991px) {
    .offerBox:nth-child(3n+1) {
        margin-left: 0
    }

    .offerBox:nth-child(3n+3) {
        margin-right: 0
    }
}

@media only screen and (max-width:1280px) {
    .offerBox {
        padding: 24px 16px 20px
    }
}

@media only screen and (max-width:990px) {
    .offerBox {
        padding: 24px 32px 20px;
        width: calc(50% - 8px)
    }

    .offerBox:nth-child(odd) {
        margin-left: 0
    }

    .offerBox:nth-child(even) {
        margin-right: 0
    }
}

@media only screen and (max-width:700px) {
    .offerBox {
        margin: 0 0 16px;
        width: 100%;
        max-width: 400px
    }
}

.offerBox .logo {
    margin-bottom: 16px;
    height: 73px
}

.offerBox p {
    letter-spacing: .2px;
    margin-bottom: 16px
}

.offerBox p.title {
    color: #666;
    font-family: "robotomedium", arial;
    font-size: 14px;
    margin: 0 0 12px
}

.offerBox p.expire {
    color: #102342;
    font-family: "robotomedium", arial;
    font-size: 14px;
    margin: 4px 0 0
}

.offerBox .codeBox {
    background-color: #f4f4f4;
    padding: 16px
}

.offerBox .codeBox .button {
    margin: 0
}

.offerBox .button-blue {
    margin: 16px 0 0
}

.offerBox .code {
    align-items: center;
    color: #102342;
    display: flex;
    justify-content: center;
    font-family: "robotobold", arial;
    font-size: 20px
}

@media only screen and (max-width:1280px) {
    .offerBox .code {
        font-size: 18px
    }
}

.offerBox .code .ic-print {
    margin: -5px -5px -5px 3px
}

.promoBlock {
    background-color: #fff;
    margin: 0 0 16px;
    padding: 40px
}

@media only screen and (max-width:700px) {
    .promoBlock {
        padding: 24px
    }
}

.promoBlock .productDetails {
    padding: 0;
    margin: 0 0 32px
}

.promoBlock .productDetails ul {
    margin: 0 0 16px
}

.promoBlock div:first-child {
    margin-bottom: 24px
}

.promoBlock div .button {
    margin: 0
}

.promoBlock h2 {
    margin: 0 0 8px
}

.promoBlock h3 {
    font-family: "robotomedium", arial;
    margin: 0 0 16px
}

.promoBlock p {
    margin: 0 0 24px
}

.promoBlock p:last-child {
    margin-bottom: 0
}

.promoBlock .button {
    margin: 0
}

.promoBlock .button:hover,
.promoBlock .button:active,
.promoBlock .button:focus {
    text-decoration: none
}

.promoBlock img {
    margin: 0 0 32px;
    max-width: 202px
}

.noProductBlock {
    margin: 0 0 32px;
    text-align: center
}

.noProductBlock img {
    margin: 0 0 24px;
    max-width: 280px
}

.noProductBlock h2 {
    font-family: "robotomedium", arial;
    margin: 0
}

.productDetails {
    background-color: #fff;
    padding: 40px
}

.productDetails h3 {
    font-family: "robotomedium", arial;
    margin: 0 0 16px
}

.productDetails ul {
    margin: 0 0 14px
}

.productDetails p {
    margin: 0 0 8px
}

.productDetails p:last-child {
    margin-bottom: 0
}

.productDetails b {
    font-family: "robotomedium", arial;
    font-size: 16px;
    color: #102342
}

.wizard-display-property .text {
    color: #102342
}

.wizard-display-property.v-top .block2 .checklist:last-child {
    margin-bottom: 0
}

.wizard-display-property.v-top .block2 .checklist:first-child {
    margin-top: 5px
}

.wizard-display-property .block2 .extra-info {
    margin: -2px 10px
}

.wizard-display-property .block2 .tooltip {
    -ms-word-break: normal;
    word-break: break-word
}

.wizard-display-property .block2 .card-thumbnail img {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle
}

.wizard-display-property .block2 .do-not-break {
    word-break: normal
}

.wizard-display-property .acc-block .acc-header {
    text-align: left;
    padding-left: 240px;
    color: #1e3c78;
    font-family: "robotomedium", arial;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
    margin: 0 0 1em .3em;
    height: 0
}

.wizard-display-property .acc-block .acc-content .box-form {
    margin: 0;
    padding: 0
}

.box-form {
    background-color: #fff;
    float: left;
    position: relative;
    width: 100%
}

body:not(.iframeform) .box-form {
    margin: 0 0 16px;
    padding: 40px
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .box-form {
        padding: 24px 16px
    }
}

body.iframeform .box-form {
    margin: 0 0 6px;
    padding: 20px
}

.box-form+.buttons-wrap {
    margin-top: 0
}

.box-form .buttons-wrap {
    margin-bottom: 0
}

@media only screen and (max-width:700px) {
    .box-form .buttons-wrap .block1>* {
        margin: 0 3px 9px
    }
}

@media only screen and (max-width:700px) {

    body:not(.iframeform) .box-form .buttons-wrap>.block1,
    body:not(.iframeform) .box-form .buttons-wrap>.block2 {
        margin-left: 10px;
        margin-right: 10px;
        width: auto
    }
}

@media only screen and (max-width:679px) {

    body.iframeform .box-form .buttons-wrap>.block1,
    body.iframeform .box-form .buttons-wrap>.block2 {
        margin-left: 10px;
        margin-right: 10px;
        width: auto
    }
}

.box-form .fieldsWrapIn div.radio {
    margin: 4px 24px 4px 0
}

.box-form .fieldsWrapIn div.radio:last-child {
    margin-right: 0
}

@media only screen and (max-width:700px) {
    .box-form .fieldsWrapIn>.range-fields {
        max-width: 100%;
        width: 100%
    }
}

.box-form .box-row {
    font-size: 0
}

.box-form .box-row.text {
    margin: 20px 7% 0;
    width: 86%
}

.box-form .box-row.text+.buttons-wrap {
    margin-top: 40px
}

.box-form .divider {
    border-top: 1px dashed #e3e2e2;
    margin: 32px 0 16px;
    height: 1px
}

.box-form .range-field {
    margin: 4px 16px 4px 0
}

.box-form .field {
    font-size: 0;
    margin: 0 0 24px
}

.box-form .field.inputDetail {
    margin-bottom: 16px
}

@media only screen and (max-width:679px) {
    body.iframeform .box-form .field {
        font-size: 0;
        margin: 0 0 6px
    }
}

.box-form .field.errorField {
    margin-top: -16px
}

.box-form .field.detail-text>* {
    vertical-align: top
}

.box-form .field.detail-text>* .block2 div.text {
    margin-top: 6px
}

.box-form .field.detail-text>* .block1 {
    margin-bottom: 5px;
    margin-top: 5px
}

.box-form .field.detail-text>* .radio-block.half {
    margin-top: 5px
}

@media only screen and (max-width:700px) {
    .box-form .field.detail-text>.field .block1>*:not(.checkbox) {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media only screen and (max-width:700px) {
    .box-form .field.detail-text.small {
        text-align: left
    }

    .box-form .field.detail-text.small.error {
        line-height: 1.4
    }
}

.box-form .field.v-top .block1,
.box-form .field.v-top .block2 {
    vertical-align: top
}

@media only screen and (max-width:700px) {

    .box-form .field.v-top .field.block1 .block1>*:not(.checkbox),
    .box-form .field.v-top .field.block2 .block1>*:not(.checkbox) {
        margin-bottom: 0;
        margin-top: 0
    }
}

.box-form .field.v-top .block1 .block2 div.text,
.box-form .field.v-top .block2 .block2 div.text {
    margin-top: 6px
}

.box-form .field.v-top .block2 .block1 .border,
.box-form .field.v-top .block2 .block2 .border {
    padding-top: 20px
}

.box-form .field.v-top .block1 .block1,
.box-form .field.v-top .block2 .block1 {
    margin-bottom: 5px;
    margin-top: 5px
}

.box-form .field.radio-field .block1 {
    vertical-align: top
}

.box-form .field div.error {
    float: left;
    color: #ff4c33;
    display: none;
    font-family: "robotoregular", arial;
    font-size: 14px;
    line-height: 20px;
    padding-left: 8px;
    width: 75%
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .box-form .field div.error {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .box-form .field div.error {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.box-form .field div.full.error,
.box-form .field .bonus-block>div.error,
.box-form .field div.error.confirmation {
    width: 75%
}

@media only screen and (min-width:701px) and (max-width:990px) {

    .box-form .field div.full.error,
    .box-form .field .bonus-block>div.error,
    .box-form .field div.error.confirmation {
        width: 66.66667%
    }
}

.box-form .field.sample-img {
    float: right;
    margin-left: .58%;
    margin-right: .58%;
    width: 73.84%
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .box-form .field.sample-img {
        width: 100%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .box-form .field.sample-img {
        width: 65.10667%
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .box-form .field.sample-img {
        width: 100%
    }
}

.box-form .field.noMarginB {
    margin-bottom: 16px
}

.box-form .field .button {
    margin: 0
}

.box-form .field div.text {
    color: #102342;
    font-size: 16px
}

@media only screen and (max-width:700px) {
    .box-form .field div.text:not(.date-input) {
        width: 100%
    }
}

.box-form .field.warning .warning {
    float: none;
    margin-top: 8px;
    padding-left: calc(25% + 8px);
    text-align: left;
    width: 100%
}

@media only screen and (max-width:990px) {
    .box-form .field.warning .warning {
        padding-left: calc(35% + 8px)
    }
}

@media only screen and (max-width:700px) {
    .box-form .field.warning .warning {
        padding-left: 0
    }
}

.box-form .field div.warning {
    color: #f37021
}

.box-form .field div.right.error {
    float: right
}

.box-form .field.error div.error {
    float: none;
    margin-left: 25%;
    margin-top: 5px;
    text-align: left
}

@media only screen and (max-width:990px) {
    .box-form .field.error div.error {
        width: 65%;
        margin-left: 35%
    }
}

.box-form .field.error div.error.ng-inactive {
    display: none;
    margin: 0
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .box-form .field.error div.error {
        width: 100%;
        margin-left: 0;
        margin: 0;
        padding: 0
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .box-form .field.error div.error {
        width: 100%;
        margin-left: 0;
        margin: 0;
        padding: 0
    }
}

.box-form .field.error div.error div.error,
.box-form .field.error .block2 div.error {
    margin-left: 0;
    padding-left: 0;
    width: 100%
}

.box-form .field.error .radioInElement+div.error {
    padding-left: 28px
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .box-form .field.error .radioInElement+div.error {
        margin-top: 5px;
        padding-left: 28px
    }
}

@media only screen and (max-width:700px) {
    .box-form .field.error .inlineFields .vMargin+div.error {
        margin-top: 8px
    }
}

.box-form .field>div .ic-info.input-info {
    margin: 8px 0 10px;
    text-align: left
}

.box-form .field>div .ic-info.input-info:before {
    font-family: "icomoon"
}

.box-form .field .block1 .checkbox label {
    padding: 0
}

.box-form .field.wizard-display-property .block2 div.text {
    width: 100%
}

.box-form .field .block1 .label,
.box-form .field .block1 label {
    max-width: 80%
}

.box-form .field .block1 .label.full,
.box-form .field .block1 label.full {
    max-width: 100%
}

.box-form .field div>b {
    font-size: medium
}

.box-form .tooltip {
    margin: 0 0 0 8px;
    text-align: left
}

.box-form .tooltip .ic-info {
    float: left
}

.box-form .tooltip.v-top {
    vertical-align: top
}

.box-form .block1 {
    color: #666;
    float: none;
    line-height: 24px;
    font-size: 16px;
    margin: 0;
    padding-right: 8px;
    text-align: right;
    width: 25%
}

@media only screen and (max-width:990px) {
    .box-form .block1 {
        width: 35%
    }
}

@media only screen and (min-width:701px) {
    .box-form .block1.fixedHeight {
        display: -webkit-inline-flex;
        display: inline-flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-align-items: center;
        align-items: center;
        min-height: 40px
    }
}

.box-form .block1.empty+.block2 h4 {
    position: relative;
    width: 100%
}

.box-form .block1.empty+.block2 h4:before {
    background-color: #e0e0e0;
    content: '';
    right: 101.4%;
    position: absolute;
    top: 50%;
    width: 32.3%;
    height: 1px
}

@media only screen and (max-width:700px) {
    .box-form .block1.empty+.block2 h4:before {
        display: none
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .box-form .block1.empty+.block2 h4:before {
        right: 102.5%;
        width: 48.8%
    }
}

.box-form .block1 .tooltip {
    margin-top: 3px;
    vertical-align: top
}

.box-form .block1 label~.tooltip {
    margin-top: 0;
    vertical-align: middle
}

.box-form .block1>.ic-info:first-child:last-child {
    display: block;
    margin-top: 4px;
    text-align: right
}

@media only screen and (max-width:700px) {
    .box-form .block1>.ic-info:first-child:last-child {
        text-align: left
    }
}

.box-form .block1.v-top {
    vertical-align: top
}

.box-form .block1.v-top .ic-info {
    margin-top: 0
}

.box-form .block1.confirmation {
    width: 25%
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .box-form .block1.confirmation {
        width: 33.33333%
    }
}

@media only screen and (max-width:700px) {
    .box-form .block1 .button {
        margin: 0 5px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .box-form .block1 .button {
        margin-left: 5px
    }
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .box-form .block1 {
        width: 100%;
        margin-left: 1.5%;
        margin-right: 1.5%;
        text-align: left;
        margin: 0 0 4px;
        padding: 0
    }

    body:not(.iframeform) .box-form .block1>label,
    body:not(.iframeform) .box-form .block1>.label {
        float: left;
        margin-bottom: 3px
    }

    body:not(.iframeform) .box-form .block1>span[class^="ic-"]+label {
        float: none
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .box-form .block1 {
        width: 100%;
        text-align: left;
        margin: 0 0 4px;
        padding: 0;
        margin-left: 0%;
        margin-right: 1.5%
    }

    body.iframeform .box-form .block1>label,
    body.iframeform .box-form .block1>.label {
        float: left;
        margin-bottom: 3px
    }

    body.iframeform .box-form .block1>span[class^="ic-"]+label {
        float: none
    }
}

.box-form .full.block1 {
    width: 25%
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .box-form .full.block1 {
        width: 33.33333%
    }
}

.box-form .bonus-block>div.block1 {
    width: 25%
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .box-form .bonus-block>div.block1 {
        width: 33.33333%
    }
}

.box-form .block2 {
    float: none;
    font-size: 16px;
    margin: 0;
    padding-left: 8px;
    width: 75%
}

@media only screen and (max-width:990px) {
    .box-form .block2 {
        width: 65%
    }
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .box-form .block2 {
        width: 100%;
        margin: 0;
        padding: 0
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .box-form .block2 {
        width: 100%;
        margin: 0;
        padding: 0
    }
}

.box-form .block2.singleBlock {
    padding-left: 0;
    width: 100%
}

.box-form .block2 img {
    max-width: 100%
}

.box-form .block2.text>div:first-child:last-child {
    width: 100%
}

.box-form .block2 input.text.xs {
    width: 75px
}

.box-form .block2 input.text.s {
    width: 136px
}

.box-form .block2 input.text.m {
    width: 336px
}

@media only screen and (max-width:700px) {
    .box-form .block2 input.text.m {
        width: 100%
    }
}

.box-form .block2 input.text.full {
    width: 100%
}

.box-form .block2>.date-input {
    width: 136px
}

.box-form .block2>input.text {
    width: 220px;
    max-width: 100%
}

.box-form .block2>input.text.s {
    width: 136px
}

@media only screen and (max-width:990px) {
    .box-form .block2>input.text.phone-inline {
        min-width: 200px;
        width: 200px
    }
}

@media only screen and (max-width:700px) {
    .box-form .block2>input.text.phone-inline {
        min-width: 190px;
        width: 190px
    }
}

@media only screen and (max-width:440px) {
    .box-form .block2>input.text.phone-inline {
        margin-right: 0;
        margin-top: 5px;
        margin-bottom: 5px;
        max-width: 100%;
        min-width: 100% !important
    }
}

.box-form .block2>.checkbox {
    font-size: 0
}

.box-form .block2>.radio-block:not(.inline) {
    width: 100%
}

.box-form .block2>.radio-block:not(.inline) .fieldsWrapIn .ic-radio+label {
    max-width: inherit
}

.box-form .block2>.radio-block:not(.inline) .radioRow .ic-radio+label {
    max-width: 100%
}

.box-form .block2>.radio-block:not(.inline) .tooltipRadio .ic-radio+label {
    max-width: inherit
}

.box-form .block2>.radio-block.radio-tabs:not(.inline) .ic-radio+label {
    max-width: 100%
}

.box-form .block2>.radio-block.radio-tabs {
    width: 100%
}

.box-form .block2>img {
    margin: 0 0 0 15px
}

@media only screen and (max-width:700px) {
    .box-form .block2>img {
        display: block;
        margin: 10px 0 0
    }
}

@media only screen and (max-width:700px) {
    .box-form .block2>.fieldsWrapIn>* {
        margin-right: 0
    }
}

.box-form .block2.s>input.text,
.box-form .block2.s .select-box {
    width: 136px
}

.box-form .block2 .select-box {
    float: none;
    padding: 0;
    width: 200px
}

@media only screen and (max-width:700px) {
    .box-form .block2 .select-box {
        width: 100%
    }
}

.box-form .block2 .select-box.xs {
    width: 75px
}

.box-form .block2 .select-box.s {
    width: 136px
}

@media only screen and (max-width:700px) {
    .box-form .block2 .select-box.s {
        width: 100%
    }
}

.box-form .block2 .select-box.m {
    width: 336px
}

@media only screen and (max-width:700px) {
    .box-form .block2 .select-box.m {
        width: 100%
    }
}

.box-form .block2 .select-box.full {
    width: 100%
}

.box-form .block2 .select-box.info-data {
    width: 100%
}

@media only screen and (max-width:700px) {
    .box-form .block2 .select-box.info-data {
        max-width: inherit
    }
}

@media only screen and (max-width:700px) {
    .box-form .block2 .select-box.phone-inline {
        margin-right: 10px;
        margin-top: 0;
        max-width: 175px;
        min-width: 175px !important
    }
}

@media only screen and (max-width:440px) {
    .box-form .block2 .select-box.phone-inline {
        margin-right: 0;
        margin-top: 5px;
        margin-bottom: 5px;
        max-width: 100%;
        min-width: 100% !important
    }
}

.box-form .block2 .bonus-block>div.select-box,
.box-form .block2 .select-box.confirmation {
    width: 100%
}

.box-form .block2.border {
    border-top: 1px dashed #d6d6d6;
    padding-top: 24px
}

.box-form .block2 .v-top .border,
.box-form .block2 .field.detail-text>* .border {
    padding-top: 20px
}

@media only screen and (max-width:700px) {
    .box-form .block2.input-field input.text.s {
        width: 100%
    }
}

.box-form .block2.input-field.s .amount {
    width: 80px !important
}

.box-form .block2.number>input.text {
    margin-right: 7px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    width: 50px;
    min-width: 50px
}

.box-form .block2.fullBlock {
    width: 100%
}

.box-form .block2.mInputs>input.text,
.box-form .block2.mInputs>.select-box {
    margin: 0 8px
}

@media only screen and (max-width:700px) {

    .box-form .block2.mInputs>input.text,
    .box-form .block2.mInputs>.select-box {
        margin: 0;
        width: 100%;
        min-width: inherit
    }
}

.box-form .block2.mInputs>input.text:first-child,
.box-form .block2.mInputs>.select-box:first-child {
    margin-left: 0
}

.box-form .block2.mInputs>input.text:last-child,
.box-form .block2.mInputs>.select-box:last-child {
    margin-right: 0
}

@media only screen and (max-width:700px) {
    .box-form .block2.mInputs>input.text.tel-field {
        width: 200px
    }
}

.box-form .block2.mInputs>.divider {
    border-left: 1px dashed #e3e2e2;
    float: none;
    margin: 0 18px;
    width: 1px;
    height: 35px
}

@media only screen and (max-width:700px) {
    .box-form .block2.mInputs>.divider {
        border-left: none;
        margin: 0;
        width: 100%;
        height: 1px
    }
}

.box-form .block2.mInputs:not(.wBorder)>input.text,
.box-form .block2.mInputs:not(.wBorder)>.select-box {
    margin: 4px 24px 4px 0
}

.box-form .block2.mInputs:not(.wBorder)>input.text:last-child,
.box-form .block2.mInputs:not(.wBorder)>.select-box:last-child {
    margin-right: 0
}

@media only screen and (max-width:700px) {
    .box-form .block2.mInputs:not(.wBorder)>input.text.tel-field {
        width: 200px
    }
}

.box-form .block2.mInputs.half:not(.wBorder)>input.text,
.box-form .block2.mInputs.half:not(.wBorder)>* {
    margin: 0 8px
}

@media only screen and (max-width:700px) {

    .box-form .block2.mInputs.half:not(.wBorder)>input.text,
    .box-form .block2.mInputs.half:not(.wBorder)>* {
        width: 121px;
        min-width: 121px
    }
}

.box-form .block2.confirmation {
    width: 75%
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .box-form .block2.confirmation {
        width: 66.66667%
    }
}

@media only screen and (max-width:700px) {
    .box-form .block2 .label:first-child+.range-fields:last-child {
        max-width: 250px
    }

    .box-form .block2 .label:first-child+.range-fields:last-child .select-box {
        margin-left: 0;
        min-width: 70px
    }
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .box-form .block2 {
        margin: 0;
        padding: 0
    }

    body:not(.iframeform) .box-form .block2>input.text {
        width: 100%
    }

    body:not(.iframeform) .box-form .block2.number>input.text {
        width: 50px
    }

    body:not(.iframeform) .box-form .block2.s .extra-pin,
    body:not(.iframeform) .box-form .block2.s .select-box {
        width: 100%
    }

    body:not(.iframeform) .box-form .block2.s>input.text {
        width: 100%
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .box-form .block2>input.text {
        width: 100%
    }

    body.iframeform .box-form .block2.s .extra-pin,
    body.iframeform .box-form .block2.s .select-box {
        width: 100%
    }

    body.iframeform .box-form .block2.s>input.text {
        width: 100%
    }
}

.box-form .full.block2 {
    width: 75%
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .box-form .full.block2 {
        width: 66.66667%
    }
}

.box-form .bonus-block>div.block2 {
    width: 75%
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .box-form .bonus-block>div.block2 {
        width: 66.66667%
    }
}

.box-form .inlineFields .radio-block.inline {
    width: auto
}

@media only screen and (max-width:990px) {
    .box-form .inlineFields .radio-block.inline {
        width: 100%
    }
}

.box-form .radio-block.border>.radio:not(:last-child) {
    border-right: 1px dashed #cbcbcb;
    margin-right: 16px;
    padding-right: 16px
}

.box-form .radio-block div.radio {
    margin: 0
}

.box-form .radio-block:not(.inline):not(.radio-tabs):not(.cols3)>.tooltipRadio,
.box-form .radio-block:not(.inline):not(.radio-tabs):not(.cols3)>.radio {
    float: none;
    margin: 16px 0
}

.box-form .radio-block:not(.inline):not(.radio-tabs):not(.cols3)>.tooltipRadio:first-child,
.box-form .radio-block:not(.inline):not(.radio-tabs):not(.cols3)>.radio:first-child {
    margin-top: 0
}

.box-form .radio-block:not(.inline):not(.radio-tabs):not(.cols3)>.tooltipRadio:last-child,
.box-form .radio-block:not(.inline):not(.radio-tabs):not(.cols3)>.radio:last-child {
    margin-bottom: 0
}

.box-form .radio-block:not(.radio-tabs).inline .radio {
    display: inline-flex;
    vertical-align: top
}

.box-form .radio-block:not(.radio-tabs) div.radio>label {
    max-width: 100%
}

.box-form .radio-block:not(.radio-tabs) div.radio .ic-radio {
    -webkit-flex-shrink: 0;
    -webkit-box-flex: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.box-form .radio-block .radio.parent {
    margin-top: 0
}

.box-form .radio-block .radio.parent>label div.radio {
    margin-right: 0;
    padding-right: 0
}

.box-form .radio-block.inline {
    width: 100%
}

.box-form .radio-block.inline .radio {
    margin: 8px 24px 8px 0
}

@media only screen and (max-width:700px) {
    .box-form .radio-block.inline .radio {
        margin-right: 0;
        position: relative;
        width: 100%
    }
}

.box-form .radio-block.inline .radio.parent .radio {
    margin-top: 0;
    margin-bottom: 0
}

.box-form .radio-block.inline .inlineFields .radio {
    margin-right: 8px
}

.box-form .radio-block.cols3>div.radio {
    margin: 8px 0
}

.box-form .v-top .radio-block.half {
    margin-top: 5px
}

.box-form .right.block1,
.box-form .right.block2 {
    float: right
}

.box-form input.text {
    font-size: 16px
}

.box-form input.text.gray {
    font-family: "robotoregular", arial;
    font-size: 15px
}

.box-form input.text+.button {
    padding-bottom: 9px;
    padding-top: 9px
}

.box-form textarea {
    background-color: #fff;
    border-color: #d6d6d6
}

.no-touch .box-form textarea:focus,
.box-form textarea :active {
    border-color: #102342
}

.box-form textarea.acc-block {
    background-color: #f8f8f8
}

.box-form textarea.acc-block .acc-header {
    background-color: #f8f8f8;
    border-top: 1px solid #c8d0de
}

.box-form textarea.acc-block .acc-header.open-acc:active,
.no-touch .box-form textarea.acc-block .acc-header.open-acc:hover {
    background-color: #fff
}

.box-form textarea.acc-block.open .acc-header {
    border-color: #abbfe1
}

.box-form h3 {
    margin: 0 0 23px
}

.box-form .radio h4 {
    margin: 0
}

.box-form input .acc-block.text {
    background-color: #f8f8f8
}

.box-form input .acc-block.text .acc-header {
    background-color: #f8f8f8;
    border-top: 1px solid #c8d0de
}

.box-form input .acc-block.text .acc-header.open-acc:active,
.no-touch .box-form input .acc-block.text .acc-header.open-acc:hover {
    background-color: #fff
}

.box-form input .acc-block.open.text .acc-header {
    border-color: #abbfe1
}

.box-form .sample .block2 .select-box {
    min-width: 240px
}

@media only screen and (max-width:990px) {

    .box-form .sample .block2,
    .box-form .sample .block1,
    .box-form .sample .field.error div.error {
        width: 100%
    }

    .box-form .sample .block1 {
        margin: 0 0 4px;
        padding: 0;
        text-align: left
    }

    .box-form .sample .block2 {
        margin: 0;
        padding: 0
    }
}

.box-form .ic-extrapin {
    color: #c7c7c7;
    font-size: 26px;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    right: 10px
}

.box-form form>p {
    margin-bottom: 30px
}

.box-form .boxDivider {
    background-color: #eee;
    margin-left: -40px;
    width: calc(100% + 80px);
    height: 16px
}

@media only screen and (max-width:700px) {
    .box-form .boxDivider {
        margin-left: -16px;
        width: calc(100% + 32px)
    }
}

.box-form .boxDivider+.section {
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (max-width:700px) {
    .box-form .boxDivider+.section {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.box-form .ic-info {
    color: #102342;
    font-size: 18px
}

.box-form .ic-info:before {
    line-height: 1
}

.box-form .block1>.ic-info,
.box-form .ic-info:not(.open-tooltip):not(.ic-info) {
    color: #666;
    cursor: default
}

.box-form .detail-text.small.error .block2 {
    font-size: 14px
}

.box-form .detail-text.small p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px
}

.box-form .detail-text.small p:last-child {
    margin-bottom: 0
}

.box-form .detail-text.small p:first-child:last-child {
    vertical-align: top
}

.box-form .detail-text.error .ic-info:not(.open-tooltip) {
    color: #ff4c33
}

@media only screen and (max-width:700px) {
    .box-form .detail-text.error .block1>.ic-info:first-child:last-child {
        margin-top: 0
    }
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .box-form .detail-text .block1 {
        margin-right: 8px;
        margin-bottom: 0;
        width: auto
    }

    body:not(.iframeform) .box-form .detail-text .block2 {
        width: auto;
        max-width: 85%
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .box-form .detail-text .block1 {
        margin-right: 8px;
        margin-bottom: 0;
        width: auto
    }

    body.iframeform .box-form .detail-text .block2 {
        width: auto;
        max-width: 85%
    }
}

.box-form .textarea {
    background-color: #f4f4f4;
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 14px;
    line-height: 1.5;
    padding: 16px;
    width: 100%
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .box-form .textarea {
        font-size: 14px
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .box-form .textarea {
        font-size: 14px
    }
}

.box-form.wide {
    margin: 23px 0 15px;
    padding: 40px 25px 10px
}

.box-form.wide .block1 {
    width: 38.3%
}

.box-form.wide .block2 {
    width: 58.3%
}

.box-form.wide input.text {
    height: 43px
}

.box-form.wide .buttons-wrap {
    margin-top: 6px
}

.box-form.wide+.form-status {
    margin-bottom: 80px
}

@media only screen and (max-width:700px) {
    .box-form.wide+.form-status {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .box-form.wide {
        margin: 15px 0;
        padding: 25px 10px
    }

    body:not(.iframeform) .box-form.wide .buttons-wrap {
        margin-bottom: 0
    }

    body:not(.iframeform) .box-form.wide .buttons-wrap>* {
        margin-left: 0;
        margin-right: 0;
        text-align: center
    }

    body:not(.iframeform) .box-form.wide .buttons-wrap .block1,
    body:not(.iframeform) .box-form.wide .buttons-wrap .block2 {
        width: 100%
    }
}

@media only screen and (max-width:679px) {
    .box-form.wide body.iframeform {
        margin: 15px 0;
        padding: 25px 10px
    }

    .box-form.wide body.iframeform .buttons-wrap {
        margin-bottom: 0
    }

    .box-form.wide body.iframeform .buttons-wrap>* {
        margin-left: 0;
        margin-right: 0;
        text-align: center
    }

    .box-form.wide body.iframeform .block1,
    .box-form.wide body.iframeform .block2 {
        width: 100%
    }
}

.box-form+.alert-block {
    margin-top: 13px;
    width: 100%
}

.box-form label.h4.w-tooltip+.tooltip {
    margin-top: 16px;
    margin-bottom: 5px
}

@media only screen and (max-width:700px) {
    .box-form label.h4.w-tooltip+.tooltip {
        margin-bottom: 3px
    }
}

.box-form .checkbox {
    margin: 0;
    position: relative
}

.box-form .checkbox.full {
    margin: 8px 0;
    width: 100%
}

.box-form+.links-list {
    margin-bottom: 0
}

.box-form .status {
    margin-left: 12px
}

.box-form .status.ic-error {
    color: #ff4c33;
    font-size: 20px
}

.box-form .status.ic-check {
    color: #73ba59;
    font-size: 25px
}

.box-form .inlineFields>.status {
    margin-left: 0
}

.box-form .captcha img {
    margin: 0 10px 0 0
}

@media only screen and (max-width:700px) {
    .box-form .captcha img {
        display: inline-block
    }
}

.box-form .captcha .captcha-refresh {
    color: #5c85c9;
    cursor: pointer;
    font-size: 29px
}

.box-form .range-fields {
    margin: -4px 0
}

.box-form .range-fields .select-box {
    width: 100px;
    min-width: 100px
}

.box-form .inlineFields .range-fields {
    margin-top: 4px;
    margin-bottom: 4px
}

.box-form .tile {
    float: none;
    margin: 16px 0;
    padding: 24px 40px
}

.box-form .checkBoxRow .block1 {
    vertical-align: top
}

@media only screen and (max-width:700px) {
    .box-form .checkBoxRow .block1 {
        margin: 0;
        padding-left: 3px;
        width: 36px
    }
}

@media only screen and (max-width:700px) {
    .box-form .checkBoxRow .block2 {
        width: calc(100% - 36px)
    }
}

.box-form .i-block {
    text-align: left
}

.box-form .i-block p {
    color: #102342;
    line-height: 1.43;
    margin: 0
}

@media only screen and (max-width:700px) {
    .box-form .input-field input.text.s {
        width: 100%
    }
}

.box-form .wizard-display-property>.block2>h4 {
    margin: 25px 0 0
}

@media only screen and (max-width:700px) {
    .box-form .wizard-display-property>.block2>h4 {
        margin-top: 0
    }
}

.box-form .wizard-display-property>.block1>h4 {
    margin: 25px 0 0
}

@media only screen and (min-width:701px) {
    .box-form .block1:not(:empty)~.block2>.radio-block:not(.inline):first-child {
        margin-top: 1px
    }

    .box-form .field.radio-field .block2>.radio-block.inline:first-child:last-child {
        margin-top: -6px
    }
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .box-form {}

    body:not(.iframeform) .box-form .empty {
        display: none
    }

    body:not(.iframeform) .box-form .tooltipRadio .tooltip,
    body:not(.iframeform) .box-form .label.block1 .tooltip {
        margin-top: 0
    }

    body:not(.iframeform) .box-form .tooltip {
        margin: -7px 0 0 8px
    }

    body:not(.iframeform) .box-form .tooltip>.content {
        padding-left: 10px;
        padding-right: 10px;
        width: 160px
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .box-form .empty {
        display: none
    }

    body.iframeform .box-form .tooltipRadio .tooltip,
    body.iframeform .box-form .label.block1 .tooltip {
        margin-top: 0
    }

    body.iframeform .box-form .tooltip {
        margin: -7px 0 0 8px
    }

    body.iframeform .box-form .tooltip>.content {
        padding-left: 10px;
        padding-right: 10px;
        width: 160px
    }
}

.box-form .block2>.extraPinRow>*:not(:last-child),
.extraPinRow>*:not(:last-child) {
    margin-right: 16px
}

.box-form .block2>.extraPinRow .button,
.extraPinRow .button {
    -webkit-flex-shrink: 0;
    -webkit-box-flex: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.box-form .block2>.schedule,
.block2 .schedule {
    margin-bottom: 8px
}

.box-form .block2>.schedule .checkbox,
.block2 .schedule .checkbox {
    margin-right: 24px
}

.box-form .block2>.schedule .select-box:not(:last-child),
.block2 .schedule .select-box:not(:last-child) {
    margin-right: 16px
}

@media only screen and (max-width:990px) {

    .box-form .block2>.schedule,
    .block2 .schedule {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .box-form .block2>.schedule .checkbox,
    .block2 .schedule .checkbox {
        margin-right: 0;
        margin-bottom: 16px;
        width: 100%
    }

    .box-form .block2>.schedule .select-box:not(:last-child),
    .block2 .schedule .select-box:not(:last-child) {
        margin-left: 36px
    }
}

.box-form .block2 .select-box.radioInElement,
.radioInElement {
    margin-top: -8px;
    padding-left: 28px
}

.box-form .block2 .select-box.radioInElement>.options,
.radioInElement>.options {
    left: 28px;
    width: calc(100% - 28px)
}

.partial .steps {
    background-color: #fff;
    margin-bottom: 4px;
    padding: 25px 20px 35px
}

.partial .steps.form-box {
    margin-bottom: 10px
}

.partial+.buttons-wrap,
.partial .buttons-wrap {
    margin-top: 0
}

body:not(.iframeform) .box-form.partial,
.box-form.partial {
    background-color: transparent;
    margin: 10px 0 0;
    padding: 0 0 25px
}

body:not(.iframeform) .box-form.partial:first-child,
.box-form.partial:first-child {
    margin-top: 0
}

.back+.box-form {
    margin-top: 0
}

ul+.box-form {
    margin-top: 5px
}

.inline-cols+.box-form {
    margin-top: 10px
}

.box-form .block2>.input-field.full {
    width: 100%
}

.box-form .block2>.input-field.inline.firstSibling {
    margin-bottom: 16px;
    margin-top: 16px
}

.checkbox-row {
    position: relative
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .box-form .checkbox-row .block1 {
        width: 30px
    }

    body:not(.iframeform) .box-form .checkbox-row .block2 {
        width: calc(100% - 30px)
    }

    .checkbox-row .block1 {
        left: 5px;
        position: absolute;
        top: 0
    }

    .checkbox-row .block2 label {
        padding-left: 35px
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .box-form .checkbox-row .block1 {
        width: 30px
    }

    body.iframeform .box-form .checkbox-row .block2 {
        width: calc(100% - 30px)
    }
}

.scrollVTable {
    max-height: 400px;
    overflow-y: auto
}

#divIsMilesAndMoreMember,
#divIsNotMilesAndMoreMember {
    width: 100%
}

#divIsMilesAndMoreMember label>div.radio .ic-radio+label,
#divIsNotMilesAndMoreMember label>div.radio .ic-radio+label {
    max-width: 100%
}

#divIsMilesAndMoreMember div.radio,
#divIsNotMilesAndMoreMember div.radio {
    float: none;
    font-size: 16px;
    margin: 8px 0
}

#divIsMilesAndMoreMember .inlineFields,
#divIsNotMilesAndMoreMember .inlineFields {
    margin-left: 0;
    width: 100%
}

#radioByPhone,
#radioByEmail {
    width: 100%
}

#radioByPhone div.radio,
#radioByEmail div.radio {
    float: none;
    font-size: 16px;
    margin: 8px 0
}

#radioByPhone .inlineFields,
#radioByEmail .inlineFields {
    margin-left: 0;
    width: 100%
}

.box-form #radioByPhone div.error,
.box-form #radioByEmail div.error {
    margin: 8px 0;
    width: auto
}

#autoPayment .input-field.inline {
    margin: 0 0 0 28px;
    width: calc(100% - 28px)
}

#autoPayment .input-field.inline div.radio:first-child {
    margin-top: 0
}

#autoPayment .input-field.inline div.radio:last-child {
    margin-bottom: 0
}

.radio-block #autoPayment {
    margin-bottom: 8px;
    width: 100%
}

.radio-block #autoPayment div.radio {
    float: none;
    width: 100%
}

#ammount {
    width: 100%
}

#ammount div.radio {
    float: none;
    font-size: 16px;
    margin: 8px 0
}

#ammount .inlineFields {
    margin-left: 0;
    width: 100%
}

@media only screen and (max-width:700px) {
    #ammount .input-field {
        width: 100%
    }
}

.fieldsWrapIn#ammount div.radio {
    margin: 4px 24px 4px 0
}

.fieldsWrapIn#ammount div.radio:last-child {
    margin-right: 0
}

.no-touch .field:not(.error):hover .radio.checked .ic-radio,
.no-touch .field:not(.error):hover .radio.checked>span {
    border-color: #e6e6e6
}

.field:not(.error) .radio.checked>span:active .radio.checked .ic-radio,
.field:not(.error) .radio.checked>span:active .radio.checked>span,
.field:not(.error) .radio.checked .ic-radio:active .radio.checked>span,
.field:not(.error) .radio.checked .ic-radio:active .radio.checked .ic-radio {
    border-color: #e6e6e6
}

.field:not(.error) .radio:not(.disabled):not(.parent):active .ic-radio,
.field:not(.error) .radio:not(.disabled).parent .ic-radio:active,
.no-touch .field:not(.error) .radio:not(.disabled).parent .ic-radio:hover,
.no-touch .field:not(.error) .radio:not(.disabled).focus:not(.parent) .ic-radio,
.no-touch .field:not(.error) .radio:not(.disabled):not(.parent):hover .ic-radio {
    border-color: #102342
}

.no-touch .field:not(.error) div:not(.disabled)>input.text:hover,
.field:not(.error) div:not(.disabled)>input.text:active,
.field:not(.error) div:not(.disabled)>input.text:focus {
    border-color: #102342
}

.no-touch .field:not(.error) .date-input:not(.disabled):hover input,
.field:not(.error) .date-input:not(.disabled):active input {
    border-color: #57739d
}

.no-touch .field:not(.error) .checkbox.checked:hover .ic-check,
.field:not(.error) .checkbox.checked:active .ic-check {
    border-color: #e8e8e8
}

.no-touch .field:not(.error) .checkbox:not(.disabled):hover .ic-check,
.field:not(.error) .checkbox:not(.disabled):active .ic-check {
    border-color: #5c85c9
}

.box-form .block2>.dynamicMultiFieldControl.checkbox {
    display: block
}

.btnTool .ic {
    color: #16315d;
    cursor: pointer;
    display: block;
    font-size: 24px;
    padding: 8px
}

@media only screen and (max-width:700px) {
    .btnTool .ic {
        font-size: 20px;
        padding-right: 6px;
        padding-left: 6px
    }
}

.no-touch .btnTool .ic:hover {
    color: #4870a9
}

.btnTool.activeTour .ic {
    background-color: #fff;
    color: #4870a9;
    pointer-events: none;
    position: relative;
    z-index: 9
}

.btnTool.tooltip {
    margin: 0
}

.btnTool.tooltip .content {
    margin-bottom: 5px
}

.btnTool.tooltip.bottom .content {
    margin-top: 5px;
    margin-bottom: 0
}

.dashboardTitle {
    padding-right: 120px;
    z-index: 11
}

.dashboardTitle.main-title {
    margin-bottom: 32px
}

.dashboardTitle .btnTools {
    position: absolute;
    right: 0;
    top: 0
}

.dashboardTitle.btnTools1 {
    padding-right: 40px
}

@media only screen and (max-width:700px) {
    .dashboardTitle div.welcome {
        margin-right: 0;
        padding-right: 96px
    }
}

div.welcome {
    color: #102342;
    font-size: 20px;
    margin: 0 40px 8px 0
}

div.welcome+div {
    position: relative;
    z-index: 99
}

div.message {
    background-color: #fff;
    margin: 4px 0;
    padding: 16px
}

@media only screen and (max-width:440px) {
    div.message {
        padding-right: 5px;
        padding-left: 5px
    }
}

div.message.blue {
    background-color: #c8d0de;
    color: #57739d
}

div.message span:not(.text) {
    margin-left: 4px;
    margin-right: 18px
}

div.message span.text {
    line-height: 1.3;
    max-width: calc(100% - 32px)
}

div.message.toPfm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center
}

div.message.toPfm .toPfmText {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-right: 24px
}

div.message.toPfm span.text {
    line-height: 18px;
    max-width: 100%
}

div.message.toPfm .logo {
    flex-shrink: 0;
    margin: 0 8px 0 0;
    width: 40px;
    height: 40px
}

@media only screen and (max-width:700px) {
    div.message.toPfm {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center
    }

    div.message.toPfm .toPfmText {
        margin: 0 0 24px 0;
        width: 100%
    }
}

ul.log-info {
    margin: 0 32px 0 0;
    padding: 0
}

@media only screen and (max-width:700px) {
    ul.log-info {
        margin-right: 0
    }
}

ul.log-info li {
    font-size: 12px;
    line-height: 24px;
    list-style: none;
    position: relative
}

ul.log-info li:not(:last-child) {
    margin-right: 16px;
    padding-right: 17px
}

ul.log-info li:not(:last-child):after {
    background-color: rgba(16, 35, 66, .5);
    content: '';
    margin-top: -7px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 14px
}

ul.log-info li a {
    color: #102342;
    padding-left: 28px;
    position: relative
}

ul.log-info li a:active,
.no-touch ul.log-info li a:focus {
    text-decoration: none
}

.no-touch ul.log-info li a:hover {
    color: #fdb813;
    text-decoration: none
}

ul.log-info li .notifNo {
    background-color: #fdb813;
    border-radius: 50%;
    color: #102342;
    font-family: "robotobold", arial;
    left: 0;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 20px;
    height: 20px
}

ul.log-info+.dashMessages {
    margin-top: 24px
}

ul.dashMessages {
    margin: 0 40px 0 0;
    padding: 0
}

@media only screen and (max-width:700px) {
    ul.dashMessages {
        margin-right: 0
    }
}

ul.dashMessages li {
    background: url("") no-repeat scroll 0 4px;
    font-family: "robotoregular", arial;
    list-style: none;
    line-height: 16px;
    margin: 0 0 16px;
    padding-left: 32px;
    vertical-align: top;
    max-width: 816px;
    min-height: 32px;
    display: table
}

ul.dashMessages li span.text {
    display: table-cell;
    vertical-align: middle
}

.main-col.dashboard {
    width: 65.50667%
}

@media only screen and (max-width:700px) {
    .main-col.dashboard {
        width: 97%
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .main-col.dashboard {
        margin-left: .78%;
        margin-right: .78%;
        width: 98.44%
    }
}

@media only screen and (max-width:679px) {
    body.iframeform .main-col.dashboard {
        margin-left: 0%;
        margin-right: 1.5%
    }
}

.main-col.dashboard.confirmation {
    width: 66.66667%
}

@media only screen and (max-width:700px) {
    .main-col.dashboard.confirmation {
        width: 100%
    }
}

@media only screen and (max-width:700px) {
    body:not(.iframeform) .main-col.dashboard {
        margin-left: 1.5%;
        margin-right: 1.5%
    }
}

.full.main-col.dashboard {
    width: 66.66667%
}

.dashboard+.sidebar>* {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%
}

.dashboard+.sidebar>*:first-child {
    margin-top: 0
}

.dashboard .tile-details {
    max-width: 50%
}

@media only screen and (max-width:700px) {
    .dashboard .tile-details {
        margin-left: 0;
        margin-top: 4px
    }
}

.dashboard .tile-title {
    max-width: 50%
}

@media only screen and (min-width:991px) and (max-width:1200px) {

    .tile-title.small .dashboard,
    .tile-title.small+.tile-details .dashboard {
        max-width: 50%
    }
}

.dashboard div.message span:not(.text) {
    margin-right: 4px;
    text-align: center;
    width: 20px
}

.dashboard div.message span.ic-email {
    font-size: 15px
}

.dashboard>.message:first-child {
    margin-top: 0
}

.bonus-block>div.main-col.dashboard {
    width: 66.66667%
}

.message.white {
    color: #102342;
    font-size: 16px
}

.message.white a {
    color: #102342
}

.sidebar .personal {
    color: #fff;
    font-family: "robotolight", arial;
    font-size: 16px;
    line-height: 1.5
}

.sidebar .personal a {
    color: #fff
}

.personal .inner {
    background-color: #5f5e5e
}

.sidebar .personal .inner {
    padding: 35px 9%
}

@media only screen and (max-width:1280px) {
    .sidebar .personal .inner {
        padding: 30px 25px
    }
}

.personal .img {
    width: 116px
}

.personal .img+a {
    padding-left: 30px;
    width: calc(100% - 120px)
}

@media only screen and (max-width:1280px) {
    .personal .img+a {
        padding-left: 20px
    }
}

.personal .img img {
    margin-top: 7px;
    width: 100%;
    height: auto
}

.sideblock.tax-free h3 {
    margin: 0;
    font-size: 19px;
    color: #1e3c78;
    font-family: "robotolight", arial
}

.sideblock.tax-free a {
    width: 100%;
    text-align: center
}

.sideblock.tax-free a:after {
    font-size: 34px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -17px;
    transition: all 150ms ease-out;
    content: "";
    color: #a5a5a5;
    font-family: "icomoon"
}

.sideblock.tax-free a:active:after,
.sideblock.tax-free a:hover:after {
    color: #5c85c9;
    font-size: 35px;
    margin-top: -17.5px
}

.sideblock.tax-free a:hover,
.sideblock.tax-free a:active,
.sideblock.tax-free a:focus {
    text-decoration: none
}

.sideblock.tax-free .tax-free-amount {
    font-size: 19px;
    color: #404040;
    font-family: "robotolight", arial
}

.overview-slider {
    margin: 0 0 9px;
    padding: 0 30px
}

.overview-slider .item {
    cursor: pointer;
    padding: 0 6px 5px;
    text-align: center
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .overview-slider .item {
        padding: 0 4px 5px
    }
}

.overview-slider .item .inner {
    background-color: #fff;
    padding: 9px 12px
}

.overview-slider .value {
    background-color: rgba(16, 35, 66, .7);
    color: #fff;
    font-family: "robotomedium", arial;
    font-size: 20px;
    padding: 10px 5px;
    line-height: 1;
    position: relative;
    transition: background-color 350ms ease
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .overview-slider .value {
        font-size: 16px;
        padding-right: 2px;
        padding-left: 2px
    }
}

@media only screen and (max-width:440px) {
    .overview-slider .value {
        font-size: 18px
    }
}

.overview-slider .owl-item.selected .value {
    background-color: #16315d
}

.overview-slider .owl-item .value:after {
    border-style: solid;
    border-width: 14px 21px 0 21px;
    border-color: transparent transparent transparent transparent;
    bottom: -13px;
    content: '';
    left: 50%;
    margin-left: -21px;
    position: absolute;
    width: 0;
    height: 0;
    transition: border 350ms ease
}

.overview-slider .owl-item.selected .value:after {
    border-color: #16315d transparent transparent transparent
}

.overview-slider .title {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 16px;
    position: relative;
    height: 88px
}

.overview-slider .title span {
    color: #102342;
    display: block;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 15px;
    transition: color 350ms ease
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .overview-slider .title span {
        margin-bottom: 10px
    }
}

.overview-slider .title .wrap {
    line-height: 1;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.overview-slider.sliderMin .owl-wrapper {
    font-size: 0;
    text-align: center;
    max-width: 100%;
    min-width: 100%
}

.overview-slider.sliderMin .owl-item {
    display: inline-block;
    float: none;
    font-size: 16px
}

@media only screen and (max-width:768px) {
    .overview-slider.sliderMin.items2 .owl-wrapper {
        max-width: inherit;
        min-width: inherit
    }

    .overview-slider.sliderMin.items2 .owl-item {
        display: block;
        float: left
    }
}

.overview-slider.sliderB .item {
    padding: 0 2px 10px
}

.overview-slider.sliderB .item .inner {
    padding: 5px 4px
}

.overview-slider.sliderB .value {
    font-size: 16px;
    padding-right: 2px;
    padding-left: 2px
}

.overview-slider.sliderB .title {
    font-size: 15px
}

.sidebarBtn {
    padding: 16px 8px
}

.sidebarBtn .button {
    margin: 0
}

.whiteTabsSec .radio-tab {
    float: none;
    padding-top: 0
}

.whiteTabsSec .budgetsBox {
    padding: 48px 0 0
}

.dashboard .whiteTabsSec .budgetsBox h3 {
    font-size: 24px;
    margin-bottom: 32px;
    padding-right: 16px;
    padding-left: 16px;
    text-align: center
}

.whiteTabsSec .acceptBox {
    padding-bottom: 32px
}

.whiteTabsSec .acceptBox,
.whiteTabsSec .budgetTable {
    padding-right: 32px;
    padding-left: 32px
}

@media only screen and (max-width:990px) {

    .whiteTabsSec .acceptBox,
    .whiteTabsSec .budgetTable {
        padding-right: 16px;
        padding-left: 16px
    }
}

.whiteTabsSec .budgetTable {
    margin-bottom: 0;
    padding-bottom: 32px
}

@media only screen and (max-width:700px) {
    .whiteTabsSec .budgetTable {
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (max-width:700px) {
    .dashboardSec {
        margin-bottom: 48px
    }
}

.sideblock {
    background-color: #fff;
    margin: 0 0 24px;
    padding: 20px
}

@media only screen and (max-width:700px) {
    .sideblock {
        padding: 10px
    }
}

.sideblock h3 {
    color: #575757;
    font-family: "robotothin", arial;
    font-size: 24px;
    margin: 0 0 20px
}

.sideblock .wrap {
    position: relative
}

.sideblock .wrap img {
    align-self: center;
    flex-shrink: 0;
    width: 84px
}

.sideblock .wrap img.middle {
    vertical-align: middle
}

.sideblock .wrap img.middle+div {
    vertical-align: middle
}

.sideblock .wrap>div {
    padding-left: 15px;
    text-align: left;
    width: calc(100% - 84px)
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .sideblock .wrap>div {
        padding-left: 10px
    }
}

.sideblock .wrap>div.yellowBonus {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    width: 100%
}

.sideblock .wrap>a.yellowBonus {
    padding: 0;
    width: 100%
}

.sideblock .wrap .blocker {
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 100%
}

.sideblock .wrap .blocker+a {
    margin-left: 0
}

.sideblock p {
    color: #828282;
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 8px
}

.sideblock a {
    font-size: 14px
}

.sideblock a:active .yellowPoints span:not(.ic-arrowRight) {
    text-decoration: none
}

.sideblock a:not(.yellowBonus):focus span:not(.ic-arrowRight),
.sideblock a:not(.yellowBonus):active span:not(.ic-arrowRight),
.no-touch .sideblock a:not(.yellowBonus):hover span:not(.ic-arrowRight) {
    text-decoration: underline
}

.sideblock a:not(:first-child),
.sideblock .links a:not(:first-child) {
    margin-left: 5px
}

.sideblock p+a:not(:first-child) {
    margin-left: 0
}

.sideblock .privateBanking.yellowBonus p {
    color: #1e3c78;
    font-size: 19px;
    font-family: "robotolight", arial;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
    max-width: 200px
}

.sideblock .privateBanking.yellowBonus .img {
    width: 200px;
    max-width: 200px
}

.sidebar .tiles-section h2 {
    font-size: 24px;
    margin-left: 10px
}

.sidebar .yellowBonus .img {
    width: 30%
}

.sidebar .yellowBonus .img img {
    width: 100%;
    max-width: inherit
}

.sidebar div.yellowBonus .img {
    width: 26%
}

.sidebar div.yellowBonus .img+div {
    padding: 0 20px 0 5px;
    width: 72%
}

.sidebar div.yellowBonus .img+div a {
    margin-left: 0
}

.sidebar div.yellowBonus .img+div p {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 4px
}

.sidebar a.yellowBonus .ic-yellow {
    margin-left: 3px
}

.sideTabsWrap {
    width: 100%
}

.sideTabsWrap table.type4 tr td {
    border: none
}

.sideTabsWrap table.type4 td {
    padding: 10px 0
}

.sideTabsWrap table.type4 td td {
    padding: 2px 5px
}

.sideTabsWrap table.type4 td .links span,
.sideTabsWrap table.type4 td:first-child .links span,
.sideTabsWrap table.type4 td a.details span:not([class^="ic-"]):not([class*=" ic-"]),
.sideTabsWrap table.type4 td:first-child a.details span:not([class^="ic-"]):not([class*=" ic-"]) {
    color: #5c85c9;
    font-size: 14px
}

.sidebar .sideTabsWrap table.type4 td.detail:first-child {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 14px
}

.sideTabsWrap table.type4 .links {
    float: none;
    margin: 0;
    padding-left: 0
}

.sideTabsWrap table.type4 table {
    width: 100%
}

.sideTabsWrap table.default.type2.type4 td {
    border-bottom: 1px solid #d6d6d6
}

.sideTabsWrap table.default.type2.type4 td td {
    border: none
}

.sideTabsWrap table.default:not(.ui-datepicker-calendar) td .links a:not(.button):not(.open-file),
.sideTabsWrap table.default.type4 .links a {
    font-size: 14px;
    margin-right: 15px;
    text-decoration: none
}

.sideTabsWrap table td.detail {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 14px
}

.sideTabsWrap table td.detail span {
    display: inline-block;
    margin-left: 5px
}

.sideTabsWrap h2 {
    font-size: 20px;
    margin-top: 0
}

.sideTabsWrap .sidebarBtn {
    width: 100%
}

.sideTabsWrap .radio-block.radio-tabs {
    margin-bottom: 0
}

.sideTabsWrap .radio-block.radio-tabs.gray .radio:not(.checked) {
    border-bottom-color: #fff
}

.sideTabs {
    background-color: #fff;
    padding: 10px 15px;
    width: 100%
}

.sidebar .sideTabs .tiles-section {
    margin-bottom: 15px
}

.sideTabs .radio-block.radio-tabs.gray .radio:not(:last-child) {
    margin-right: 0
}

.no-padding-top {
    padding-top: 0
}

.no-margin-left {
    margin-left: 0
}

.hide-amounts .value {
    font-size: 0 !important
}

.hide-amounts .value>* {
    font-size: 0 !important
}

.hide-amounts .value:before {
    content: "***";
    font-size: 20px;
    position: relative;
    top: 6px
}

.hide-amounts .overview .value:before {
    top: 2px
}

.hide-amounts .tile .balance {
    display: none
}

.tiles-block {
    margin-bottom: 60px
}

.tiles-block h2 {
    font-family: "robotolight", arial;
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 24px
}

.tiles-block .news-tile {
    background-color: #fff;
    margin: 5px 0;
    padding: 10px
}

.tiles-block .tile-img {
    float: left;
    width: 245px
}

.tiles-block .tile-text {
    float: left;
    padding: 0 26px;
    width: calc(100% - 245px)
}

.tiles-block h3 {
    color: #666;
    font-family: "robotobold", arial;
    font-size: 20px;
    line-height: 1.25;
    margin: 0 0 25px;
    min-height: 48px
}

.tiles-block h4 {
    color: #666;
    margin: 16px 0 4px
}

.tiles-block .date {
    color: #888;
    display: block;
    font-family: "robotolight", arial;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 8px
}

.tiles-block a:not(.button) {
    font-family: "robotolight", arial;
    font-size: 13px
}

.tiles-block .tool {
    background: #fff;
    padding: 35px 30px;
    text-align: center
}

.tiles-block .tool img {
    margin: 0 0 20px;
    max-width: 80%
}

.tiles-block .tool p {
    margin: 0 0 25px;
    text-align: left
}

.tiles-block .tool a.button {
    margin-bottom: 0
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .tiles-block .tool {
        padding: 35px 15px
    }
}

@media only screen and (max-width:990px) {
    .tiles-block .tile-img {
        width: 200px
    }

    .tiles-block .tile-text {
        padding: 0 10px 0 15px;
        width: calc(100% - 200px)
    }

    .tiles-block h4 {
        margin-top: 0
    }
}

@media only screen and (max-width:700px) {
    .tiles-block .tile-img {
        margin: 0 0 10px;
        width: 80%
    }

    .tiles-block .tile-text {
        padding: 0;
        width: 100%
    }

    .tiles-block h3 {
        font-size: 18px;
        min-height: inherit
    }

    .tiles-block h4 {
        font-size: 15px
    }

    .tiles-block .tool {
        margin: 0 0 15px;
        padding: 20px 10px
    }
}

.no-touch .file-link:hover {
    text-decoration: none
}

.file-link:active>*,
.no-touch .file-link:focus>*,
.no-touch .file-link:hover>* {
    color: #1e3c78
}

.p-banking {
    margin: 0 0 15px
}

.p-banking .logo {
    background: #5f5e5e;
    padding: 35px 0 25px;
    text-align: center
}

.p-banking .logo>* {
    color: #fbba00;
    font-size: 82px
}

.p-banking>.info {
    background: #5f5e5e;
    margin: 13px 0 0;
    padding: 8px 9px 0;
    text-align: center
}

.p-banking>.info [class^="ic-"] {
    color: #eda926;
    font-size: 27px;
    margin: 0 0 8px
}

.p-banking>.info .ic-tilefono {
    font-size: 30px
}

.p-banking .block {
    padding: 22px 0;
    position: relative
}

.p-banking .block:last-child:after {
    display: none
}

.p-banking .block:after {
    background-color: #c9cfdb;
    bottom: 0;
    content: '';
    left: 10%;
    position: absolute;
    width: 80%;
    height: 1px
}

.p-banking .block.user .name {
    font-size: 20px
}

.p-banking .block.phone .name {
    font-size: 13px;
    line-height: 1.4
}

.p-banking .ic-user {
    border-radius: 24px;
    width: 48px;
    height: 48px;
    border: 2px solid #eda926;
    line-height: 43px
}

.p-banking .name {
    color: #fff;
    font-family: "robotolight", arial;
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 5px
}

.p-banking .detail {
    color: #aaa;
    display: block;
    font-size: 13px;
    line-height: 1.15
}

.p-banking .more {
    color: #e1e1e1;
    font-size: 14px;
    line-height: 1.3;
    margin: 15px 0 5px
}

.p-banking .more.tel {
    font-size: 15px
}

.p-banking .mail {
    color: #e1e1e1;
    font-size: 12px;
    word-break: break-word
}

.p-banking .link-block {
    background: #3c3c3e;
    padding: 12px 20px;
    text-align: center
}

.p-banking .link-block a {
    color: #fff;
    font-size: 15px;
    line-height: 1.5
}

.p-banking .link-block a .arrow {
    font-family: "icomoon";
    font-size: 10px;
    margin: 0 0 0 2px
}

.p-banking .link-block a .arrow:before {
    content: ""
}

.p-banking .link-block a:active,
.p-banking .link-block a:focus,
.no-touch .p-banking .link-block a:hover {
    color: #fbba00;
    text-decoration: none
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .p-banking>.info {
        padding-left: 4px;
        padding-right: 4px
    }

    .p-banking .link-block {
        padding: 12px 10px
    }
}

@media only screen and (max-width:990px) {
    .p-banking {
        margin-top: 20px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .p-banking .block:after {
        left: 50%;
        margin-left: -150px;
        width: 300px
    }
}

@media only screen and (max-width:700px) {
    .p-banking>.info {
        padding-left: 20px;
        padding-right: 20px
    }

    .p-banking .block:after {
        left: 50%;
        margin-left: -100px;
        width: 200px
    }
}

.s-result {
    border-bottom: 1px solid #c8d0de;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.s-result h2 {
    font-family: "robotolight", arial;
    font-size: 28px;
    margin: 0 0 18px
}

@media only screen and (max-width:990px) {
    .s-result h2 {
        font-size: 22px
    }
}

.s-result p {
    font-size: 15px
}

.s-result i {
    color: #1e3c78
}

.s-result span[class^="htl-"] {
    font-weight: bold
}

.resultItem {
    background-color: #fff;
    cursor: pointer;
    margin: 16px 0;
    padding: 24px;
    transition: background-color 150ms ease-out
}

@media only screen and (max-width:700px) {
    .resultItem {
        margin: 8px 0;
        padding: 16px
    }
}

.no-touch .resultItem:hover,
.resultItem:active {
    background-color: #f9fafc
}

.resultItem .date {
    color: #102342
}

.resultItem h3 {
    margin: 0 0 16px
}

.resultItem .value {
    color: #102342;
    font-size: 22px
}

@media only screen and (max-width:700px) {
    .resultItem .spaceRow {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 8px
    }

    .resultItem .spaceRow>* {
        width: 100%
    }
}

.clearBtn {
    background-color: #16315d;
    color: #fff;
    cursor: pointer;
    font-family: "robotomedium", arial;
    font-size: 14px;
    padding: 4px 32px 4px 8px;
    position: relative
}

.clearBtn:before {
    content: "";
    font-family: "icomoon";
    font-size: 16px;
    margin-top: -12px;
    position: absolute;
    right: 4px;
    top: 50%
}

.clearBtn:active,
.no-touch .clearBtn:hover {
    background-color: #fcb813;
    color: #16315d
}

.filtersBtns {
    background-color: #f8f8f8;
    margin: 0 0 16px;
    padding: 12px;
    text-align: left
}

div.results {
    background-color: #f8f8f8;
    color: #102342;
    font-family: "robotomedium", arial;
    font-size: 14px;
    padding: 16px;
    margin: 0 0 16px;
    text-align: center
}

.searchFilters {
    background-color: #f8f8f8;
    margin-bottom: 16px;
    padding: 16px;
    text-align: left
}

.searchFilters .buttons-wrap {
    margin: 0
}

.searchFilters p {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 18px;
    margin-bottom: 16px
}

.searchFilters .searchFilter {
    margin-bottom: 16px
}

.searchFilters .searchFilter p {
    color: #102342;
    margin-bottom: 8px;
    font-family: "robotomedium", arial;
    font-size: 14px
}

.searchFilters input.text,
.searchFilters .select-box {
    width: 100%
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .searchFiltersWrap {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .searchFiltersWrap>* {
        width: calc(33.33% - 11px)
    }

    .searchFiltersWrap>*:not(:first-child) {
        margin-left: 8px
    }

    .searchFiltersWrap>*:not(:last-child) {
        margin-right: 8px
    }
}

.promo-area {
    margin: 0 0 32px
}

.promo-area h2 {
    font-family: "robotothin", arial;
    font-size: 44px;
    margin: 5px 0
}

.main-col .promo-area {
    margin-bottom: 32px;
    padding-bottom: 32px
}

.main-col .promo-area:not(.noBorder) {
    border-bottom: 1px solid #d6d6d6
}

.promo-area.center {
    text-align: center
}

.promo-area.center img {
    margin-bottom: 32px
}

.promo-area.center.mob-extra-pin {
    border: none;
    margin-bottom: 0
}

.promo-area .img {
    text-align: center
}

.promo-area p {
    font-family: "robotobold", arial;
    font-size: 22px
}

.promo-area p.light {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 16px
}

.search-box .promo-area p {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 16px
}

.promo-area .search-box p {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 16px
}

.promo-area .paySaveText p {
    font-family: "robotoregular", arial;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px
}

.promo-area.gray h3 {
    color: #5f5e5e;
    font-family: "robotoblack"arial;
    font-size: 20px
}

.promo-area.gray p {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 1.4
}

.promo-area.bottom {
    border: none;
    font-size: 0
}

.promo-area.bottom p:last-child {
    margin-bottom: 0
}

.promo-area.bottom h3 {
    margin: 0 0 15px
}

.promo-area.bottom .text {
    padding: 0 30px
}

.promo-area.bottom>* {
    float: none
}

@media only screen and (max-width:990px) {
    .promo-area.bottom .text {
        padding: 0 10px 0 15px
    }

    .promo-area.bottom img {
        padding: 0
    }
}

@media only screen and (max-width:700px) {

    .promo-area.bottom:not(.mobTitle),
    .promo-area.bottom.mobTitle img:not(.center) {
        display: block
    }

    .promo-area.bottom h2 {
        font-size: 24px
    }

    .promo-area.bottom img {
        max-width: 250px
    }

    .promo-area.bottom p {
        font-family: "robotobold", arial;
        font-size: 16px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .promo-area.bottom h2 {
        font-size: 34px
    }

    .promo-area.bottom img {
        padding: 0 10px
    }

    .promo-area.bottom p {
        font-family: "robotobold", arial;
        font-size: 18px
    }
}

.filters input.promo-area.text h3,
.box-form input.promo-area.text h3 {
    color: #5f5e5e;
    font-family: "robotoblack"arial;
    font-size: 20px
}

.filters input.promo-area.text p,
.box-form input.promo-area.text p {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 1.4
}

.box-form textarea.promo-area h3 {
    color: #5f5e5e;
    font-family: "robotoblack"arial;
    font-size: 20px
}

.box-form textarea.promo-area p {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 1.4
}

.info-block .ic-yellow {
    font-size: 18px;
    margin: 5px 0 0 -4px
}

@media only screen and (max-width:440px) {
    .info-block .ic-yellow {
        font-size: 16px;
        margin-top: 3px
    }
}

.yellowPoints {
    color: #fcb614;
    font-family: "robotolight", arial;
    line-height: 1;
    position: relative
}

.info-block .yellowPoints {
    font-size: 34px
}

@media only screen and (max-width:700px) {
    .info-block .yellowPoints {
        text-align: center
    }
}

@media only screen and (max-width:440px) {
    .info-block .yellowPoints {
        font-size: 28px
    }
}

.info-block .yellowPoints span {
    font-size: 45px;
    display: inline-block;
    vertical-align: top
}

.info-block .yellowPoints span.ic-yellow {
    font-size: 21px;
    margin-left: 5px
}

.info-block .yellowPoints img {
    margin-right: 10px
}

@media only screen and (max-width:440px) {
    .info-block .yellowPoints img {
        width: 100px
    }
}

.yellowPoints .info {
    color: #999;
    font-family: "robotoitalic", arial;
    font-size: 15px;
    line-height: 1.1;
    margin: 2px 0 0
}

.yellowBlock {
    float: left;
    padding: 40px 45px;
    width: 100%
}

.yellowBlock .img {
    float: left;
    width: 50%
}

@media only screen and (max-width:990px) {
    .yellowBlock .img {
        text-align: center;
        width: 100%
    }
}

.yellowBlock .img img {
    max-width: 214px
}

.yellowBlock .yellowPoints {
    float: right;
    font-size: 70px;
    text-align: center
}

@media only screen and (max-width:990px) {
    .yellowBlock .yellowPoints {
        text-align: center;
        width: 100%;
        font-size: 50px;
        margin-top: 15px
    }
}

.yellowBlock .yellowPoints .ic-yellow {
    font-size: 32px;
    margin: 19px 0 0 4px
}

@media only screen and (max-width:990px) {
    .yellowBlock .yellowPoints .ic-yellow {
        margin-top: 12px;
        font-size: 26px
    }
}

.sidebar .yellowPoints {
    padding: 0 5px;
    font-size: 34px
}

@media only screen and (max-width:1280px) {
    .sidebar .yellowPoints {
        padding: 0 5px;
        font-size: 26px
    }
}

@media only screen and (max-width:990px) {
    .sidebar .yellowPoints {
        font-size: 35px;
        text-align: right
    }
}

@media only screen and (max-width:440px) {
    .sidebar .yellowPoints {
        max-width: calc(100% - 110px);
        padding: 0 15px;
        font-size: 23px
    }
}

a .sidebar .yellowPoints {
    line-height: 1;
    vertical-align: middle
}

a .sidebar .yellowPoints>span:not(.ic-yellow) {
    display: inline-block;
    vertical-align: top
}

.sidebar .yellowBonus {
    display: inline-block;
    width: 60%;
    padding: 0 20px;
    text-align: center;
    position: relative
}

.sidebar .yellowBonus:after {
    font-size: 34px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -17px;
    transition: all 150ms ease-out
}

.sidebar .yellowBonus:not(.yellow-register):after {
    content: "";
    color: #a5a5a5;
    font-family: "icomoon"
}

.sidebar .yellowBonus:active:after,
.no-touch .sidebar .yellowBonus:hover:after {
    color: #5c85c9;
    font-size: 35px;
    margin-top: -17.5px
}

.sidebar .yellowBonus .ic-yellow {
    font-size: 18px;
    margin: 5px 0 0 5px;
    vertical-align: top
}

@media only screen and (max-width:1280px) {
    .sidebar .yellowBonus .ic-yellow {
        font-size: 15px;
        margin-top: 2px
    }
}

@media only screen and (max-width:990px) {
    .sidebar .yellowBonus .ic-yellow {
        font-size: 18px;
        margin-top: 5px
    }
}

@media only screen and (max-width:440px) {
    .sidebar .yellowBonus .ic-yellow {
        font-size: 14px;
        margin-top: 3px
    }
}

.no-touch .sidebar .yellowBonus:hover,
.sidebar .yellowBonus:active {
    text-decoration: none !important
}

@media only screen and (max-width:990px) {
    .sidebar .yellowBonus .img {
        max-width: 130px
    }
}

@media only screen and (max-width:440px) {
    .sidebar .yellowBonus .img {
        max-width: 100px
    }
}

@media only screen and (max-width:990px) {
    .sidebar .yellowBonus div.yellowBonus .img+div {
        padding-left: 20px
    }
}

.sidebar a.yellowBonus:active,
.sidebar a.yellowBonus:active span:not(.ic-arrowRight),
.no-touch .sidebar a.yellowBonus:hover span:not(.ic-arrowRight),
.no-touch .sidebar a.yellowBonus:focus,
.no-touch .sidebar a.yellowBonus:focus span:not(.ic-arrowRight),
.no-touch .sidebar a.yellowBonus:hover,
.no-touch .sidebar a.yellowBonus:hover span:not(.ic-arrowRight) {
    text-decoration: none
}

@media only screen and (max-width:1280px) {
    .sidebar a.yellowBonus .ic-yellow {
        margin-top: 8px
    }
}

@media only screen and (max-width:440px) {
    .sidebar div.yellowBonus .img+div {
        padding-left: 5px
    }

    .sidebar div.yellowBonus .img+div p {
        line-height: 1.4;
        margin-bottom: 2px
    }
}

a.yellowBonus:hover,
a.yellowBonus:active,
a.yellowBonus:focus,
.sideblock a.yellowBonus:hover span:not(.ic-arrowRight) {
    text-decoration: none
}

.pack-price {
    color: #1e3c78;
    font-size: 35px;
    line-height: 1;
    text-align: right
}

.pack-price span {
    font-family: "robotolight", arial;
    font-size: 13px
}

.pack-price span.cur {
    font-size: 21px
}

.pack-price p {
    color: #444;
    font-family: "robotomedium", arial;
    font-size: 13px;
    margin: 5px 0 8px
}

.pack-price p span {
    color: #999;
    font-family: "robotoitalic", arial
}

.tile.packs-tile .title h3 {
    margin-bottom: 5px
}

.tile.packs-tile>div {
    float: left;
    padding: 20px 10px 0;
    width: calc(50% - 185px)
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .tile.packs-tile>div {
        width: calc(50% - 105px)
    }
}

@media only screen and (max-width:700px) {
    .tile.packs-tile>div {
        width: 100%
    }
}

.tile.packs-tile>div.select {
    width: 210px;
    text-align: center
}

.tile.packs-tile>div.select .button {
    margin-bottom: 20px;
    text-align: center;
    width: 100%
}

.tile.packs-tile>div.title {
    width: 160px
}

@media only screen and (max-width:990px) {
    .tile.packs-tile>div.title {
        width: 100%
    }
}

.tile.packs-tile>div.title p {
    color: #1e3c78;
    font-family: "robotolight", arial;
    font-size: 20px;
    line-height: 1.2
}

.tile.packs-tile>div.title.full {
    width: 100%
}

.tile.packs-tile>div.title.confirmation {
    width: 100%
}

.tile.packs-tile h3 {
    margin-top: 0
}

@media only screen and (max-width:700px) {
    .tile.packs-tile {
        padding-left: 24px;
        padding-right: 30px
    }

    .tile.packs-tile>div {
        margin-bottom: 15px
    }

    .tile.packs-tile>div.title div {
        text-align: left
    }

    .tile.packs-tile>div.select {
        text-align: center;
        width: 100%
    }

    .tile.packs-tile>div.select .inner {
        display: inline-block;
        max-width: 210px
    }
}

.bonus-block.tile.packs-tile>div.title {
    width: 100%
}

.prothesmiaki .logos {
    margin-top: 20px;
    text-align: center;
    max-width: 525px
}

.logos .circle {
    background-color: #fff;
    border: 2px solid #dde4ee;
    border-radius: 43px;
    overflow: hidden;
    line-height: 82px;
    margin: 10px;
    width: 86px;
    height: 86px
}

.logos .circle img {
    max-width: 88%;
    height: auto
}

@media only screen and (max-width:440px) {
    .logos {
        max-width: 100%
    }

    .logos .circle {
        margin-right: 4px;
        margin-left: 4px
    }
}

.ic-tokoi3:before {
    content: ""
}

.ic-tokoi2:before {
    content: ""
}

.ic-tokoi1:before {
    content: ""
}

.step-input input {
    text-align: right
}

.step-input input.text {
    padding-bottom: 6px
}

.step-input>*[class^="ic-"],
.step-input>*[class*=" ic-"] {
    transition: all 150ms ease-out;
    border: 1px solid #5c85c9;
    border-radius: 1em;
    color: #5c85c9;
    cursor: pointer;
    font-size: 26px
}

.step-input>*[class^="ic-"]:focus,
.step-input>*[class^="ic-"]:active,
.no-touch .step-input>*[class^="ic-"]:hover,
.step-input>*[class*=" ic-"]:focus,
.step-input>*[class*=" ic-"]:active,
.no-touch .step-input>*[class*=" ic-"]:hover {
    background-color: #5c85c9;
    color: #fff
}

.step-input>*[class^="ic-"]:first-child,
.step-input>*[class*=" ic-"]:first-child {
    margin: 0 3px 0 0
}

.step-input>*[class^="ic-"]:last-child,
.step-input>*[class*=" ic-"]:last-child {
    margin: 0 0 0 3px
}

@media only screen and (max-width:700px) {
    .step-input .input-field {
        margin: 0;
        width: calc(100% - 74px)
    }

    .step-input .input-field input {
        width: 100%
    }
}

@media only screen and (max-width:440px) {
    .prothesmiaki .step-input input.text {
        width: 140px
    }
}

@media only screen and (max-width:320px) {
    .prothesmiaki .step-input input.text {
        width: 40px
    }
}

.proth-intro {
    box-shadow: 2px 3px 0 0 rgba(92, 133, 201, .29);
    padding: 30px 20px;
    text-align: center
}

.proth-intro>* {
    margin: 0;
    padding: 25px 50px 0;
    width: 50%
}

@media only screen and (max-width:990px) {
    .proth-intro>* {
        padding-left: 15px;
        padding-right: 15px
    }
}

.proth-intro>*.code {
    padding-top: 0
}

.proth-intro>*:first-child {
    border-right: 1px solid #ddd
}

.proth-intro>*:last-child {
    border-left: 1px solid #ddd;
    margin-left: -1px
}

.proth-intro h3 {
    margin: 0 0 28px
}

.proth-intro .input {
    margin-bottom: 0
}

.proth-intro .input>* {
    margin: 5px 0
}

.proth-intro .input input {
    border-color: #fafafa
}

.proth-intro .input.button.submit {
    margin-top: 30px
}

.proth-intro .input-field input.text {
    background-color: #eee;
    border: 1px solid #eee;
    color: #000
}

@media only screen and (max-width:700px) {
    .proth-intro {
        padding-bottom: 0
    }

    .proth-intro>* {
        padding-top: 0;
        width: 100%
    }

    .proth-intro>*.code {
        padding-top: 25px
    }

    .proth-intro>*:first-child {
        border-bottom: 1px solid #ddd;
        border-right: none
    }

    .proth-intro>*:last-child {
        border-left: none;
        margin-left: 0
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {

    .proth-intro .col,
    .proth-intro .col-1,
    .proth-intro .col-2,
    .proth-intro .col-3,
    .proth-intro .col-4,
    .proth-intro .col-5,
    .proth-intro .col-6,
    .proth-intro .col-7,
    .proth-intro .col-8,
    .proth-intro .col-9,
    .proth-intro .col-10,
    .proth-intro .col-11,
    .proth-intro .col-12,
    .proth-intro .timer,
    .proth-intro .confirmation,
    .proth-intro .main-col,
    .proth-intro .main-title.wide,
    .proth-intro .filters .buttons-wrap,
    .filters .proth-intro .buttons-wrap,
    .proth-intro .advices .block-inner,
    .advices .proth-intro .block-inner,
    .proth-intro .box-form .field div.error,
    .box-form .field .proth-intro div.error,
    .proth-intro .box-form .block1,
    .box-form .proth-intro .block1,
    .proth-intro .box-form .block2,
    .box-form .proth-intro .block2,
    .proth-intro .card-block,
    .proth-intro .boxes3>*,
    .proth-intro .filter-item.s,
    .proth-intro .filter-item.half,
    .proth-intro .filter-item.m,
    .proth-intro .filter-item.filter-full,
    .proth-intro .bonus-block .bonus,
    .bonus-block .proth-intro .bonus:last-child {
        margin-right: 0;
        margin-left: 0
    }

    .proth-intro .col:last-child,
    .proth-intro .col-1:last-child,
    .proth-intro .col-2:last-child,
    .proth-intro .col-3:last-child,
    .proth-intro .col-4:last-child,
    .proth-intro .col-5:last-child,
    .proth-intro .col-6:last-child,
    .proth-intro .col-7:last-child,
    .proth-intro .col-8:last-child,
    .proth-intro .col-9:last-child,
    .proth-intro .col-10:last-child,
    .proth-intro .col-11:last-child,
    .proth-intro .col-12:last-child,
    .proth-intro .timer:last-child,
    .proth-intro .confirmation:last-child,
    .proth-intro .main-col:last-child,
    .proth-intro .main-title.wide:last-child,
    .proth-intro .filters .buttons-wrap:last-child,
    .filters .proth-intro .buttons-wrap:last-child,
    .proth-intro .advices .block-inner:last-child,
    .advices .proth-intro .block-inner:last-child,
    .proth-intro .box-form .field div.error:last-child,
    .box-form .field .proth-intro div.error:last-child,
    .proth-intro .box-form .block1:last-child,
    .box-form .proth-intro .block1:last-child,
    .proth-intro .box-form .block2:last-child,
    .box-form .proth-intro .block2:last-child,
    .proth-intro .card-block:last-child,
    .proth-intro .boxes3>*:last-child,
    .proth-intro .filter-item.s:last-child,
    .proth-intro .filter-item.half:last-child,
    .proth-intro .filter-item.m:last-child,
    .proth-intro .filter-item.filter-full:last-child,
    .proth-intro .bonus-block .bonus:last-child,
    .bonus-block .proth-intro .bonus:last-child:last-child {
        margin-left: -1px
    }
}

.info-tooltip {
    transition: all 500ms ease-out;
    background: url("") repeat scroll 0 0;
    border: 1px solid #bebebe;
    border-top: 5px solid #f5b632;
    margin-top: 18px;
    padding: 16px 20px 25px 15px;
    position: absolute;
    right: 18px;
    text-align: left;
    top: 0;
    z-index: 99;
    width: calc(32% - 47px)
}

.info-tooltip ul {
    margin: 0;
    padding: 9px 0 0 0
}

.info-tooltip li {
    color: #838383;
    font-size: 14px;
    list-style: none;
    margin: 0 0 34px;
    padding-left: 20px;
    position: relative
}

.info-tooltip li:last-child {
    margin-bottom: 12px
}

.info-tooltip li:before {
    color: #f5b632;
    content: "";
    font-size: 13px;
    left: 2px;
    position: absolute;
    top: 4px
}

.info-tooltip p {
    color: #444;
    font-family: "robotobold", arial;
    font-size: 15px
}

.info-tooltip .value {
    border-radius: 75px;
    width: 150px;
    height: 150px;
    background-color: #f5b632;
    color: #fff;
    font-family: "robotomedium", arial;
    font-size: 22px;
    line-height: 150px;
    margin: 28px auto 9px;
    text-align: center
}

.info-tooltip .open-info {
    border-radius: 18.5px;
    width: 37px;
    height: 37px;
    transition: all 150ms ease-out;
    background-color: #f5b632;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    display: none;
    font-family: "piraeus_sansbold", arial;
    font-size: 30px;
    left: -48px;
    line-height: 37px;
    margin-top: 14px;
    position: absolute;
    text-align: center
}

.info-tooltip .open-info .border {
    margin-top: -45px;
    position: absolute;
    top: 50%;
    background-color: #f5b632;
    right: -1px;
    width: 7px;
    height: 90px
}

@media only screen and (max-width:990px) {
    .info-tooltip {
        transition: all 300ms ease-out;
        background: #eee;
        border: none;
        border-left: 12px solid #f4b632;
        padding: 20px 10px;
        position: fixed;
        right: 0;
        top: 14px;
        width: calc(100% - 30px);
        height: calc(100% - 14px);
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .info-tooltip p {
        text-align: center
    }

    .info-tooltip .open-info {
        display: block;
        top: 200px
    }

    .info-tooltip .wrap {
        overflow-y: auto;
        max-height: 100%
    }

    .info-tooltip.open {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .info-tooltip.open .open-info {
        left: -40px
    }

    .info-tooltip.open+.bg {
        width: 100%;
        height: 100vh
    }
}

.radio-button .color {
    transition: width 250ms ease-out;
    background-color: #4e71ab;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 120%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center
}

.checked .radio-button .color {
    background-color: #122e64
}

.no-touch .radio:not(.disabled) .radio-button:hover .color,
.radio:not(.disabled) .radio-button:focus .color,
.radio.focus:not(.disabled) .radio-button .color,
.radio:not(.disabled) .radio-button:active .color {
    width: 110%
}

.checked .radio-button:focus .color,
.checked .radio-button:active .color,
.no-touch .checked .radio-button:hover .color {
    width: 50%
}

.radio-button [class^="ic-"],
.radio-button [class*=" ic-"] {
    color: #fff;
    display: inline-block;
    font-size: 42px;
    padding: 28px 0 0;
    position: relative
}

.checked .radio-button [class^="ic-"],
.checked .radio-button [class*=" ic-"] {
    color: #f5b632
}

.small .radio-button [class^="ic-"],
.small .radio-button [class*=" ic-"] {
    padding-top: 20px
}

@media only screen and (max-width:700px) {

    .radio-button [class^="ic-"],
    .radio-button [class*=" ic-"] {
        font-size: 30px;
        padding-top: 20px
    }
}

.proth-process {
    overflow: hidden;
    margin: 30px 0 0;
    position: relative
}

.proth-process>.bg {
    transition: all 200ms ease-out;
    background-color: #000;
    left: auto;
    right: 0;
    opacity: .5;
    position: fixed;
    z-index: 98;
    width: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.proth-process .tile {
    box-shadow: 2px 3px 0 0 rgba(92, 133, 201, .29);
    background: url("") repeat scroll 0 0;
    border-color: #1e3c78;
    border-width: 12px;
    margin: 0 0 13px;
    padding: 19px 20px 20px;
    text-align: center;
    min-height: 357px
}

@media only screen and (max-width:700px) {
    .proth-process .tile {
        border-width: 7px;
        min-height: 273px
    }
}

.proth-process .tile>* {
    float: left
}

.proth-process .tile>.ic-arrowDown {
    border-radius: 21.5px;
    width: 43px;
    height: 43px;
    box-shadow: 2px 3px 0 0 rgba(92, 133, 201, .29);
    transition: all 100ms ease-out;
    background-color: #1e3c78;
    bottom: -25px;
    color: #fff;
    cursor: pointer;
    font-size: 8px;
    font-weight: bold;
    left: 34%;
    line-height: 44px;
    margin-left: -21.5px;
    position: absolute
}

@media only screen and (max-width:990px) {
    .proth-process .tile>.ic-arrowDown {
        left: 50%
    }
}

.proth-process .tile>.ic-arrowDown:active,
.proth-process .tile>.ic-arrowDown:focus,
.no-touch .proth-process .tile>.ic-arrowDown:hover {
    bottom: -30px
}

.proth-process .tile.step6 .field.radio label span {
    font-size: 18px
}

@media only screen and (max-width:700px) {
    .proth-process .tile.step6 .field.radio label span {
        font-size: 15px
    }
}

.proth-process .tile.active {
    margin-bottom: 35px
}

@media only screen and (max-width:990px) {
    .proth-process .tile .tile.step1 .error-msg {
        margin-top: 0
    }
}

.proth-process .tooltip {
    color: #a4afc2;
    margin: 10px 0 0 8px;
    height: 19px
}

.proth-process .tooltip>.content {
    padding-right: 20px;
    width: 180px
}

.proth-process .title {
    color: #1e3c78;
    font-family: "robotolight", arial;
    font-size: 30px;
    line-height: 1.2;
    margin: 19px 0 48px;
    position: relative
}

@media only screen and (max-width:700px) {
    .proth-process .title {
        font-size: 20px;
        margin: 15px 0 20px
    }
}

.proth-process .title.sub {
    font-size: 28px
}

@media only screen and (max-width:700px) {
    .proth-process .title.sub {
        font-size: 18px
    }
}

.proth-process .title.epivraveusi {
    padding: 0
}

.proth-process .title.epivraveusi img {
    left: -11px;
    position: absolute;
    top: -30px
}

@media only screen and (max-width:700px) {
    .proth-process .title.epivraveusi {
        padding: 45px 0 0
    }

    .proth-process .title.epivraveusi img {
        top: -30px;
        width: 53px;
        height: auto
    }
}

@media only screen and (max-width:440px) {
    .proth-process .title.epivraveusi {
        margin-top: 24px
    }

    .proth-process .title.epivraveusi img {
        top: -40px;
        width: 49px
    }
}

.proth-process .title .input {
    margin: -2px 0 16px 10px
}

@media only screen and (max-width:700px) {
    .proth-process .title .input {
        margin: -2px 0 5px 5px
    }
}

.proth-process .title input.text {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color: #1e3c78;
    font-size: 30px;
    line-height: 30px;
    padding: 0 8px;
    text-align: right;
    vertical-align: top;
    width: 90px;
    height: 42px
}

@media only screen and (max-width:990px) {
    .proth-process .title input.text {
        font-size: 20px;
        height: 25px
    }
}

.proth-process .title input.text:active,
.no-touch .proth-process .title input.text:hover,
.no-touch .proth-process .title input.text:focus {
    border-color: #5c85c9
}

.proth-process .title .tooltip {
    margin: 0
}

@media only screen and (max-width:700px) {
    .proth-process .title .tooltip>.content {
        border-left: none;
        border-top: 2px solid #596885;
        border-bottom: 0;
        bottom: auto;
        left: auto;
        padding-left: 5px;
        padding-right: 5px;
        right: -40px;
        top: 20px;
        width: 160px
    }

    .proth-process .title .tooltip>.content>.arrow {
        -webkit-transform: rotate(180deg) scaleY(1);
        -moz-transform: rotate(180deg) scaleY(1);
        -ms-transform: rotate(180deg) scaleY(1);
        -o-transform: rotate(180deg) scaleY(1);
        transform: rotate(180deg) scaleY(1);
        left: auto;
        right: 40px;
        top: -10px
    }

    .proth-process .title .tooltip.open .content {
        left: auto;
        right: -40px;
        top: 30px
    }
}

.proth-process .radio-block {
    font-size: 0;
    margin-bottom: 50px;
    margin-top: 22px
}

.proth-process .radio-block .radio {
    display: inline-block;
    vertical-align: top
}

.proth-process .radio-block.block2 .radio {
    width: calc(50% - 20px)
}

.proth-process .radio-block.block3 .radio {
    width: calc(33% - 20px)
}

.proth-process .radio-block.block4 .radio {
    width: calc(25% - 20px)
}

.proth-process .radio-block.block5 .radio {
    width: calc(20% - 20px)
}

.proth-process .radio-block.small .radio-button {
    width: 82px;
    height: 82px
}

@media only screen and (max-width:700px) {
    .proth-process .radio-block {
        margin-bottom: 20px
    }

    .proth-process .radio-block .radio {
        margin: 0 5px 15px;
        width: calc(50% - 10px)
    }

    .proth-process .radio-block.block2 .radio,
    .proth-process .radio-block.block3 .radio,
    .proth-process .radio-block.block4 .radio {
        width: calc(50% - 10px)
    }

    .proth-process .radio-block.block5 .radio {
        width: calc(33.33% - 10px)
    }

    .proth-process .radio-block.small .radio-button {
        width: 70px;
        height: 70px
    }
}

.proth-process .content {
    padding-right: 20px;
    width: 68%
}

@media only screen and (max-width:990px) {
    .proth-process .content {
        padding-right: 0;
        width: 100%
    }
}

.proth-process .content>a {
    display: inline-block;
    font-family: "robotoitalic", arial;
    margin-bottom: 25px
}

.proth-process .navigation {
    left: 30px;
    overflow: hidden;
    position: absolute;
    top: 15px;
    text-align: center
}

.proth-process .navigation ul {
    position: relative
}

.proth-process .navigation .border {
    margin-left: -.5px;
    position: absolute;
    left: 50%;
    background-color: #1e3c78;
    top: 0;
    width: 1px;
    height: 100%
}

.proth-process .navigation li {
    color: #1e3c78;
    font-family: "robotothin", arial;
    font-size: 20px;
    position: relative
}

.proth-process .navigation li span {
    border-radius: 18px;
    width: 36px;
    height: 36px;
    background: url("") repeat scroll 0 0;
    border: 1px solid #1e3c78;
    display: inline-block;
    line-height: 34px;
    margin: 7px 0 0
}

.proth-process .navigation li:last-child span {
    margin-bottom: 16px
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .proth-process .navigation {
        left: 15px
    }
}

@media only screen and (max-width:700px) {
    .proth-process .navigation {
        left: 3px
    }

    .proth-process .navigation li {
        font-size: 15px
    }

    .proth-process .navigation li span {
        line-height: 21px;
        width: 24px;
        height: 24px
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .proth-process .navigation {
        left: 10px
    }
}

.proth-process .over {
    background: url("") repeat scroll 0 0;
    opacity: .6;
    z-index: 99
}

.proth-process .radio>.radio-button {
    border-radius: 49px;
    width: 98px;
    height: 98px;
    background-color: #5c85c9;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width:700px) {
    .proth-process .radio>.radio-button {
        width: 70px;
        height: 70px
    }
}

.proth-process .radio>.radio-button.img {
    background-color: transparent;
    border: 2px solid transparent
}

.proth-process .radio>.radio-button.img:focus,
.proth-process .radio>.radio-button.img:active,
.no-touch .proth-process .radio>.radio-button.img:hover {
    border-color: #2850a1
}

.proth-process .radio>.radio-button:before {
    display: none
}

.proth-process .radio.focus .radio-button.img {
    border-color: #2850a1
}

.proth-process .radio.checked>.radio-button {
    background-color: #1e3c78
}

.proth-process .radio.checked>.radio-button.img {
    border: 2px solid #1e3c78
}

.proth-process .radio.checked>.radio-button.img:focus,
.proth-process .radio.checked>.radio-button.img:active,
.no-touch .proth-process .radio.checked>.radio-button.img:hover {
    border-color: #1e3c78
}

.proth-process .radio:not(.disabled) input {
    cursor: pointer !important
}

.proth-process label {
    color: #1e3c78;
    font-family: "robotomedium", arial;
    padding: 10px 0 0
}

.proth-process label span {
    display: block;
    font-family: "robotoitalic", arial;
    font-size: 13px;
    margin-top: 6px
}

@media only screen and (max-width:700px) {
    .proth-process label {
        font-size: 12px
    }

    .proth-process label span {
        font-size: 11px
    }
}

.proth-process .step1 {
    z-index: 9
}

.proth-process .step1 .select-box .options>.options-wrap {
    max-height: 130px
}

.proth-process .step2 {
    z-index: 8
}

.proth-process .step3 {
    z-index: 7
}

.proth-process .step4 {
    z-index: 6
}

.proth-process .step5 {
    z-index: 5
}

.proth-process .step6 {
    z-index: 4
}

.proth-process .step7 {
    z-index: 3
}

.proth-process .buttons-wrap>* {
    margin-bottom: 16px
}

.proth-process .toggle-option {
    color: #5c85c9;
    cursor: pointer;
    display: inline-block;
    font-family: "robotoitalic", arial;
    font-size: 16px;
    line-height: 1.2
}

.proth-process .toggle-option:focus,
.no-touch .proth-process .toggle-option:hover {
    text-decoration: underline
}

.proth-process .logos .circle {
    border: none
}

.proth-process.step1 .navigation .over {
    top: 43px
}

@media only screen and (max-width:700px) {
    .proth-process.step1 .navigation .over {
        top: 31px
    }
}

.proth-process.step1 .error-msg {
    margin-top: -15px;
    margin-left: 30px
}

.proth-process.step1 input#Amount {
    width: 94px
}

.proth-process.step2 .navigation .over {
    top: 86px
}

@media only screen and (max-width:700px) {
    .proth-process.step2 .navigation .over {
        top: 62px
    }
}

.proth-process.step3 .navigation .over {
    top: 129px
}

@media only screen and (max-width:700px) {
    .proth-process.step3 .navigation .over {
        top: 93px
    }
}

.proth-process.step3 .error-msg.payment-type {
    margin-top: -30px
}

.proth-process.step4 .navigation .over {
    top: 172px
}

@media only screen and (max-width:700px) {
    .proth-process.step4 .navigation .over {
        top: 124px
    }
}

.proth-process.step5 .navigation .over {
    top: 215px
}

@media only screen and (max-width:700px) {
    .proth-process.step5 .navigation .over {
        top: 155px
    }
}

.proth-process.step6 .navigation .over {
    top: 258px
}

@media only screen and (max-width:700px) {
    .proth-process.step6 .navigation .over {
        top: 186px
    }
}

.proth-process.step7 .navigation .over {
    top: 317px
}

@media only screen and (max-width:700px) {
    .proth-process.step7 .navigation .over {
        top: 233px
    }
}

.proth-process .redeemMerchants {
    margin-top: 10px
}

.proth-process .redeemMerchants div {
    width: 90px;
    padding: 0 5px;
    _height: 80px
}

.proth-process .info-tooltip {
    bottom: 50px;
    top: auto;
    min-height: 320px
}

@media only screen and (max-width:990px) {
    .proth-process .info-tooltip {
        bottom: 50px !important
    }
}

.proth-process .info-tooltip .wrap ul {
    padding: 0
}

.proth-process .info-tooltip .wrap ul li {
    margin: 5px 0 10px
}

.proth-process .info-tooltip .wrap .value {
    margin: 0 auto 9px
}

.proth-process .info-tooltip .wrap span {
    font-size: 14px
}

.proth-process .info-tooltip.open {
    top: 0
}

.slider-option .inner {
    margin: 0 auto 30px;
    width: 557.6px
}

.slider-option .inner>* {
    width: 100%
}

@media only screen and (max-width:700px) {
    .slider-option .inner {
        display: none
    }
}

.slider-option .labels {
    color: #bbb;
    font-family: "robotoitalic", arial;
    margin: 6px 0
}

.slider-option .labels>* {
    cursor: pointer;
    float: left;
    margin-right: 18.4px;
    width: 20px
}

.slider-option .labels>*:last-child {
    margin-right: 0
}

.slider-option .labels>*.active,
.slider-option .labels>*:focus,
.no-touch .slider-option .labels>*:hover {
    color: #1e3c78;
    font-family: "robotobold_italic", arial
}

.slider-option .select-box {
    margin: 0 0 20px;
    width: 100%
}

.slider-wrap {
    position: relative
}

.slider-wrap .sliderTrail {
    background: url("") no-repeat scroll 0 0;
    background-size: 100% auto
}

.slider-wrap .sliderTrail .filledTrail {
    background: url("") no-repeat scroll 0 0;
    background-size: 557.6px 100%;
    width: 0;
    height: 100%
}

.duration-slider {
    background: transparent;
    margin: 0 8.8px;
    width: 540px;
    height: 20px
}

.duration-slider span.ui-state-default {
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background-color: #f5b632;
    border: 4px solid #1e3c78;
    transition: border 350ms ease-out
}

.duration-slider span.ui-state-default:focus {
    border-width: 3px
}

.sliderDetails>* {
    background-color: #e0e6ef;
    color: #919fbb;
    float: left;
    font-family: "robotoitalic", arial;
    font-size: 13px;
    line-height: 19px;
    height: 19px
}

.sliderDetails>*.active {
    background-color: #1e3c78;
    color: #f5b632
}

.sliderDetails>*.weeks {
    margin-right: 2.4%;
    width: 21%
}

.sliderDetails>*.months {
    width: 76.6%
}

.switch-slider {
    background-color: #dedcdc;
    margin: 70px auto 15px;
    width: 120px;
    height: 9px
}

.switch-slider .ui-state-default {
    transition: border 350ms ease-out;
    border-radius: 18.5px;
    width: 37px;
    height: 37px;
    background-color: #fff;
    border: 10px solid #1e3c78;
    margin-left: -18.5px;
    top: -14px
}

.switch-slider .ui-state-default:focus {
    border: 7px solid #1e3c78
}

.switch-slider .ui-widget-header {
    background-color: #dedcdc
}

.switch-slider+.values {
    color: #1e3c78;
    font-family: "robotomedium", arial;
    font-size: 16px;
    margin: 0 auto;
    width: 120px
}

.switch-slider+.values>* {
    float: left;
    opacity: .5
}

.switch-slider+.values>*:last-child {
    float: right
}

.switch-slider.max+.values .max,
.switch-slider.min+.values .min {
    opacity: 1
}

.tableSwitch .switch-slider {
    background-color: #16315d;
    border: 5px solid #16315d;
    border-radius: 15px;
    cursor: pointer;
    margin: 0;
    transition: border-color 100ms ease-out, background-color 100ms ease-out;
    width: 48px;
    height: 24px
}

.tableSwitch .switch-slider .ui-state-default {
    background-color: #fff;
    border: none;
    border-radius: 50%;
    margin: 0;
    top: -3px;
    transition: all 200ms ease-out;
    width: 20px;
    height: 20px
}

.tableSwitch .switch-slider.max .ui-state-default {
    left: calc(100% - 20px) !important
}

.tableSwitch .switch-slider.min {
    background-color: #d8d8d8;
    border-color: #d8d8d8
}

.switch-state3 {
    background-color: #dedcdc;
    margin: 70px auto 15px;
    width: 120px;
    height: 9px
}

.switch-state3 .ui-state-default {
    transition: border 350ms ease-out;
    border-radius: 18.5px;
    width: 37px;
    height: 37px;
    background-color: #fff;
    border: 10px solid #1e3c78;
    margin-left: -18.5px;
    top: -14px
}

.switch-state3 .ui-state-default:focus {
    border: 7px solid #1e3c78
}

.switch-state3 .ui-widget-header {
    background-color: #dedcdc
}

.switch-state3+.values {
    color: #1e3c78;
    font-family: "robotomedium", arial;
    font-size: 16px;
    margin: 0 auto;
    width: 120px
}

.switch-state3+.values>* {
    float: left;
    opacity: .5
}

.switch-state3+.values>*:last-child {
    float: right
}

.switch-state3.max+.values .max,
.switch-state3.min+.values .min {
    opacity: 1
}

.calendar-option {
    display: block
}

.calendar-option .calendar {
    margin: 20px 0 40px
}

.calendar-option .calendar .date-input.date-native input {
    background-color: transparent
}

.calendar-option .calendar input {
    background-color: #f4f4f4;
    border-color: #f4f4f4
}

.calendar-option .calendar label {
    opacity: 1;
    padding: 0 10px 0 0
}

@media only screen and (max-width:700px) {
    .calendar-option .calendar label {
        font-size: 14px;
        padding-right: 0
    }
}

.proth-results {
    margin: 55px auto
}

.proth-results .interest-info {
    text-align: right
}

.proth-results .interest-info>div {
    margin: 10px 0
}

.proth-results .interest-info .title {
    font-size: 16px;
    font-family: "robotoregular", arial;
    margin: 0
}

.proth-results .interest-info .tooltip {
    margin: 0 0 0 10px
}

.proth-results .interest-info+.interest.circle {
    margin: 0 0 0 20px;
    vertical-align: middle
}

.proth-results>.circle {
    border-radius: 90px;
    width: 180px;
    height: 180px;
    display: inline-block;
    margin: 0 -10px;
    overflow: hidden;
    padding: 0 20px;
    position: relative
}

@media only screen and (max-width:700px) {
    .proth-results>.circle {
        margin: 0 -10px;
        padding: 0 10px;
        width: 140px;
        height: 140px
    }
}

.proth-results>.circle .inner {
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.proth-results>.circle.interest-rates {
    width: 150px;
    height: 150px;
    background-color: #f5b632
}

@media only screen and (max-width:700px) {
    .proth-results>.circle.interest-rates {
        width: 110px;
        height: 110px
    }

    .proth-results>.circle.interest-rates .value span {
        font-size: 12px
    }
}

.proth-results>.circle.interest {
    background-color: #1e3c78
}

.proth-results>.circle.interest .color {
    background-color: #122e64;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 120%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center
}

.proth-results .interest-rates .value {
    font-size: 30px
}

@media only screen and (max-width:700px) {
    .proth-results .interest-rates .value {
        font-size: 25px
    }
}

.proth-results .value {
    color: #fff;
    display: table-cell;
    font-family: "robotomedium", arial;
    font-size: 40px;
    line-height: 1;
    position: relative;
    vertical-align: middle
}

@media only screen and (max-width:700px) {
    .proth-results .value {
        font-size: 30px
    }
}

.proth-results .value span {
    display: block;
    font-family: "robotoitalic", arial;
    font-size: 14px;
    margin: 11px 0 0;
    line-height: 1.2
}

@media only screen and (max-width:700px) {
    .proth-results .value span {
        font-size: 13px;
        margin: 0
    }
}

.proth-results .labels {
    margin: 6px 0 0;
    width: 100%
}

.proth-results .labels>div {
    color: #1e3c78;
    display: inline-block;
    font-family: "robotomedium", arial;
    margin: 0 -16px;
    width: 180px
}

@media only screen and (max-width:700px) {
    .proth-results .labels>div {
        margin: 0 -10px;
        width: 50%
    }
}

.proth-results .labels>div .tooltip {
    margin: 0 0 0 3px
}

.proth-results .interest.circle.loyalty .value span {
    display: block;
    font-family: "robotomedium", arial;
    font-size: 30px;
    line-height: 1.1;
    margin: 0
}

@media only screen and (max-width:700px) {
    .proth-results .interest.circle.loyalty .value span {
        font-size: 24px
    }
}

.interest-graph {
    margin: 10px auto 22px
}

.interest-graph>* {
    margin-left: auto;
    margin-right: auto
}

.interest-graph .duration {
    background-color: #1e3c78;
    color: #f5b632;
    font-size: 13px;
    line-height: 19px;
    margin-top: 7px;
    width: 370px
}

.interest-graph .val {
    color: #1e3c78;
    font-family: "robotoregular", arial;
    font-size: 15px
}

.interest-graph .bars {
    background: repeating-linear-gradient(0deg, #f5b632, #f5b632 4px, transparent 4px, transparent 6px);
    width: 100%
}

.interest-graph .bars.bars1 {
    height: 6 px
}

.interest-graph .bars.bars2 {
    height: 12 px
}

.interest-graph .bars.bars3 {
    height: 18 px
}

.interest-graph .bars.bars4 {
    height: 24 px
}

.interest-graph .bars.bars5 {
    height: 30 px
}

.interest-graph .bars.bars6 {
    height: 36 px
}

.interest-graph .bars.bars7 {
    height: 42 px
}

.interest-graph .bars.bars8 {
    height: 48 px
}

.interest-graph .bars.bars9 {
    height: 54 px
}

.interest-graph .bars.bars10 {
    height: 60 px
}

.interest-graph .bars.bars11 {
    height: 66 px
}

.interest-graph .bars.bars12 {
    height: 72 px
}

.interest-graph .graph-wrap {
    font-family: "robotoitalic", arial;
    margin-bottom: 30px;
    width: 340px
}

.interest-graph .graph-wrap.vertical {
    margin: 30px 0;
    position: relative;
    max-width: inherit;
    width: auto;
    height: 390px
}

.interest-graph .graph-wrap.vertical .graph-cols {
    border-bottom: none;
    position: relative;
    top: 50%;
    width: 375px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.interest-graph .graph-wrap.vertical .graph-col {
    margin: 0;
    padding: 3px 0;
    text-align: left;
    vertical-align: top;
    width: 100%;
    height: 33.4px
}

.interest-graph .graph-wrap.vertical .graph-col:last-child {
    margin: 0
}

.interest-graph .graph-wrap.verticalsmall .graph-col {
    line-height: 57px;
    padding: 6px 0;
    height: 67px
}

.interest-graph .graph-wrap.vertical .bars {
    background: repeating-linear-gradient(90deg, #f5b632, #f5b632 4px, transparent 2px, transparent 6px);
    position: relative;
    height: 100%
}

.interest-graph .graph-wrap.vertical .bars.bars1 {
    width: 8.33%
}

.interest-graph .graph-wrap.vertical .bars.bars2 {
    width: 16.66%
}

.interest-graph .graph-wrap.vertical .bars.bars3 {
    width: 25%
}

.interest-graph .graph-wrap.vertical .bars.bars4 {
    width: 33.33%
}

.interest-graph .graph-wrap.vertical .bars.bars5 {
    width: 41.66%
}

.interest-graph .graph-wrap.vertical .bars.bars6 {
    width: 50%
}

.interest-graph .graph-wrap.vertical .bars.bars7 {
    width: 58.33%
}

.interest-graph .graph-wrap.vertical .bars.bars8 {
    width: 66.66%
}

.interest-graph .graph-wrap.vertical .bars.bars9 {
    width: 75%
}

.interest-graph .graph-wrap.vertical .bars.bars10 {
    width: 83.33%
}

.interest-graph .graph-wrap.vertical .bars.bars11 {
    width: 91.66%
}

.interest-graph .graph-wrap.vertical .bars.bars12 {
    width: 100%
}

.interest-graph .graph-wrap.vertical.bars0 {
    width: 0%
}

.interest-graph .graph-wrap.vertical .val {
    padding: 0 0 0 10px;
    position: absolute;
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.interest-graph .graph-wrap.vertical.small .val {
    line-height: 57px
}

.interest-graph .graph-wrap.vertical .graph-labels {
    float: left;
    margin-right: 35px;
    position: relative;
    width: 20px;
    height: 100%
}

.interest-graph .graph-wrap.vertical .graph-labels:after {
    content: '';
    background-color: #e8e8e8;
    right: -34px;
    position: absolute;
    top: 0;
    width: 4px;
    height: 100%
}

.interest-graph .graph-wrap.vertical .duration {
    margin: 0;
    padding: 0 5px;
    position: absolute;
    right: -30px;
    top: 0;
    width: 20px;
    height: 100%
}

.interest-graph .graph-col {
    margin: 0 .5%;
    width: 7.42%
}

.interest-graph .graph-col:first-child {
    margin-left: 0
}

.interest-graph .graph-col:last-child {
    margin-right: 0
}

.interest-graph .graph-col.first {
    float: left
}

.interest-graph .graph-col.last {
    float: right
}

.interest-graph .graph-cols {
    font-size: 0
}

.interest-graph .graph-cols:not(.months) {
    border-bottom: 4px solid #e8e8e8
}

.interest-graph .graph-cols+.duration {
    width: 100%
}

.interest-graph .graph-cols.min .graph-conl {
    margin: 0 1%;
    width: 14.84%
}

.interest-graph .graph-cols.min .graph-conl:first-child {
    margin-left: 0
}

.interest-graph .graph-cols.min .graph-conl:last-child {
    margin-right: 0
}

.interest-graph .graph-label {
    color: #1e3c78;
    font-size: 16px;
    line-height: 1.7;
    text-align: right
}

.interest-graph .graph-label.left {
    float: none;
    text-align: left
}

@media only screen and (max-width:700px) {
    .interest-graph .graph-wrap {
        width: 100%;
        max-width: 340px
    }

    .interest-graph .graph-wrap.vertical .graph-cols {
        width: 244px
    }

    .interest-graph .duration {
        width: 100%;
        max-width: 370px
    }

    .interest-graph .val {
        font-size: 12px
    }
}

@media only screen and (max-width:440px) {
    .interest-graph .graph-wrap.vertical .graph-cols {
        width: 154px
    }

    .interest-graph .graph-wrap.vertical .val {
        padding-left: 5px
    }

    .interest-graph .graph-wrap.vertical .graph-labels {
        width: 16px;
        margin-right: 30px
    }

    .interest-graph .graph-wrap.vertical .graph-labels:after {
        right: -30px
    }

    .interest-graph .graph-wrap.vertical .duration {
        right: -25px
    }

    .interest-graph .val {
        font-size: 12px
    }
}

.graph-wrap.vertical .graph-labels .wrap {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.graph-wrap.vertical .graph-labels .graph-col {
    color: #1e3c78;
    font-family: "robotoregular", arial;
    font-size: 15px;
    text-align: right
}

@media only screen and (max-width:440px) {
    .graph-wrap.vertical .graph-labels .graph-col {
        font-size: 13px
    }
}

.graph-wrap.vertical .graph-labels .duration span {
    display: block;
    word-break: break-all;
    letter-spacing: 1px;
    left: 5px;
    position: absolute;
    top: 50%;
    width: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.eLoanInfo.info-block,
.eLoanInfo.info-block:last-child {
    float: none;
    padding-top: 23px;
    width: 100%
}

.eLoanWrapper {
    margin-bottom: 16px
}

.eLoanWrapper .box-form {
    float: none;
    margin-bottom: 0;
    width: 100%
}

.eLoanWrapper .box-form:last-child {
    margin-bottom: 0
}

#eLoanParams {
    background-color: #fff;
    margin-top: 24px;
    padding: 40px;
    text-align: center
}

@media only screen and (max-width:990px) {
    #eLoanParams {
        padding: 24px 16px
    }
}

@media only screen and (max-width:700px) {
    #eLoanParams {
        padding: 32px 16px
    }
}

#eLoanParams .btnRow {
    margin-top: 40px
}

@media only screen and (max-width:990px) {
    #eLoanParams .btnRow {
        margin-top: 24px
    }
}

#eLoanParams .btnRow .button {
    margin: 0
}

#eLoanParams .btnRow .field {
    text-align: center
}

#eLoanParams .title {
    margin-bottom: 48px
}

@media only screen and (max-width:700px) {
    #eLoanParams .title {
        margin-bottom: 24px
    }
}

#eLoanParams .title h2 {
    color: #102342;
    font-size: 30px;
    margin: 0 0 8px
}

@media only screen and (max-width:700px) {
    #eLoanParams .title h2 {
        font-size: 24px
    }
}

#eLoanParams .loanResults {
    box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, .3);
    padding: 24px;
    margin-left: 32px;
    width: 340px
}

@media only screen and (max-width:990px) {
    #eLoanParams .loanResults {
        margin: 24px 16px
    }
}

@media only screen and (max-width:700px) {
    #eLoanParams .loanResults {
        margin: 24px 0
    }
}

#eLoanParams .loanResults.wide {
    width: 420px
}

@media only screen and (max-width:700px) {
    #eLoanParams .loanResults.wide {
        width: 340px
    }
}

#eLoanParams .loanResults .title {
    margin: 0 0 8px
}

#eLoanParams .loanResults .title h3 {
    color: #102342;
    font-size: 18px;
    margin: 0
}

#eLoanParams .duration-slider {
    margin: 0;
    width: 280px;
    height: 12px
}

@media only screen and (max-width:700px) {
    #eLoanParams .duration-slider {
        max-width: 100%
    }
}

#eLoanParams .slider-wrap .sliderTrail {
    background: #d6d6d6
}

#eLoanParams .slider-wrap .sliderTrail .filledTrail {
    background: rgba(22, 49, 93, .8)
}

#eLoanParams .duration-slider span.ui-state-default {
    background-color: #16315d;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    margin-top: -6px;
    margin-left: -12px;
    width: 24px;
    height: 24px
}

#eLoanParams label {
    color: #102342;
    font-family: "robotomedium", arial;
    margin: 8px 0;
    text-align: center;
    width: 100%
}

#eLoanParams .slider-option .inner {
    margin-top: 32px;
    margin-bottom: 0;
    width: 280px
}

@media only screen and (max-width:700px) {
    #eLoanParams .slider-option .inner {
        display: block;
        max-width: 100%
    }
}

#eLoanParams .valueField {
    position: relative
}

#eLoanParams .valueField .value {
    position: absolute;
    bottom: -24px
}

#eLoanParams .valueField .value.min {
    left: 0
}

#eLoanParams .valueField .value.max {
    right: 0
}

#eLoanParams .value {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 14px
}

#eLoanParams input.text {
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    width: 100%
}

#eLoanParams .input-info {
    color: #666;
    font-family: "robotoregular", arial;
    font-size: 16px;
    width: 100%
}

#eLoanParams .loanVal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 8px 0
}

@media only screen and (max-width:480px) {
    #eLoanParams .loanVal {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

#eLoanParams .loanVal>span {
    font-size: 16px;
    text-align: left;
    width: 50%
}

#eLoanParams .loanVal>span:last-child {
    padding-left: 8px
}

@media only screen and (max-width:480px) {
    #eLoanParams .loanVal>span:last-child {
        padding: 0;
        text-align: center;
        width: 100%
    }
}

#eLoanParams .loanVal>span:first-child {
    color: #102342;
    font-size: 20px;
    padding-right: 8px;
    text-align: right;
    font-family: "robotomedium", arial;
    font-size: 16px
}

@media only screen and (max-width:480px) {
    #eLoanParams .loanVal>span:first-child {
        padding: 0;
        text-align: center;
        width: 100%
    }
}

#eLoanParams .loanVal.main {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px
}

#eLoanParams .loanVal.main>span {
    width: 100%
}

#eLoanParams .loanVal.main>span:first-child {
    font-family: "robotoregular", arial;
    font-size: 28px;
    margin-bottom: 8px
}

#eLoanParams .loanVal.main>span:first-child,
#eLoanParams .loanVal.main>span:last-child {
    padding: 0;
    text-align: center
}

#eLoanParams .loanMain {
    margin-right: 32px
}

@media only screen and (max-width:990px) {
    #eLoanParams .loanMain {
        margin: 24px 16px
    }
}

@media only screen and (max-width:700px) {
    #eLoanParams .loanMain {
        margin: 24px 0
    }
}

@media only screen and (max-width:480px) {
    #eLoanParams .loanMain {
        max-width: 100%
    }
}

#eLoanParams.eLoanInner {
    margin: 30px 0 50px;
    padding: 0
}

.addressRadio .group1 div.radio {
    float: none
}

.addressRadio .group2 {
    padding-left: 24px
}

.loanRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 280px
}

@media only screen and (max-width:480px) {
    .loanRow {
        max-width: 100%
    }
}

.loanRow:not(:last-child) {
    margin-bottom: 40px
}

.loanRow .loanField {
    width: 100%
}

.eLoanInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

@media only screen and (max-width:990px) {
    .eLoanInner {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.display-inline {
    display: inline-block !important
}

p.loan-error {
    font-size: 15px
}

.insurancesTitle {
    margin: 0 0 16px
}

.insurancesTitle p {
    font-family: "robotoregular", arial;
    font-size: 16px;
    color: #666;
    line-height: 19px;
    margin: 0
}

.insuranceBoxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media only screen and (max-width:700px) {
    .insuranceBoxes {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.insuranceBoxes.cols3 {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.insuranceBoxes.cols3 .insuranceBox {
    margin-bottom: 32px;
    padding-left: 96px;
    padding-right: 48px;
    width: calc(33.33% - 21px);
    min-height: 96px
}

@media only screen and (max-width:990px) {
    .insuranceBoxes.cols3 .insuranceBox {
        margin-bottom: 24px;
        width: calc(50% - 12px)
    }
}

@media only screen and (max-width:700px) {
    .insuranceBoxes.cols3 .insuranceBox {
        width: 100%;
        min-height: 88px;
        margin-bottom: 16px;
        padding-left: 88px
    }
}

.insuranceBoxes.cols3 .insuranceBox .insLink:after {
    right: 24px
}

.insuranceBoxes.cols3 .insuranceBox .name {
    font-family: "robotomedium", arial;
    font-size: 16px
}

.insuranceBoxes.cols3 .insuranceBox .icon {
    width: 96px
}

@media only screen and (max-width:700px) {
    .insuranceBoxes.cols3 .insuranceBox .icon {
        width: 88px
    }
}

.insuranceBoxes.cols3 .insuranceBox .icon .ic {
    font-size: 40px;
    margin-top: -20px
}

@media only screen and (max-width:700px) {
    .insuranceBoxes.cols3 .insuranceBox .insLink:after {
        right: 16px
    }
}

.insuranceBoxes .insuranceBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 16px;
    padding-top: 16px;
    width: calc(50% - 6px);
    min-height: 104px
}

@media only screen and (max-width:700px) {
    .insuranceBoxes .insuranceBox {
        width: 100%;
        min-height: 88px
    }
}

.insuranceBoxes .insuranceBox:first-child:last-child {
    width: 100%
}

.insuranceBox {
    background-color: #fff;
    margin: 0 0 8px;
    padding: 0 56px 0 72px;
    position: relative;
    transition: background-color 150ms ease-out
}

@media only screen and (max-width:990px) {
    .insuranceBox {
        padding-right: 36px
    }
}

.no-touch .insuranceBox:hover {
    background-color: #f9fafc
}

.insuranceBox .icon {
    background-color: #fab814;
    left: 0;
    position: absolute;
    top: 0;
    width: 72px;
    height: 100%
}

.insuranceBox .icon .ic {
    color: #16315d;
    font-size: 24px;
    left: 0;
    margin-top: -12px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.insuranceBox .name {
    font-family: "robotoregular", arial;
    font-size: 23px;
    color: #16315d;
    padding-left: 24px;
    text-align: left
}

@media only screen and (max-width:990px) {
    .insuranceBox .name {
        font-size: 20px;
        padding-left: 16px
    }
}

.insuranceBox .insLink {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.no-touch .insuranceBox .insLink:hover {
    text-decoration: none
}

.insuranceBox .insLink:hover {
    text-decoration: none
}

.insuranceBox .insLink:after {
    color: #16315d;
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    margin-top: -12px;
    position: absolute;
    right: 34px;
    top: 50%
}

@media only screen and (max-width:990px) {
    .insuranceBox .insLink:after {
        right: 16px
    }
}

.mapField {
    width: 100%;
    max-width: 500px
}

.mapField input {
    width: 100%
}

.marketing-section {
    width: 100%
}

.main-tile+.marketing-section {
    margin-top: 20px
}

.marketing-section ul:first-child {
    margin-top: 0
}

.marketing-section .acc-content {
    padding-bottom: 15px
}

.insurance-coverages th {
    vertical-align: bottom
}

.insurance-coverages td:last-child,
.insurance-coverages th:last-child {
    text-align: right
}

.main-tile.insProduct .info-block {
    min-width: 240px
}

.vTabs {
    position: relative;
    min-height: calc(80vh - 303px)
}

@media only screen and (max-width:700px) {
    .vTabs {
        -webkit-flex-wrap: wrap;
        -ms-flex-line-pack: start;
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
        min-height: 327px
    }
}

.vTabsPopup .modalShadowScroll {
    padding: 40px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: calc(80vh - 80px)
}

@media only screen and (max-width:700px) {
    .vTabsPopup .modalShadowScroll {
        padding: 32px 24px 32px 24px
    }
}

.vTabsPopup .modalShadowScroll .vTabs {
    border-bottom: 16px solid #fff
}

.vTabsPopup .modalShadowScroll.pfmHelper {
    height: 463px
}

.vTabsHead {
    padding-right: 24px;
    position: relative;
    text-align: right;
    width: 172px;
    -webkit-flex-shrink: 0;
    -webkit-box-flex: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width:700px) {
    .vTabsHead {
        margin-bottom: 32px;
        padding-right: 0;
        width: 100%
    }
}

.vTabsHead.radio-block {
    display: block;
    padding-top: 0
}

.vTabsHead.radio-block .radio {
    margin: 0;
    position: relative;
    padding: 8px 0;
    border-bottom: 1px solid #d6d6d6
}

.vTabsHead.radio-block .radio:not(.checked) label {
    opacity: .5
}

@media only screen and (max-width:700px) {
    .vTabsHead.radio-block .radio:not(.checked) label {
        opacity: 1
    }
}

@media only screen and (max-width:700px) {
    .vTabsHead.radio-block .radio {
        cursor: pointer;
        border: none;
        line-height: 1.4;
        padding: 10px 16px;
        text-align: left
    }

    .no-touch .vTabsHead.radio-block .radio:hover,
    .vTabsHead.radio-block .radio:active {
        background-color: #102342
    }

    .no-touch .vTabsHead.radio-block .radio:hover label span,
    .vTabsHead.radio-block .radio:active label span {
        color: #fff
    }
}

.vTabsHead.radio-block label {
    cursor: pointer;
    margin: 0;
    padding: 0;
    max-width: 100%
}

.vTabsHead.radio-block label span {
    font-family: "robotomedium", arial
}

@media only screen and (max-width:700px) {
    .vTabsHead.radio-block label span {
        font-family: "robotoregular", arial;
        font-size: 16px
    }
}

.vTabsHead .radio {
    cursor: pointer;
    width: 100%
}

.vTabsHead .radio .ic-radio {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.vTabsHead .selected {
    display: none
}

@media only screen and (max-width:700px) {
    .vTabsHead .vTabsHeadWrap {
        background-color: #fff;
        border: 1px solid #d6d6d6;
        display: none;
        left: 0;
        overflow-y: auto;
        position: absolute;
        top: 39px;
        width: 100%;
        max-height: 240px
    }

    .vTabsHead .selected {
        background-color: #fff;
        border: 1px solid #d6d6d6;
        color: #102342;
        cursor: pointer;
        display: block;
        font-family: "robotoregular", arial;
        font-size: 16px;
        overflow: hidden;
        padding: 7px 32px 7px 16px;
        position: relative;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 40px
    }

    .vTabsHead .selected:before {
        font-family: "icomoon";
        font-size: 23px;
        content: "";
        cursor: pointer;
        margin-top: -11.5px;
        position: absolute;
        top: 50%;
        color: #102342;
        right: 10px;
        transition: transform 150ms ease-out
    }

    .vTabsHead .selected.open:before {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

.vtabsContent {
    background-color: #fafafa;
    width: calc(100% - 172px)
}

.vtabsContent .radio-tab {
    background-color: #fafafa;
    padding: 24px
}

@media only screen and (max-width:700px) {
    .vtabsContent {
        background-color: transparent;
        padding: 0;
        width: 100%
    }

    .vtabsContent .radio-tab {
        padding: 16px
    }
}

.helpPopUp {
    border-bottom: 1px solid #d6d6d6
}

.ibanCalcRow {
    margin: 16px 0
}

@media only screen and (max-width:990px) {
    .ibanCalcRow {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 16px 0 40px
    }
}

@media only screen and (max-width:700px) {
    .ibanCalcRow {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.ibanCalcCol {
    margin: 0;
    width: 50%
}

@media only screen and (max-width:990px) {
    .ibanCalcCol {
        width: 100%
    }
}

.ibanCalcCol h2 {
    margin-top: 0
}

@media only screen and (max-width:700px) {
    .ibanCalcRow .ibanCalcCol {
        width: 100%
    }
}

.ibanCalcText {
    padding-right: 24px;
    max-width: 500px
}

@media only screen and (max-width:990px) {
    .ibanCalcText {
        margin-bottom: 6px;
        max-width: 100%
    }
}

.icalc-field {
    margin: 16px 0
}

.icalc-field div.error {
    line-height: 1.3;
    margin-top: 4px
}

.icalc-field:last-child {
    margin-bottom: 0
}

.icalc-field .input-wrap input {
    width: 375px
}

.icalc-field .buttons-wrap {
    margin: 0
}

.icalc-field .buttons-wrap>*:first-child:last-child {
    margin: 0
}

.icalc-field .inlineFields input.text {
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 8px
}

.icalc-field .inlineFields .button {
    margin: 0
}

.icalc-field .label {
    margin-bottom: 8px
}

.icalc-field.mass-file .buttons-wrap {
    text-align: left
}

@media only screen and (min-width:990px) {
    .icalc-field input.text {
        height: 40px
    }
}

@media only screen and (max-width:480px) {
    .icalc-field .inlineFields {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .icalc-field .inlineFields input.text {
        margin: 0 0 16px;
        width: 100%
    }

    .icalc-field .inlineFields input.text+.button {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .icalc-field .input-wrap input {
        width: 100%
    }
}

.icalc-result {
    margin-top: 8px
}

.icalc-result .form-status {
    line-height: 1.3;
    margin: 0
}

.stepsTableWrap {
    background-color: #fff;
    padding: 40px;
    margin: 32px 0
}

@media only screen and (max-width:990px) {
    .stepsTableWrap {
        padding: 24px
    }
}

.stepsTable .rowHeader {
    border-bottom: 1px solid #eee;
    color: #5c85c9;
    margin-bottom: 17px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end
}

.stepsTable .rowHeader .cell {
    font-family: "robotomedium", arial;
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 1.125;
    padding: 0 16px 16px 0
}

@media only screen and (max-width:700px) {
    .stepsTable .rowHeader {
        display: none
    }
}

.stepsTable .cntRow {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media only screen and (max-width:700px) {
    .stepsTable .cntRow {
        position: relative;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.stepsTable .cntRow .cell {
    color: #777;
    font-family: "robotoregular", arial;
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 1.1875;
    padding: 0 16px 38px 0;
    position: relative
}

.stepsTable .cntRow .cell:last-child {
    padding-right: 0
}

.stepsTable .cntRow b {
    font-family: "robotomedium", arial;
    font-weight: normal
}

.stepsTable .cntRow .col0 {
    text-align: center;
    z-index: 2
}

.stepsTable .cntRow.complete,
.stepsTable .cntRow.incomplete,
.stepsTable .cntRow.rejected {
    position: relative
}

.stepsTable .cntRow.complete:before,
.stepsTable .cntRow.incomplete:before,
.stepsTable .cntRow.rejected:before {
    content: '';
    left: 0;
    position: absolute;
    top: -14px;
    width: 100%;
    height: calc(100% + 8px)
}

@media only screen and (max-width:700px) {

    .stepsTable .cntRow.complete:before,
    .stepsTable .cntRow.incomplete:before,
    .stepsTable .cntRow.rejected:before {
        left: -24px;
        width: calc(100% + 48px);
        height: calc(100% + 14px)
    }
}

.stepsTable .cntRow.complete .stepsStatus,
.stepsTable .cntRow.incomplete .stepsStatus,
.stepsTable .cntRow.rejected .stepsStatus {
    background-color: #fff;
    border: 3px solid #5c85c9
}

.stepsTable .cntRow.complete .cell,
.stepsTable .cntRow.incomplete .cell,
.stepsTable .cntRow.rejected .cell {
    padding-bottom: 21px
}

@media only screen and (max-width:700px) {

    .stepsTable .cntRow.complete .cell,
    .stepsTable .cntRow.incomplete .cell,
    .stepsTable .cntRow.rejected .cell {
        padding-bottom: 7px
    }
}

.stepsTable .cntRow.complete:before {
    background-color: #ebfbe5
}

.stepsTable .cntRow.complete .stepsStatus:after {
    display: none
}

.stepsTable .cntRow.complete .cell {
    color: #404040
}

.stepsTable .cntRow.incomplete,
.stepsTable .cntRow.rejected {
    margin-bottom: 40px
}

.stepsTable .cntRow.incomplete:before,
.stepsTable .cntRow.rejected:before {
    background-color: #f8f8f8
}

.stepsTable .cntRow.incomplete .stepsStatus:after,
.stepsTable .cntRow.rejected .stepsStatus:after {
    opacity: .5;
    height: 100%
}

@media only screen and (max-width:700px) {

    .stepsTable .cntRow.incomplete .stepsStatus:after,
    .stepsTable .cntRow.rejected .stepsStatus:after {
        opacity: 1
    }
}

.stepsTable .cntRow.incomplete .stepsStatus:before,
.stepsTable .cntRow.rejected .stepsStatus:before {
    border-style: solid;
    border-width: 6px 4px 6px 0;
    border-color: transparent #fff transparent transparent;
    content: '';
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: calc(100% + 10px);
    z-index: 2;
    width: 0;
    height: 0
}

@media only screen and (max-width:700px) {

    .stepsTable .cntRow.incomplete .stepsStatus:before,
    .stepsTable .cntRow.rejected .stepsStatus:before {
        left: 6px;
        margin-left: 0
    }
}

.stepsTable .cntRow.stepsLabel {
    margin-bottom: 13px
}

.stepsTable .cntRow.stepsLabel .cell {
    color: #5c85c9;
    font-family: "robotomedium", arial;
    font-size: 12px;
    letter-spacing: .23px;
    line-height: 1.2
}

@media only screen and (max-width:700px) {
    .stepsTable .cntRow.stepsLabel {
        margin-bottom: 24px
    }

    .stepsTable .cntRow.stepsLabel:last-child {
        margin-bottom: 0
    }

    .stepsTable .cntRow.stepsLabel .col0 {
        padding-left: 0;
        text-align: left;
        width: 100%
    }
}

@media only screen and (max-width:700px) {
    .stepsTable .cntRow:not(.stepsLabel) {
        padding-left: 40px;
        padding-bottom: 24px
    }

    .stepsTable .cntRow:not(.stepsLabel).complete {
        margin-bottom: 24px;
        padding-bottom: 9px
    }

    .stepsTable .cntRow:not(.stepsLabel) .col0 {
        left: 0;
        padding: 0;
        position: absolute;
        text-align: left;
        top: 0;
        height: 100%
    }
}

.stepsTable .cntRow.rejected:before {
    background-color: #fff2f2
}

.stepsTable.gpi .col0 {
    padding: 0 8px;
    width: 160px
}

@media only screen and (max-width:990px) {
    .stepsTable.gpi .col0 {
        width: 104px
    }
}

@media only screen and (max-width:700px) {
    .stepsTable.gpi .col0 {
        width: 40px
    }
}

.stepsTable.gpi .col1 {
    width: 21%
}

@media only screen and (max-width:990px) {
    .stepsTable.gpi .col1 {
        width: 23%
    }
}

.stepsTable.gpi .col2 {
    width: 23%
}

@media only screen and (max-width:990px) {
    .stepsTable.gpi .col2 {
        width: 25%
    }
}

.stepsTable.gpi .col3 {
    width: calc(56% - 160px)
}

@media only screen and (max-width:990px) {
    .stepsTable.gpi .col3 {
        width: calc(52% - 104px)
    }
}

@media only screen and (max-width:700px) {

    .stepsTable.gpi .col1,
    .stepsTable.gpi .col2,
    .stepsTable.gpi .col3 {
        padding: 0 0 7px 0;
        width: 100%
    }
}

.stepsTable .stepsStatus {
    background-color: #5c85c9;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px
}

.stepsTable .stepsStatus:after {
    background-color: #5c85c9;
    content: '';
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 15px;
    width: 4px;
    height: calc(100% - 14px)
}

@media only screen and (max-width:700px) {
    .stepsTable .stepsStatus:after {
        margin-left: 0;
        left: 6px
    }
}

.searchStripe {
    background-color: #fff;
    padding: 20px 32px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

@media only screen and (max-width:990px) {
    .searchStripe {
        padding: 20px 16px
    }
}

@media only screen and (max-width:700px) {
    .searchStripe {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.searchStripe .button {
    margin: 0 0 0 32px
}

@media only screen and (max-width:990px) {
    .searchStripe .button {
        margin-left: 16px
    }
}

@media only screen and (max-width:700px) {
    .searchStripe .button {
        margin: 0 auto
    }
}

.searchStripe .input {
    margin-left: 8px;
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.searchStripe .input input {
    width: 100%
}

@media only screen and (max-width:700px) {
    .searchStripe .input {
        margin: 16px 0;
        width: 100%
    }
}

.taxFreeTile .info-block {
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.taxFreeTile .info-block.tax-free {
    padding-top: 0;
    width: 100%
}

.tax-free .pieInfo li {
    font-size: 12px;
    line-height: 1
}

@media only screen and (max-width:700px) {
    .tax-free .pieInfo {
        margin-top: 10px
    }
}

@media only screen and (min-width:701px) {
    .tax-free .pieInfo {
        margin-top: 0
    }
}

.tax-free.info-block.i-block {
    padding-top: 0
}

.tax-free .info-block h3 {
    margin-bottom: 13px
}

@media only screen and (max-width:440px) {
    .tax-free .pieWrap {
        padding-bottom: 20px
    }
}

@media only screen and (min-width:701px) {
    .tax-free .pieWrap {
        padding-bottom: 0
    }
}

.tax-free-calc-acc {
    border-top: 1px solid #c8d0de;
    margin-bottom: 0
}

.info-block.tax-free .pieInfoBlock {
    margin-right: 20px;
    margin-left: 0
}

@media only screen and (max-width:990px) {
    .main-tile .info-block.tax-free:last-child {
        padding-bottom: 24px
    }
}

.pie-block.tax-free {
    margin-top: -12px;
    margin-bottom: 0
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .pie-block.tax-free .col-6.info-block {
        padding-left: 0;
        padding-right: 10px;
        width: 44.44%
    }

    .pie-block.tax-free .col-6:not(.info-block) {
        width: 52.44%
    }
}

@media only screen and (max-width:700px) {
    .pie-block.tax-free .col-6 {
        width: 97%
    }
}

.tax-free-calc {
    text-align: center;
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 20px
}

.tax-free-calc.inner {
    margin-top: 15px;
    padding-top: 10px
}

.tax-free-calc span.amount-lbl {
    font-size: 22px;
    font-family: "robotolight", arial
}

.tax-free-calc input.text {
    font-size: 21px;
    width: 200px
}

.tax-free-calc .button {
    margin-bottom: 0
}

.tax-free-calc .pieWrap {
    display: block;
    margin-top: 10px;
    margin-bottom: -130px;
    font-family: robotolight;
    font-size: 15px
}

@media only screen and (max-width:700px) {
    .tax-free-calc .pieWrap {
        margin-left: 25px
    }
}

.tax-free-calc .pieWrap svg {
    overflow: visible
}

.tax-free-calc .buttons-wrap {
    margin-bottom: 0
}

.whitePromo {
    background: #fff;
    margin: 0 0 8px;
    padding: 40px 16px 16px;
    text-align: center
}

@media only screen and (max-width:990px) {
    .whitePromo {
        padding: 40px 0 16px
    }
}

@media only screen and (max-width:700px) {
    .whitePromo {
        padding: 24px 0 16px;
        text-align: left
    }
}

.whitePromoHead {
    margin: 0 auto 48px;
    max-width: 910px
}

@media only screen and (max-width:990px) {
    .whitePromoHead {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (max-width:700px) {
    .whitePromoHead {
        margin-bottom: 32px
    }
}

.whitePromoHead h2 {
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 16px
}

@media only screen and (max-width:700px) {
    .whitePromoHead h2 {
        margin-bottom: 8px
    }
}

.whitePromoHead p {
    max-width: 750px;
    font-size: 16px;
    line-height: 1.5
}

.whitePromoHead p:last-child {
    margin: 0 auto
}

.navBlock {
    margin-left: -16px;
    padding: 0 32px;
    width: calc(100% + 32px)
}

@media only screen and (max-width:990px) {
    .navBlock {
        margin-left: 0;
        width: 100%
    }
}

.subNavBlock,
.navBlock {
    overflow: hidden;
    position: relative
}

.navContainer {
    margin-bottom: -17px;
    padding-bottom: 8px;
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    overflow-y: hidden
}

.mac .navContainer,
.touch .navContainer {
    margin-bottom: 0
}

.navContainerInner {
    display: inline-block;
    padding: 1px 0;
    text-align: center;
    vertical-align: top;
    white-space: nowrap
}

.navButton {
    background-color: transparent;
    border: none;
    color: #102342;
    font-size: 16px;
    margin-top: -13px;
    opacity: 1;
    padding: 4px;
    position: absolute;
    top: 50%;
    transition: opacity 350ms ease-out
}

.navButton--next {
    right: 8px
}

.navButton--prev {
    left: 8px
}

.navButton.disabled {
    opacity: 0;
    pointer-events: none
}

.subNavBlock .navButton {
    margin-top: -7px
}

.navBlockItem {
    background: transparent;
    border: none;
    color: #102342;
    display: inline-block;
    font-family: "robotomedium", arial;
    font-size: 16px;
    line-height: 1.2;
    margin: 0 40px;
    padding: 0;
    position: relative;
    transition: all 250ms ease-out;
    text-align: center;
    vertical-align: bottom;
    white-space: normal;
    max-width: 110px
}

.navBlockItem:first-child {
    margin-left: 0
}

.navBlockItem:last-child {
    margin-right: 0
}

@media only screen and (max-width:1280px) {
    .navBlockItem {
        margin: 0 24px
    }
}

@media only screen and (max-width:990px) {
    .navBlockItem {
        margin: 0 16px;
        min-width: 110px
    }
}

.navBlockItem .text {
    display: block
}

.navBlockItem .icon {
    background: #fff;
    border: 1px solid #16315d;
    border-radius: 50%;
    display: block;
    font-size: 90px;
    line-height: 104px;
    margin: 0 auto 16px;
    transition: all 250ms ease-out;
    width: 104px;
    height: 104px
}

.navBlockItem.selected .icon {
    background-color: #16315d;
    color: #fff
}

.navBlockItem.selected.all~.navBlockItem:not(.selected) {
    opacity: 1
}

.no-touch .navBlockItem:not(.selected):not(.inactive):hover,
.no-touch .navBlockItem:not(.selected):not(.inactive):focus,
.navBlockItem:not(.selected):not(.inactive):active {
    opacity: 1
}

.no-touch .navBlockItem:not(.selected):not(.inactive):hover .icon,
.no-touch .navBlockItem:not(.selected):not(.inactive):focus .icon,
.navBlockItem:not(.selected):not(.inactive):active .icon {
    background: rgba(22, 49, 93, .1)
}

.ecardBlock {
    background: #fff;
    margin: 0 0 8px;
    padding: 40px 40px 24px 40px;
    position: relative
}

@media only screen and (max-width:990px) {
    .ecardBlock {
        padding: 40px 24px 24px
    }
}

@media only screen and (max-width:700px) {
    .ecardBlock {
        padding: 24px 24px 16px
    }
}

.ecardBlock.highlight:before {
    background-color: rgba(115, 186, 89, .07);
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.ecardBlockInner {
    padding-left: 320px;
    position: relative
}

@media only screen and (max-width:990px) {
    .ecardBlockInner {
        padding-left: 304px
    }
}

@media only screen and (max-width:700px) {
    .ecardBlockInner {
        padding-left: 0
    }
}

.ecardBlockInner p {
    line-height: 1.5
}

.ecardBlockInner .buttons-wrap {
    float: none;
    margin: -4px 0
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .ecardBlockInner .buttons-wrap {
        margin: 0
    }
}

@media only screen and (max-width:700px) {
    .ecardBlockInner .buttons-wrap {
        border-top: 1px solid #d6d6d6;
        padding: 16px 24px 0;
        margin: 0 -24px -9px;
        width: calc(100% + 48px)
    }
}

@media only screen and (min-width:701px) {
    .ecardImg {
        left: 0;
        position: absolute;
        top: 0
    }
}

@media only screen and (max-width:700px) {
    .ecardImg {
        margin: 0 0 16px
    }
}

.ecardImg img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.ecardTitle {
    align-items: baseline;
    display: flex;
    margin: 0 0 8px
}

@media only screen and (max-width:700px) {
    .ecardTitle {
        flex-direction: column;
        margin: 0 0 16px 0;
        align-items: flex-start
    }
}

.ecardTitle h2 {
    font-size: 24px;
    line-height: 1.15;
    margin: 0
}

@media only screen and (max-width:700px) {
    .ecardTitle h2 {
        max-width: calc(100% - 20px)
    }
}

.ecardTitle .tag {
    font-family: "robotomedium", arial;
    font-size: 14px;
    color: #73ba59;
    line-height: 1.2;
    margin: 0 0 0 8px
}

@media only screen and (max-width:700px) {
    .ecardTitle .tag {
        order: -1;
        margin: 0 0 8px 0
    }
}

.ecardBottom {
    margin-top: 32px
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .ecardBottom {
        margin-left: -304px;
        width: calc(100% + 304px)
    }
}

@media only screen and (max-width:700px) {
    .ecardBottom {
        margin-top: 24px
    }
}

@media only screen and (min-width:361px) {
    .ecardBottom .buttons-wrap {
        text-align: right
    }

    .ecardBottom .buttons-wrap .button:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .ecardTop {
        min-height: 180px
    }
}

@media only screen and (max-width:700px) {
    .descColsBlock {
        margin-bottom: 32px;
        position: relative
    }

    .descColsBlock:before {
        background: #102342;
        content: '';
        left: -12px;
        position: absolute;
        top: 0;
        width: 2px;
        height: 100%
    }

    .descColsBlock.open .descColsHeader .icon {
        transform: rotate(180deg)
    }

    .descColsBlock.open .descCols {
        display: block
    }
}

@media only screen and (min-width:701px) {
    .descColsHeader {
        display: none
    }
}

@media only screen and (max-width:700px) {
    .descColsHeader {
        color: #102342;
        cursor: pointer;
        font-family: "robotomedium", arial;
        font-size: 14px;
        position: relative
    }

    .descColsHeader .icon {
        font-size: 8px;
        margin-top: -4px;
        position: absolute;
        transition: all 250ms ease-out;
        transform-origin: center;
        right: 0;
        top: 50%
    }
}

.descCols {
    display: flex;
    margin: 0 0 40px
}

@media only screen and (max-width:990px) {
    .descCols {
        margin: 0 0 32px
    }
}

@media only screen and (max-width:700px) {
    .descCols {
        display: none;
        flex-direction: column;
        margin-top: 24px
    }
}

.descCol {
    position: relative;
    max-width: 320px;
    min-width: 110px
}

@media only screen and (max-width:990px) {
    .descCol {
        flex: 1;
        max-width: inherit
    }
}

@media only screen and (max-width:700px) {
    .descCol br {
        display: none
    }
}

.descCol:not(:first-child) {
    padding-left: 40px
}

@media only screen and (max-width:1279px) {
    .descCol:not(:first-child) {
        padding-left: 24px
    }
}

@media only screen and (max-width:990px) {
    .descCol:not(:first-child) {
        padding-left: 16px
    }
}

@media only screen and (max-width:700px) {
    .descCol:not(:first-child) {
        padding-left: 0
    }
}

.descCol:not(:last-child) {
    padding-right: 40px
}

@media only screen and (max-width:1279px) {
    .descCol:not(:last-child) {
        padding-right: 24px
    }
}

@media only screen and (max-width:990px) {
    .descCol:not(:last-child) {
        padding-right: 16px
    }
}

@media only screen and (max-width:700px) {
    .descCol:not(:last-child) {
        margin-bottom: 32px;
        padding-right: 0
    }
}

@media only screen and (min-width:701px) {
    .descCol:not(:last-child):after {
        background-color: #d6d6d6;
        bottom: 0;
        content: '';
        position: absolute;
        right: 0;
        width: 1px;
        height: calc(100% - 32px)
    }
}

.descCol p {
    color: #102342;
    font-size: 16px;
    margin: 0 0 8px;
    position: relative
}

.descCol p:last-child {
    margin-bottom: 0
}

.descCol p .icon {
    font-size: 24px;
    margin-right: 8px
}

.descCol p.title {
    font-family: "robotomedium", arial;
    font-size: 14px;
    line-height: 1.2;
    margin: 0 0 16px
}

.descCol p.strikethrough {
    color: rgba(16, 35, 66, .5);
    display: inline-block;
    vertical-align: top
}

.descCol p.strikethrough:after {
    background-color: #102342;
    content: '';
    left: 50%;
    margin: -15px 0 0 -1px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    transform-origin: center center;
    width: 2px;
    height: 31px
}

.descCol p b {
    display: inline-block;
    font-family: "robotoregular", arial;
    font-size: 24px;
    line-height: 32px
}

.ecardPromo {
    align-items: center;
    background-color: #fff;
    border: 1px dashed rgba(252, 184, 19, .5);
    color: #102342;
    display: flex;
    justify-content: center;
    margin: 0 0 8px;
    padding: 24px
}

.ecardPromo p {
    font-family: "robotomedium", arial;
    font-size: 17px;
    line-height: 1.5
}

.ecardPromo p:last-child {
    margin: 0
}

@media only screen and (max-width:700px) {
    .ecardPromo p {
        font-size: 16px
    }
}

.ecardPromo .icon {
    font-size: 40px;
    margin-right: 24px
}

.ecardPromo .icon.ic-loyalty_big {
    margin-bottom: 2px
}

.subNavBlock {
    border-top: 1px solid #d6d6d6;
    display: flex;
    font-size: 16px;
    justify-content: center;
    margin: 16px 40px 0;
    padding: 16px 32px 0
}

@media only screen and (max-width:990px) {
    .subNavBlock {
        margin-right: 0;
        margin-left: 0
    }
}

@media only screen and (max-width:990px) {
    .subNavBlock--yellow {
        padding-right: 24px;
        padding-left: 24px
    }
}

.subNavItem {
    display: inline-block;
    margin: 0 24px;
    position: relative;
    vertical-align: bottom
}

.subNavItem:first-child {
    margin-left: 0
}

.subNavItem:last-child {
    margin-right: 0
}

@media only screen and (max-width:1279px) {
    .subNavItem {
        margin: 0 16px
    }
}

.subNavItem:not(:last-child):after {
    background: #d6d6d6;
    content: '';
    margin-top: -12px;
    position: absolute;
    right: -24px;
    top: 50%;
    width: 1px;
    height: 24px
}

@media only screen and (max-width:1279px) {
    .subNavItem:not(:last-child):after {
        right: -16px
    }
}

.subNavItem .button {
    margin: 0;
    position: relative;
    white-space: nowrap
}

@media only screen and (max-width:1280px) {
    .subNavItem .button {
        padding-right: 16px;
        padding-left: 16px
    }
}

.subNavItem .button:after {
    bottom: 0%;
    content: '';
    left: 0;
    position: absolute;
    transition: all 250ms ease-out;
    width: 100%;
    height: 4px
}

.no-touch .subNavItem .button:not(.inactive):hover,
.no-touch .subNavItem .button:not(.inactive):focus,
.subNavItem .button:not(.inactive):active {
    color: #16315d
}

.no-touch .subNavItem .button:not(.inactive):hover:after,
.no-touch .subNavItem .button:not(.inactive):focus:after,
.subNavItem .button:not(.inactive):active:after {
    background: #16315d
}

.subNavItem .button.selected:after {
    background: #16315d
}

.no-touch .subNavItem .button.button-blue:not(.inactive):not(:disabled):hover {
    color: #16315d
}

.subNavBlockInner {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    width: 100%
}

@media only screen and (max-width:700px) {
    .subNavBlockInner {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:360px) {
    .subNavBlockInner {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-flex-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        flex-direction: column
    }
}

.subNavBlockInner .img {
    width: 70px
}

@media only screen and (max-width:990px) {
    .subNavBlockInner .img {
        margin-left: 0
    }
}

.subNavBlockInner .img img {
    display: inline-block;
    vertical-align: top
}

@media only screen and (min-width:361px) {
    .subNavBlockInner .button {
        padding-right: 0
    }
}

.subNavBlockInner p {
    font-size: 16px;
    max-width: 685px
}

.subNavBlockInner p:last-child {
    margin: 0
}

.subNavBlockInner .button {
    margin: 0
}

.subNavBlockInner .buttons-wrap {
    margin: 0;
    width: auto
}

.subNavBlockInner .text {
    margin: 0 24px;
    text-align: left
}

@media only screen and (min-width:701px) {
    .subNavBlockInner .text {
        flex: 1
    }
}

@media only screen and (max-width:700px) {
    .subNavBlockInner .text {
        margin: 0 0 16px;
        order: -1;
        width: 100%
    }
}

h4.darkBlue {
    display: block
}

.colsContainer {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin: 32px -20px 0;
    width: calc(100% + 40px)
}

@media only screen and (max-width:700px) {
    .colsContainer {
        margin: 32px 0 0;
        width: 100%
    }
}

.colsContainer .colsItem {
    padding: 0 20px 32px;
    width: 33.33%
}

@media only screen and (max-width:700px) {
    .colsContainer .colsItem {
        padding: 0 0 24px;
        width: 100%
    }
}

.colsContainer .colsItem.double {
    width: 66.66%
}

@media only screen and (max-width:700px) {
    .colsContainer .colsItem.double {
        width: 100%
    }
}

.colsContainer .colsItem.double ul {
    column-count: 2
}

@media only screen and (max-width:480px) {
    .colsContainer .colsItem.double ul {
        column-count: 1
    }
}

.colsContainer ul {
    margin: 0;
    padding: 0 0 0 16px
}

.borderedTitle {
    border-bottom: 1px solid rgba(16, 35, 66, .7);
    margin-bottom: 16px;
    padding: 0 0 4px 16px
}

.borderedTitle h4 {
    margin: 0
}

body:not(.iframeform) .borderedTitle h4 {
    margin: 0
}

.popupCnt>h4:first-child {
    margin-top: 0
}

.titleImg {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-width: inherit;
    height: 24px
}

.ecard-step1 .block2 #eLoanParams {
    padding: 0;
    margin: 0 0 24px;
    max-width: 240px
}

@media only screen and (max-width:700px) {
    .ecard-step1 .block2 #eLoanParams {
        max-width: 100%
    }
}

.ecard-step1 .block2 img,
.block2 .ecard-step3-display-properties img {
    max-width: 200px;
    margin: 8px 0 0 0
}

.ecard-application-details img {
    max-height: 50px
}

@media only screen and (min-width:991px) {
    .ecard-application-details .main-tile .info-block {
        padding: 40px 16px
    }

    .ecard-application-details .main-tile .info-block:first-child {
        padding-left: 28px
    }

    .ecard-application-details .main-tile .info-block:last-child {
        width: 400px;
        padding-right: 28px
    }
}

@media only screen and (max-width:990px) {
    .ecard-application-details .main-tile .info-block:last-child {
        padding-top: 8px;
        padding-bottom: 24px
    }
}

.ecard-application-details .main-tile .info-block .infoTilesWrap {}

.ecard-application-details .main-tile .info-block .infoTilesWrap .detail.status-info {
    color: #102342
}

@media only screen and (max-width:990px) {
    .ecard-application-details .grayBorder div.col-6:first-child {
        padding-right: 24px
    }

    .ecard-application-details .grayBorder table.type1.col-6:first-child tr td:last-child {
        padding-right: 24px
    }
}

.ecard-application-details .acc-block {
    margin-bottom: 0
}

.ecard-application-details .buttons-wrap {
    margin-top: 8px;
    padding: 12px 10px
}

@media only screen and (max-width:480px) {
    .ecard-application-details .buttons-wrap {
        text-align: center
    }
}

.myBankLogo {
    width: 128px
}

.ddStep3Disclaimer {
    background-color: rgba(22, 49, 93, .05);
    border: 1px solid rgba(22, 49, 93, .3);
    margin: 0 85px;
    padding: 32px;
    text-align: left
}

@media only screen and (max-width:700px) {
    .ddStep3Disclaimer {
        padding: 20px;
        margin: 0
    }
}

.ddStep3Disclaimer .button {
    margin-bottom: 0
}

.isCaravan {
    margin-top: 8px
}

@media only screen and (max-width:990px) {
    .cardRow .inlineFields {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .cardRow .block1 {
        display: -webkit-inline-flex;
        display: inline-flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-align-items: center;
        align-items: center;
        vertical-align: top;
        min-height: 40px
    }
}

.list-box-asset .ic-credit_card {
    font-size: 18px;
    line-height: 1;
    margin: 1px 0 0 0
}

.message-legend {
    color: #102342
}

.message-legend .item {
    margin-bottom: 16px
}

.message-legend .item:not(:last-child) {
    margin-right: 24px
}

.message-legend .icon {
    font-size: 20px;
    margin-right: 8px
}

.message-legend .ic-pending {
    color: #102342
}

.messages .more p {
    font-size: 14px
}

.ctmGDPR {
    background-color: #fff;
    margin-bottom: 24px;
    padding: 24px
}

@media only screen and (max-width:700px) {
    .ctmGDPR {
        padding: 16px
    }
}

.ctmGDPR .checkboxes,
.ctmGDPR .checkbox {
    margin: 0 0 16px
}

@media only screen and (max-width:700px) {

    .ctmGDPR .checkboxes,
    .ctmGDPR .checkbox {
        margin-bottom: 8px
    }
}

#tblRules table {
    margin-bottom: 24px
}

#tblRules .iconsCell {
    white-space: nowrap
}

@media only screen and (max-width:990px) {
    #tblRules .actionCell:not(:last-child) {
        margin-right: 0
    }
}

@media only screen and (max-width:700px) {
    #tblRules {
        margin-bottom: 0
    }

    #tblRules.mobile-table tr:first-child td:first-child {
        border: none
    }
}

.pfm-table table thead tr td {
    font-family: "robotomedium", arial
}

.radioBlocksWrap .radio-block {
    margin: 16px 0
}

.lahContainer .img {
    margin-bottom: 24px;
    text-align: center
}

.lahContainer .checkbox {
    position: relative
}

.lahContainer .checkbox label {
    padding-left: 12px
}

@media only screen and (max-width:700px) {
    .lahContainer .img {
        display: none
    }
}

.consent-checkboxes {
    margin: 40px 0 8px;
    padding: 32px 16px;
    background-color: #f6f6f6
}

.consentBtns {
    padding: 0 20px
}

@media only screen and (max-width:700px) {
    .consentBtns {
        padding: 0 10px
    }
}

.checkIban {
    color: #73ba59;
    font-size: 14px;
    line-height: 1.2;
    margin-left: 25%;
    margin-top: 5px;
    padding-left: 8px;
    width: 75%
}

@media only screen and (max-width:990px) {
    .checkIban {
        margin-left: 35%;
        width: 65%
    }
}

@media only screen and (max-width:700px) {
    .checkIban {
        margin-left: 0;
        padding-left: 0;
        width: 100%
    }
}

@media only screen and (max-width:700px) {
    #timeRange .range-fields .select-box {
        width: 100px
    }
}

@media only screen and (max-width:440px) {
    .field .block2.multiple-elm .radio+.select-box:not(.inline) {
        max-width: calc(100% - 30px)
    }
}

.mutualFundAccGrid .acc-header .action-elm {
    margin-top: -4px;
    position: absolute;
    top: 60%;
    transition: all 150ms ease-out;
    color: #102342;
    cursor: pointer;
    font-size: 8px;
    right: 32px
}

.mutualFundAccGrid .acc-header .action-elm:before {
    content: "";
    display: block;
    transition: transform 150ms ease-out
}

.text-error {
    background: #fff2f2;
    border: 1px solid #fec0c0;
    font-weight: bold;
    padding: 10px
}

.no-opacity {
    opacity: 0 !important
}

.width-auto {
    width: auto !important
}

.padding20 {
    padding: 20px
}

.acc-header .acc-header-image {
    position: absolute;
    width: 45px;
    right: 25px;
    top: 5px
}

@media only screen and (max-width:700px) {
    .acc-header .acc-header-image {
        top: 5px
    }
}

@media only screen and (min-width:701px) {
    .acc-header .acc-header-image {
        top: 10px
    }
}

.acc-header.payment-sample {
    border-top: none !important
}

.dvaluemsg {
    margin-left: -30px
}

@media only screen and (max-width:700px) {
    .dvaluemsg {
        margin-left: 10px
    }
}

#psswdStrength.input-info {
    color: #102342
}

.padding-right30 {
    padding-right: 30px
}

.text.dynamicMultiFieldControl {
    margin-right: 10px
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .text.dynamicMultiFieldControl {
        margin-top: 10px
    }
}

.asset-thumbnail {
    margin-left: 16px
}

.asset-thumbnail img {
    display: inline-block;
    vertical-align: top
}

@media only screen and (max-width:700px) {
    .asset-thumbnail {
        display: none;
        margin-left: 0
    }
}

.curTextImp {
    cursor: text !important
}

.disabled-black {
    color: #404040 !important;
    opacity: 1 !important
}

@media only screen and (max-width:700px) {
    .connected-list .tile.my-favs .tile-title {
        padding: 22px 20px 22px 39px
    }
}

label.approval-msg {
    margin-right: 15px
}

.font-size20 {
    font-size: 20px !important
}

.negative-top-margin22 {
    margin-top: -22px !important
}

.marginTop50px {
    margin-top: 50px !important
}

.width170 {
    width: 170px !important
}

.remitanceConfDisplayTable .displayTableCell {
    padding: 8px 0
}

.remitanceConfDisplayTable .displayTableCell:first-child {
    color: #1e3c78;
    font-family: "robotomedium", arial
}

.disable-payment {
    color: rgba(92, 133, 201, .5);
    cursor: default;
    background-color: transparent
}

::-ms-clear,
::-ms-reveal {
    display: none
}

.block1>.ic-time {
    font-size: 25px;
    vertical-align: text-top
}

.block1 label {
    vertical-align: middle;
    display: inline-block
}

.block1 label:first-child:last-child {
    line-height: 24px;
    vertical-align: top
}

.box-row .block1 .radio h4 {
    margin: 20px 0
}

.digipassForm {
    float: left;
    margin-bottom: -40px;
    width: 100%
}

@media only screen and (max-width:700px) {
    .digipassForm {
        margin-bottom: -24px
    }
}

.digipassForm.result {
    margin-bottom: 0
}

.active-step {
    background-color: #fff;
    padding: 20px 40px;
    color: #102342;
    border-bottom: 1px solid #eee;
    width: calc(100% + 80px);
    margin-left: -40px
}

.box-form form>.active-step {
    width: calc(100% + 80px)
}

@media only screen and (max-width:700px) {
    .active-step {
        margin-left: 0;
        padding: 20px 24px;
        width: 100%
    }

    .box-form form>.active-step {
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
        width: calc(100% + 32px)
    }
}

.active-step.inactive {
    opacity: .5
}

.active-step .step-left {
    float: left;
    font-size: 18px
}

.active-step .step-right {
    text-align: right;
    font-size: 24px
}

.active-step .step-right.success {
    color: #73ba59
}

.buttons-wrap.digipass {
    padding-bottom: 16px
}

@media only screen and (max-width:700px) {
    .buttons-wrap.digipass {
        padding-bottom: 8px
    }
}

.buttons-wrap.digipass.result {
    padding-bottom: 0;
    margin-bottom: -20px
}

.digipass-img {
    display: inline-block;
    vertical-align: top;
    width: 270px
}

.extraPinText+.extraPinText .digipass-img {
    margin-top: -32px;
    margin-bottom: -23px
}

@media only screen and (max-width:480px) {
    .extraPinText+.extraPinText .digipass-img {
        margin-top: -24px;
        margin-bottom: -16px
    }
}

.box-form .block2>img.digipass-img {
    margin: -15px
}

.digipass-label {
    position: relative
}

@media only screen and (min-width:701px) {
    .box-form .field .block1.digipass-label-extraPin {
        margin-bottom: 30px
    }
}

.boxInner {
    padding: 20px 0 40px
}

@media only screen and (max-width:700px) {
    .boxInner {
        padding-bottom: 16px
    }
}

.digipassDivider {
    float: left
}

.box-form.digipass-activation.valid {
    background-color: #fff;
    margin-top: -16px;
    padding-top: 0
}

body:not(.iframeform) .box-form.digipass-activation.valid {
    margin-top: -16px;
    padding-top: 0
}

.box-form.digipass-activation.invalid {
    background-color: inherit
}

.generatorImg {
    margin-top: 40px;
    margin-bottom: 32px
}

.generatorImg img {
    display: inline-block;
    vertical-align: top
}

.button.generateBtn {
    margin: 24px 0 0
}

.modalImgWrap {
    margin-bottom: 24px
}

.modalImgWrap img {
    display: inline-block;
    vertical-align: top
}

#google-map-picker {
    height: 400px
}

.image-title {
    margin: 0 0 11px;
    padding-left: 57px;
    position: relative;
    min-height: 57px
}

.image-title>span {
    margin-top: -28.5px;
    position: absolute;
    top: 50%;
    left: 0
}

.sidebar .image-title>span {
    display: inline-block
}

.image-title>span.top {
    margin-top: 0;
    top: 0
}

.image-title p {
    margin: 0
}

.image-title h4 {
    font-family: "robotolight", arial;
    margin: 0
}

@media only screen and (max-width:700px) {
    .image-title {
        float: none;
        margin-bottom: 5px;
        width: auto
    }

    .image-title p {
        font-size: 11px
    }
}

.inner.piraeusBank h4,
.sideblock.piraeusBank h3,
.inner.winBank h4,
.sideblock.winBank h3,
.inner.yellowDay h4,
.sideblock.yellowDay h3,
.inner.personalBank h4,
.sideblock.personalBank h3,
.inner.privateBank h4,
.sideblock.privateBank h3,
.inner.greenBank h4,
.sideblock.greenBank h3,
.inner.exelixi h4,
.sideblock.exelixi h3,
.inner.easypay h4,
.sideblock.easypay h3 {
    letter-spacing: -.02em;
    margin-bottom: 20px
}

.inner.piraeusBank h4,
.inner.winBank h4,
.inner.yellowDay h4,
.inner.personalBank h4,
.inner.privateBank h4,
.inner.greenBank h4,
.inner.exelixi h4,
.inner.easypay h4 {
    margin-bottom: .5em
}

.sideblock.piraeusBank p,
.sideblock.winBank p,
.sideblock.yellowDay p,
.sideblock.personalBank p,
.sideblock.privateBank p,
.sideblock.greenBank p,
.sideblock.exelixi p,
.sideblock.easypay p {
    font-size: 16px
}

.inner.piraeusBank p,
.inner.winBank p,
.inner.yellowDay p,
.inner.personalBank p,
.inner.privateBank p,
.inner.greenBank p,
.inner.exelixi p,
.inner.easypay p,
.inner.piraeusBank a,
.inner.winBank a,
.inner.yellowDay a,
.inner.personalBank a,
.inner.privateBank p,
.inner.greenBank a,
.inner.exelixi a,
.inner.easypay a {
    font-size: 14px
}

.sideblock.piraeusBank a,
.sideblock.winBank a,
.sideblock.yellowDay a,
.sideblock.personalBank a,
.sideblock.privateBank p,
.sideblock.greenBank a,
.sideblock.exelixi a,
.sideblock.easypay a {
    font-size: 14px
}

.inner.piraeusBank a .ic-arrowRight,
.inner.winBank a .ic-arrowRight,
.inner.yellowDay a .ic-arrowRight,
.inner.personalBank a .ic-arrowRight,
.inner.privateBank a .ic-arrowRight,
.inner.greenBank a .ic-arrowRight,
.inner.exelixi a .ic-arrowRight,
.inner.easypay a .ic-arrowRight {
    font-size: 12px;
    margin: 4px 0 0 4px
}

.sideblock.piraeusBank a .ic-arrowRight,
.sideblock.winBank a .ic-arrowRight,
.sideblock.yellowDay a .ic-arrowRight,
.sideblock.personalBank a .ic-arrowRight,
.sideblock.privateBank a .ic-arrowRight,
.sideblock.greenBank a .ic-arrowRight,
.sideblock.exelixi a .ic-arrowRight,
.sideblock.easypay a .ic-arrowRight {
    font-size: 12px;
    margin: 4px 0 0 4px
}

.inner.piraeusBank,
.inner.winBank,
.inner.yellowDay,
.inner.personalBank,
.inner.privateBank,
.inner.greenBank,
.inner.exelixi,
.inner.easypay {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px
}

.side-blocks .inner.piraeusBank .image-title,
.side-blocks .inner.winBank .image-title,
.side-blocks .inner.yellowDay .image-title,
.side-blocks .inner.personalBank .image-title,
.side-blocks .inner.privateBank .image-title,
.side-blocks .inner.greenBank .image-title,
.side-blocks .inner.exelixi .image-title,
.side-blocks .inner.easypay .image-title {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center
}

.sidebar .inner.piraeusBank .image-title a,
.sidebar .inner.winBank .image-title a,
.sidebar .inner.yellowDay .image-title a,
.sidebar .inner.personalBank .image-title a,
.sidebar .inner.privateBank .image-title a,
.sidebar .inner.greenBank .image-title a,
.sidebar .inner.exelixi .image-title a,
.sidebar .inner.easypay .image-title a {
    float: left;
    margin-top: 10px
}

.sidebar .inner.piraeusBank .image-title>span,
.sidebar .inner.winBank .image-title>span,
.sidebar .inner.yellowDay .image-title>span,
.sidebar .inner.personalBank .image-title>span,
.sidebar .inner.privateBank .image-title>span,
.sidebar .inner.greenBank .image-title>span,
.sidebar .inner.exelixi .image-title>span,
.sidebar .inner.easypay .image-title>span {
    margin-top: 0;
    position: relative;
    top: 0
}

.sidebar .inner.piraeusBank h4,
.sidebar .inner.winBank h4,
.sidebar .inner.yellowDay h4,
.sidebar .inner.personalBank h4,
.sidebar .inner.privateBank h4,
.sidebar .inner.greenBank h4,
.sidebar .inner.exelixi h4,
.sidebar .inner.easypay h4 {
    font-family: "robotomedium", arial;
    line-height: 1.4;
    text-align: left
}

@media only screen and (min-width:701px) and (max-width:990px) {

    .sidebar .inner.piraeusbank,
    .sidebar .inner.winBank,
    .sidebar .inner.yellowDay,
    .sidebar .inner.personalBank,
    .sidebar .inner.privateBank,
    .sidebar .inner.greenBank,
    .sidebar .inner.exelixi,
    .sidebar .inner.easypay {
        max-width: 33.33%
    }
}

.sidebar .sideblock.piraeusBank h3,
.sidebar .sideblock.winBank h3,
.sidebar .sideblock.yellowDay h3,
.sidebar .sideblock.personalBank h3,
.sidebar .sideblock.privateBank h3,
.sidebar .sideblock.greenBank h3,
.sidebar .sideblock.exelixi h3,
.sidebar .sideblock.easypay h3 {
    font-family: "robotomedium", arial;
    font-size: 18px;
    line-height: 1.4
}

.side-block h4 {
    display: block
}

.inner.piraeusBank,
.inner.winBank,
.inner.privateBank,
.inner.greenBank,
.inner.exelixi,
.inner.easypay {
    background-color: #fff
}

.inner.piraeusBank h4 {
    color: #064580
}

.sideblock.piraeusBank h3 {
    color: #064580
}

.inner.piraeusBank p,
.sideblock.piraeusBank p {
    color: #666
}

.inner.piraeusBank a,
.sideblock.piraeusBank a,
.inner.piraeusBank a .ic-arrowRight,
.sideblock.piraeusBank a .ic-arrowRight {
    color: #003c96
}

.inner.winBank h4,
.sideblock.winBank h3 {
    color: #064580
}

.inner.winBank p,
.sideblock.winBank p {
    color: #666
}

.inner.winBank a,
.sideblock.winBank a {
    color: #5c85c9
}

.inner.winBank a .ic-arrowRight,
.sideblock.winBank a .ic-arrowRight {
    color: #5d83b5
}

.inner.yellowDay,
.sideblock.yellowDay {
    background-color: #acbec8
}

.inner.yellowDay h4,
.sideblock.yellowDay h3 {
    color: #fff
}

.inner.yellowDay p,
.sideblock.yellowDay p {
    color: #596a74
}

.inner.yellowDay a,
.sideblock.yellowDay a,
.inner.yellowDay a .ic-arrowRight,
.sideblock.yellowDay a .ic-arrowRight {
    color: #fff
}

.inner.personalBank,
.sideblock.personalBank {
    background-color: #5f6062
}

.inner.personalBank h4,
.sideblock.personalBank h3 {
    color: #fab414
}

.inner.personalBank p,
.sideblock.personalBank p {
    color: #fff
}

.inner.personalBank a,
.sideblock.personalBank a,
.inner.personalBank a .ic-arrowRight,
.sideblock.personalBank a .ic-arrowRight {
    color: #fab414
}

.inner.privateBank h4,
.sideblock.privateBank h3 {
    color: #54585a
}

.inner.privateBank p,
.sideblock.privateBank p {
    color: #868a8c
}

.inner.privateBank a,
.sideblock.privateBank a,
.inner.privateBank a .ic-arrowRight,
.sideblock.privateBank a .ic-arrowRight {
    color: #aba079
}

.inner.greenBank h4,
.sideblock.greenBank h3 {
    color: #008752
}

.inner.greenBank p,
.sideblock.greenBank p {
    color: #596a74
}

.inner.greenBank a,
.sideblock.greenBank a,
.inner.greenBank a .ic-arrowRight,
.sideblock.greenBank a .ic-arrowRight {
    color: #73c167
}

.inner.exelixi h4,
.sideblock.exelixi h3 {
    color: #56803a
}

.inner.exelixi p,
.sideblock.exelixi p {
    color: #5a4b46
}

.inner.exelixi a,
.sideblock.exelixi a,
.inner.exelixi a .ic-arrowRight,
.sideblock.exelixi a .ic-arrowRight {
    color: #8dc63f
}

.inner.easypay h4,
.sideblock.easypay h3 {
    color: #1a9ed9
}

.inner.easypay p,
.sideblock.easypay p {
    color: #596a74
}

.inner.easypay a,
.sideblock.easypay a,
.inner.easypay a .ic-arrowRight,
.sideblock.easypay a .ic-arrowRight {
    color: #1a9ed9
}

.promoBanner {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    margin: 24px 0;
    padding-right: 40%;
    position: relative;
    text-align: left
}

.side-blocks .promoBanner {
    padding-right: 0
}

@media only screen and (max-width:990px) {
    .side-blocks .promoBanner {
        padding-right: 40%
    }
}

@media only screen and (max-width:374px) {
    .side-blocks .promoBanner {
        padding-right: 0
    }
}

.promoBanner.lightBlue {
    background-color: #91add7
}

.promoBanner.white {
    background-color: #fff
}

.promoBanner.white .button {
    border-color: #16315d
}

.promoBanner.white .button.button-border {
    border-color: #fff;
    color: #16315d
}

.promoBanner.blue {
    background-color: #16315d
}

.promoBanner.blue h3,
.promoBanner.blue p {
    color: #fff
}

.no-touch .promoBanner.blue .button:not(.inactive):not(:disabled):not(.button-blue):hover {
    background-color: #fdb813;
    border-color: #fdb813;
    color: #16315d
}

.no-touch .promoBanner.blue .button.button-border:not(.inactive):not(:disabled):not(.button-blue):hover {
    border-color: #fdb813;
    color: #fdb813
}

.promoBanner.yellow {
    background-color: #fdb813
}

.promoBanner h3 {
    color: #16315d;
    font-family: "robotomedium", arial;
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 16px
}

.overviewWrap .promoBanner h3 {
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 16px
}

.promoBanner p {
    color: #16315d;
    font-family: "robotoregular", arial;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 16px
}

.promoBanner .buttons {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-bottom: -8px;
    width: calc(100% + 16px)
}

.promoBanner .button {
    background-color: #fff;
    border: 1px solid #fff;
    color: #16315d;
    margin: 0 8px 8px;
    text-align: center;
    width: 100%;
    max-width: 200px
}

.side-blocks .promoBanner .button {
    font-family: "robotobold", arial;
    font-size: 13px;
    padding: 12px
}

@media only screen and (max-width:1280px) {
    .promoBanner .button {
        font-family: "robotobold", arial;
        font-size: 13px;
        padding: 12px
    }
}

.no-touch .promoBanner .button:not(.inactive):not(:disabled):not(.button-blue):hover {
    background-color: #16315d;
    border-color: #16315d;
    color: #fff
}

.promoBanner .button.button-border {
    background-color: transparent;
    color: #fff
}

.no-touch .promoBanner .button.button-border:not(.inactive):not(:disabled):not(.button-blue):hover {
    background-color: transparent;
    border-color: #16315d;
    color: #16315d
}

.promoBanner .promoBannerText {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    min-height: 285px
}

.side-blocks .promoBanner .promoBannerText {
    min-height: inherit
}

@media only screen and (max-width:990px) {
    .side-blocks .promoBanner .promoBannerText {
        min-height: 180px
    }
}

@media only screen and (max-width:990px) {
    .promoBanner .promoBannerText {
        min-height: 180px
    }
}

.promoBanner .promoBannerImg {
    background-position: center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    height: 100%
}

.side-blocks .promoBanner .promoBannerImg {
    display: none
}

@media only screen and (max-width:990px) {
    .side-blocks .promoBanner .promoBannerImg {
        display: block
    }
}

@media only screen and (max-width:374px) {
    .side-blocks .promoBanner .promoBannerImg {
        display: none
    }
}

.side-blocks {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.sitemap ul li {
    margin: 0 0 11px
}

.sitemap ul.level1>li {
    color: #9eabc7;
    font-family: "robotobold", arial;
    font-size: 16px
}

.sitemap ul.level2 {
    margin-top: 10px
}

.sitemap ul.level2>li {
    color: #48566e;
    font-family: "robotomedium", arial;
    font-size: 14px
}

.sitemap ul.level2 a {
    color: #48566e
}

.sitemap ul.level2 ul {
    margin-top: 8px;
    padding-left: 20px
}

.sitemap ul.level3 li {
    font-size: 13px;
    margin-bottom: 2px
}

.sitemap ul.level3>li {
    color: #1e3c78;
    font-family: "robotobold", arial
}

.sitemap ul.level3>li a {
    color: #1e3c78
}

.sitemap ul.level4>li {
    color: #444;
    font-family: "robotoregular", arial
}

.sitemap ul.level4>li a {
    color: #444
}

.sitemap .acc-block {
    margin-bottom: 28px
}

.sitemap .acc-header {
    font-family: "robotoregular", arial;
    font-size: 22px;
    padding-bottom: 16px;
    padding-top: 16px
}

@media only screen and (max-width:700px) {
    .sitemap .acc-header {
        font-size: 18px
    }
}

.sitemap .acc-content {
    padding-top: 0
}

.sitemap .inner {
    border-top: 1px solid #c8d0de;
    padding: 13px 0
}

.sitemap .inner>* {
    margin-bottom: 20px
}

.sitemap .col-3:nth-child(4n+1),
.sitemap .box-form .block1:nth-child(4n+1),
.box-form .sitemap .block1:nth-child(4n+1) {
    clear: left
}

@media only screen and (min-width:701px) and (max-width:990px) {

    .sitemap .col-3:nth-child(4n+1),
    .sitemap .box-form .block1:nth-child(4n+1),
    .box-form .sitemap .block1:nth-child(4n+1) {
        clear: none
    }

    .sitemap .col-3:nth-child(2n+1),
    .sitemap .box-form .block1:nth-child(2n+1),
    .box-form .sitemap.block1:nth-child(2n+1) {
        clear: left
    }
}

.accountOpen .block1.empty+.multiple-elm:last-child {
    margin-bottom: 0
}

.accountOpen .multiple-elm .radio-block+.select-box {
    margin-top: 8px
}

.box-form .accountOpen .field {
    margin-bottom: 16px
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important
}

.ac-container {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 999
}

.ac-container .ac-menu {
    border: none;
    list-style: none;
    padding: 0;
    background-color: #f9f9f9;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .15);
    margin: 0
}

.ac-container .ac-menu .ac-menu-item {
    float: none;
    border-bottom: 1px dotted #ccc;
    line-height: 35px;
    margin: 0;
    font-size: 17px;
    font-family: 'robotolight', arial;
    padding-left: 5px
}

.ac-container .ac-menu .ac-menu-item:last-child {
    border-bottom: 0
}

.ac-container .ac-menu .ac-menu-item:hover {
    background-color: #e0eaff
}

.ac-container .ac-menu a {
    padding-left: 5px;
    display: block;
    color: inherit;
    text-decoration: none
}

.ac-container .ac-menu .ac-state-focus {
    outline: none;
    background-color: #e0eaff
}

.logo .sk-cube-wrapper {
    position: absolute;
    top: 18px;
    left: 8px;
    width: 60px;
    height: 56px;
    overflow: hidden;
    background-color: #102342;
    opacity: 1;
    transition: opacity .7s
}

.logo .sk-cube-wrapper.hidden {
    opacity: 0;
    -webkit-transition: opacity 1.3s;
    -moz-transition: opacity 1.3s;
    transition: opacity 1.3s
}

.fixed-header .logo .sk-cube-wrapper {
    width: 36px;
    height: 31px;
    top: 6px;
    left: 8px;
    padding-left: .05em
}

.fixed-header .sk-cube-grid {
    width: 34px;
    height: 34px
}

.sk-cube-grid {
    width: 58px;
    height: 58px;
    padding-top: .05em
}

@media only screen and (max-width:700px) {
    .logo .sk-cube-wrapper {
        width: 42px;
        height: 40px;
        top: 10px;
        left: 11px
    }

    .logo .sk-cube-grid {
        width: 43px;
        height: 43px
    }
}

.sk-cube-grid .sk-cube {
    position: relative;
    float: left;
    width: 33%;
    height: 33%;
    background-color: #102342;
    background-repeat: no-repeat;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@-webkit-keyframes sk-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@keyframes sk-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

.loader,
.loader:before,
.loader:after {
    background: #5c85c9;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em
}

.loader:before,
.loader:after {
    position: absolute;
    top: 0;
    content: ''
}

.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.loader {
    z-index: 99999;
    text-indent: -9999em;
    margin: 88px auto;
    position: fixed;
    top: 40%;
    left: 47%;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.loader:after {
    left: 1.5em
}

@-webkit-keyframes load1 {

    0%,
    80%,
    100% {
        box-shadow: 0 0 #5c85c9;
        height: 4em
    }

    40% {
        box-shadow: 0 -2em #5c85c9;
        height: 5em
    }
}

@-moz-keyframes load1 {

    0%,
    80%,
    100% {
        box-shadow: 0 0 #5c85c9;
        height: 4em
    }

    40% {
        box-shadow: 0 -2em #5c85c9;
        height: 5em
    }
}

@keyframes load1 {

    0%,
    80%,
    100% {
        box-shadow: 0 0 #5c85c9;
        height: 4em
    }

    40% {
        box-shadow: 0 -2em #5c85c9;
        height: 5em
    }
}

.sk-circle {
    z-index: 99999;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #102342;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleBounceDelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.map-toolbar {
    display: block
}

.map-filters {
    height: 100%
}

.map-filters>.button {
    margin-right: 10px;
    margin-bottom: 0
}

.map-filters .checkbox {
    margin-right: 10px
}

.map-filters .checkbox .ic-check {
    color: #fab814
}

.map-filters label>span {
    color: #fff
}

.map-filters .filters {
    margin: 20px 0;
    height: 100%;
    display: block
}

.map-filters .filters .title {
    position: absolute
}

.map-filters .filters .acc-header {
    display: block
}

.map-filters .space {}

.map-filters .buttons-wrap {
    padding-bottom: 20px
}

.map-filters .checkbox img {
    position: relative;
    top: 8px;
    padding-right: 2px
}

.map-filters .acc-header .radio-block {
    display: block
}

.filters-wrap img {
    float: left;
    width: 22px;
    height: 22px;
    margin-right: 5px
}

.map-placeholder {
    position: relative
}

.map-directions {
    position: absolute;
    height: 100%;
    background-color: #fff;
    padding: 20px 10px;
    display: none
}

.map-placeholder .map-directions .content {
    position: relative;
    height: 95%;
    overflow-y: scroll;
    top: 5%
}

.map-directions .close {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 17pt;
    width: 30px;
    height: 30px
}

.map-directions.active {
    width: 30%;
    display: block
}

.map-directions.active+#map {
    width: 70% !important;
    left: 30%
}

.map-places-ctrl {
    margin: 10px;
    background-color: #fff !important;
    width: 30%;
    min-width: 200px;
    max-width: 450px
}

.align-center {
    text-align: center
}

#mapDirectionsSettings {}

.travel-mode .button {
    height: 43px;
    width: 50px;
    padding: 10px 13px;
    margin: 10px 5px
}

.travel-mode .button>span {
    background-image: url("");
    background-size: 96px 216px;
    width: 24px;
    height: 24px;
    position: absolute
}

.travel-mode .button.driving>span {
    background-position: -48px -96px
}

.travel-mode .button.driving.active>span {
    background-position: -24px -96px
}

.travel-mode .button.transit>span {
    background-position: -48px -120px
}

.travel-mode .button.transit.active>span {
    background-position: -24px -120px
}

.travel-mode .button.walking>span {
    background-position: -48px -144px
}

.travel-mode .button.walking.active>span {
    background-position: -24px -144px
}

#mapDirectionsPanel {
    width: 100%
}

p.map-sub-title {
    font-size: 14px
}

.map-placeholder label {
    font-size: 13px
}

.map-info-section img {
    width: 16px;
    position: relative;
    top: 3px;
    display: inline-block;
    margin-right: 3px
}

.main-wrapper .col-10.m-col-10.t-col-10 {
    float: none;
    clear: both
}

.center-block {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100% !important
}

.white-background {
    background-color: #fff
}

.main-content {
    padding-bottom: 0
}

@media all and (max-width:1100px) {
    .map-filters .filters .title {
        position: relative
    }
}

@media all and (max-width:1056px) {
    .travel-mode .button {
        margin-bottom: 0
    }
}

@media all and (max-width:768px) {
    .map-placeholder {
        min-height: 239px !important
    }

    .map-directions {
        padding-bottom: 20px
    }

    .map-directions.active {
        width: 100%;
        position: relative
    }

    .map-placeholder .map-directions .content {
        top: 20px;
        margin-bottom: 20px
    }

    #map,
    .map-directions.active+#map {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        height: 240px !important
    }

    footer.stick-bottom {
        position: relative;
        float: none;
        clear: both
    }
}

@media all and (max-width:700px) {
    .map-filters .radio .ic-radio+label {
        max-width: 100% !important
    }

    .map-filters .filter-item .radio.checked>span,
    .map-filters .filter-item .radio.checked span.ic-radio {
        margin-top: -8px
    }

    .filters-wrap .checkbox {
        margin-right: 0;
        width: 100%;
        text-align: left
    }
}

@media only screen and (max-width:990px) {
    ul.main-nav {
        height: inherit
    }

    .nav2 .megamenu.submenu,
    .nav1 .megamenu.submenu {
        left: auto;
        width: 100%;
        margin-left: 0
    }

    .main-nav>li {
        height: auto
    }

    .megamenu.submenu {
        padding: 0
    }

    .submenu.megamenu,
    .submenu.megamenu.open {
        height: 100%
    }

    .menu-link:after {
        z-index: 1
    }
}

a[x-href] {
    cursor: pointer
}

.m-t-5 {
    margin-top: 5px !important
}

.p-t-5 {
    padding-top: 5px !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.m-l-5 {
    margin-left: 5px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.p-t-25 {
    padding-top: 25px !important
}

.m-b-25 {
    margin-bottom: 25px !important
}

.p-b-25 {
    padding-bottom: 25px !important
}

.m-l-25 {
    margin-left: 25px !important
}

.p-l-25 {
    padding-left: 25px !important
}

.m-r-25 {
    margin-right: 25px !important
}

.p-r-25 {
    padding-right: 25px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.m-b-30 {
    margin-bottom: 30px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

.m-l-30 {
    margin-left: 30px !important
}

.p-l-30 {
    padding-left: 30px !important
}

.m-r-30 {
    margin-right: 30px !important
}

.p-r-30 {
    padding-right: 30px !important
}

.m-t-35 {
    margin-top: 35px !important
}

.p-t-35 {
    padding-top: 35px !important
}

.m-b-35 {
    margin-bottom: 35px !important
}

.p-b-35 {
    padding-bottom: 35px !important
}

.m-l-35 {
    margin-left: 35px !important
}

.p-l-35 {
    padding-left: 35px !important
}

.m-r-35 {
    margin-right: 35px !important
}

.p-r-35 {
    padding-right: 35px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.m-b-40 {
    margin-bottom: 40px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.m-l-40 {
    margin-left: 40px !important
}

.p-l-40 {
    padding-left: 40px !important
}

.m-r-40 {
    margin-right: 40px !important
}

.p-r-40 {
    padding-right: 40px !important
}

.m-t-45 {
    margin-top: 45px !important
}

.p-t-45 {
    padding-top: 45px !important
}

.m-b-45 {
    margin-bottom: 45px !important
}

.p-b-45 {
    padding-bottom: 45px !important
}

.m-l-45 {
    margin-left: 45px !important
}

.p-l-45 {
    padding-left: 45px !important
}

.m-r-45 {
    margin-right: 45px !important
}

.p-r-45 {
    padding-right: 45px !important
}

.m-t-50 {
    margin-top: 50px !important
}

.p-t-50 {
    padding-top: 50px !important
}

.m-b-50 {
    margin-bottom: 50px !important
}

.p-b-50 {
    padding-bottom: 50px !important
}

.m-l-50 {
    margin-left: 50px !important
}

.p-l-50 {
    padding-left: 50px !important
}

.m-r-50 {
    margin-right: 50px !important
}

.p-r-50 {
    padding-right: 50px !important
}

.m-t-75 {
    margin-top: 75px !important
}

.p-t-75 {
    padding-top: 75px !important
}

.m-b-75 {
    margin-bottom: 75px !important
}

.p-b-75 {
    padding-bottom: 75px !important
}

.m-l-75 {
    margin-left: 75px !important
}

.p-l-75 {
    padding-left: 75px !important
}

.m-r-75 {
    margin-right: 75px !important
}

.p-r-75 {
    padding-right: 75px !important
}

.m-t-100 {
    margin-top: 100px !important
}

.p-t-100 {
    padding-top: 100px !important
}

.m-b-100 {
    margin-bottom: 100px !important
}

.p-b-100 {
    padding-bottom: 100px !important
}

.m-l-100 {
    margin-left: 100px !important
}

.p-l-100 {
    padding-left: 100px !important
}

.m-r-100 {
    margin-right: 100px !important
}

.p-r-100 {
    padding-right: 100px !important
}

.bot-button {
    background: #fdb813;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .12), 0 3px 3px 0 rgba(0, 0, 0, .24), 0 0 6px 0 rgba(0, 0, 0, .12), 0 6px 6px 0 rgba(0, 0, 0, .24);
    border-radius: 24px;
    bottom: 41px;
    color: #102342;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    overflow: hidden;
    padding: 12px 10px;
    position: fixed;
    right: calc(50vw - 683px);
    text-align: center;
    transition: width 200ms ease-out;
    z-index: 100;
    white-space: nowrap;
    width: 44px;
    height: 44px
}

.bot-button .text {
    display: inline-block;
    font-family: "robotomedium", arial;
    font-size: 14px;
    margin-top: 3px;
    margin-left: 1px;
    vertical-align: top
}

.bot-button.active,
.no-touch .bot-button:hover {
    border-radius: 28px;
    width: 240px
}

.bot-button.active.en,
.no-touch .bot-button:hover.en {
    width: 184px
}

.openTour .bot-button {
    z-index: 1
}

.botContainer {
    background: #fff;
    box-shadow: -6px 0 8px 0 rgba(22, 49, 93, .1);
    bottom: 0;
    position: fixed;
    right: calc(50vw - 1000px);
    transition: transform 220ms ease-out;
    z-index: 9999;
    width: 384px;
    height: 612px;
    max-height: calc(100vh - 156px)
}

.fixed-header .botContainer {
    max-height: calc(100vh - 100px)
}

.botContainer.ng-hide {
    display: block !important;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.botHeader {
    box-shadow: inset 0 -1px 0 0 #102342;
    color: #102342;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    padding: 16px 24px;
    height: 72px
}

@media only screen and (max-width:380px) {
    .botHeader {
        padding: 16px
    }
}

.botTitle {
    font-family: "robotoregular", arial;
    font-size: 20px;
    color: #102342;
    letter-spacing: .75px
}

.botTitle>* {
    display: inline-block;
    vertical-align: middle
}

.botTitle .ic-chat {
    font-size: 22px;
    margin-right: 5px
}

@media only screen and (max-width:380px) {
    .botTitle .ic-chat {
        margin-right: 1px
    }
}

.botAction {
    color: #102342;
    cursor: pointer;
    display: inline-block;
    transition: color 150ms ease-out;
    vertical-align: middle
}

.botAction:not(:last-child) {
    margin-right: 16px
}

.no-touch .botAction:hover {
    color: #fdb813
}

.botHelp {
    font-size: 24px
}

.botClose {
    position: relative;
    width: 24px;
    height: 24px
}

.botClose:before {
    background-color: #1e3c78;
    content: '';
    left: 6px;
    position: absolute;
    top: 11px;
    transition: background-color 150ms ease-out;
    width: 12px;
    height: 2px
}

.no-touch .botClose:hover:before {
    background-color: #fab615
}

.botMain {
    background: url("") center center no-repeat;
    background-size: 48px 48px;
    height: calc(100% - 72px)
}

.botWrapper {
    height: 100%
}

#bot-iframe {
    border: 0;
    position: relative;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:2000px) {
    .botContainer {
        right: 0
    }
}

@media only screen and (max-width:1400px) {
    .bot-button {
        bottom: 24px;
        margin-right: .58%;
        right: calc(50vw - 610px)
    }

    .bot-button.bottom {
        bottom: 71px;
        position: absolute;
        right: 0
    }
}

@media only screen and (max-width:1300px) {
    .bot-button {
        margin-right: .58%;
        right: 3.125%
    }
}

@media only screen and (max-width:1200px) and (min-width:991px) {
    .bot-button {
        right: 1%
    }
}

@media only screen and (max-width:990px) {
    .botContainer {
        max-height: calc(100vh - 112px)
    }

    .fixed-header .botContainer {
        max-height: calc(100vh - 68px)
    }
}

@media only screen and (max-width:990px) and (min-width:701px) {
    .bot-button {
        margin-right: .78%;
        right: 2%
    }
}

@media only screen and (max-width:700px) {
    .bot-button {
        margin-right: 1.5%;
        right: .65%
    }
}

@media only screen and (max-width:480px) {
    .botContainer {
        width: 100%
    }

    .botContainer,
    .fixed-header .botContainer {
        max-height: 100%;
        height: 100%
    }
}

.transState:after,
.yellowRegister:after,
.stripesWrap:after {
    clear: both;
    content: '';
    display: block
}

.btnsRow,
.spaceRow,
.cntRow,
.headerTools,
.previewItem.orderView .inner,
.balanceBox,
.titleRow,
.btnStripe,
.curInput,
.favTitleRow,
.formWrap.spaceV,
.fieldsRow .fieldsWrap,
.savingsBox .wrap,
.savingsBox.fullView .goalInfoWrap,
.createIntro,
.goalSum .inner,
.transaction .col1,
.transaction.short .transDetail,
.transaction.transState .col2,
.newSplit,
.newSplit .splittingVal,
.transRow,
.iconSelector,
.budgetRow,
.budgetWrap,
.budgetTotal,
.budgetLink,
.budgetIntroWrap,
.transTable .col_3_4,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.previewItem.orderView .detail .inner {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

.previewItem.orderView .inner,
.balanceBox,
.formWrap.spaceV,
.transaction.short .col1,
.transaction.short.open .transDetail.col1_2,
.transaction.transState .col2,
.newSplit,
.iconSelector,
.budgetInner .budgetRow,
.budgetIntro.million .budgetIntroWrap,
.bankStatusWrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.savingsBox.goalIntro.empty .wrap,
.newSplit.add,
.bankStatusWrapper {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-flex-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.cntRow.end,
.newSplit .splittingVal {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-flex-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.btnsRow.center,
.balanceBox,
.btnStripe,
.savingsBox .wrap,
.budgetInner .budgetIntroWrap {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.spaceRow,
.previewItem.orderView .inner,
.titleRow,
.favTitleRow,
.fieldsRow .fieldsWrap.space,
.savingsBox.fullView .goalInfoWrap,
.goalSum .inner,
.transaction .col1,
.transaction.transState .col2,
.newSplit,
.transRow,
.budgetRow,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.budgetIntroWrap {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.transaction .col1,
.transaction.short.open .open-acc.transRow,
.transaction:not(.short) .transRow:not(.actionsRow) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

.spaceRow.center,
.previewItem.orderView .inner,
.titleRow,
.btnStripe,
.btnStripe .spaceRow,
.curInput,
.favTitleRow,
.fieldsRow .fieldsWrap.center,
.savingsBox.goalIntro .wrap,
.createIntro,
.goalSum .inner,
.newSplit,
.newSplit .splittingVal,
.transRow,
.budgetWrap,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.transaction .col2.tagCol,
.transaction.transState .status {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end
}

.transaction:not(.short) .value,
.transaction:not(.short) .col1 .col1_1,
.budgetTable .cell.budgetRemove {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center
}

.transaction.transState.open .col2 {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch
}

.balanceBox {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center
}

.formWrap.spaceV {
    -ms-flex-line-pack: space-between;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    align-content: space-between
}

.savingsBox .button.white,
.pfm .button.white {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    border-radius: 2px;
    color: #102342;
    line-height: 1.14;
    letter-spacing: .03em
}

.savingsBox .button.white sup,
.pfm .button.white sup {
    background-color: #fff;
    border-radius: 50%;
    color: #16315d;
    display: inline-block;
    font-family: "robotobold", arial;
    font-size: 12px;
    line-height: 10px;
    margin-left: 8px;
    padding: 2px 0;
    vertical-align: top;
    top: -1px;
    width: 16px;
    height: 16px
}

.savingsBox .button.white.active,
.pfm .button.white.active {
    background-color: #16315d;
    color: #fff
}

.no-touch .savingsBox .button.white:not(.inactive):not(:disabled):not(.button-blue):hover,
.savingsBox .button.white:not(.inactive):not(:disabled):not(.button-blue):active,
.savingsBox .button.white:not(.inactive):not(:disabled):not(.button-blue):focus,
.no-touch .pfm .button.white:not(.inactive):not(:disabled):not(.button-blue):hover,
.pfm .button.white:not(.inactive):not(:disabled):not(.button-blue):active,
.pfm .button.white:not(.inactive):not(:disabled):not(.button-blue):focus {
    color: #fff
}

.savingsBox .button.openFilters,
.pfm .button.openFilters {
    padding-left: 5px;
    padding-right: 5px;
    width: 104px
}

.savingsBox .button.gray,
.pfm .button.gray {
    background-color: rgba(0, 0, 0, .25);
    border-radius: 0;
    color: #fff;
    letter-spacing: .4px;
    line-height: 1.2;
    padding: 4px 8px
}

.savingsBox .button.gray:disabled,
.pfm .button.gray:disabled {
    opacity: .5
}

.titleRow .iconBtn,
.pfm .iconBtn {
    background-color: #16315d;
    border: none;
    border-radius: 2px;
    color: #fff;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    transition: all 150ms ease-out;
    width: 48px;
    height: 40px
}

.no-touch .titleRow .iconBtn:not(.inactive):not(:disabled):not(.button-blue):hover,
.titleRow .iconBtn:not(.inactive):not(:disabled):not(.button-blue):active,
.titleRow .iconBtn:not(.inactive):not(:disabled):not(.button-blue):focus,
.no-touch .pfm .iconBtn:not(.inactive):not(:disabled):not(.button-blue):hover,
.pfm .iconBtn:not(.inactive):not(:disabled):not(.button-blue):active,
.pfm .iconBtn:not(.inactive):not(:disabled):not(.button-blue):focus {
    background-color: #476fa8
}

.pfm .nowrap {
    white-space: nowrap
}

.pfm .failed {
    color: #ff4c33
}

.pfm sub {
    bottom: 0
}

.pfm .arrow-button {
    color: #102342;
    font-family: "robotomedium", arial;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: .0125em;
    position: relative;
    padding-right: 15px
}

.pfm .arrow-button:after {
    content: "";
    font-family: "icomoon";
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 3px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pfm .linkBtn {
    background: transparent;
    border: none;
    color: #102342;
    font-family: "robotomedium", arial;
    font-size: 14px;
    line-height: 1.7em;
    letter-spacing: .02em;
    padding: 0 8px;
    transition: color 250ms ease-out
}

.no-touch .pfm .linkBtn:hover {
    color: #476fa8;
    text-decoration: none
}

.pfm.popupHeader {
    padding: 32px 64px 24px 40px;
    position: relative
}

.pfm.popupHeader.border {
    border-bottom: 1px solid #d6d6d6
}

@media only screen and (max-width:990px) {
    .pfm.popupHeader {
        padding: 32px 56px 24px 24px
    }
}

.pfm.popupHeader h2:last-child {
    margin-bottom: 0
}

.pfm.popupHeader h3 {
    font-family: "robotomedium", arial;
    font-size: 20px;
    letter-spacing: -.6px;
    margin: 0
}

.pfm.popupHeader p {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: .014em;
    margin: 8px 0 0;
    opacity: .5
}

@media only screen and (max-width:990px) {
    .pfm.popupHeader p {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: .00625em
    }
}

.pfm.acc-block {
    float: none
}

.pfm.acc-block:not(.transaction) {
    margin-bottom: 16px
}

.pfm.acc-block.acc-stripe {
    margin: 0;
    position: relative;
    text-align: left
}

.pfm.acc-block.acc-stripe .acc-header {
    border-top: 1px solid #ddd;
    float: none;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .34px;
    padding: 24px 56px 32px 32px;
    transition: background 250ms ease-out
}

.overviewAcc .pfm.acc-block.acc-stripe .acc-header {
    border-top: none
}

.pfm.acc-block.acc-stripe .acc-header:after {
    content: "";
    font-family: "icomoon";
    font-size: 8px;
    line-height: 1;
    margin-top: -4px;
    position: absolute;
    right: 32px;
    top: 50%;
    transition: all 200ms ease-out
}

.pfm.acc-block.acc-stripe .acc-header:active,
.no-touch .pfm.acc-block.acc-stripe .acc-header:hover {
    background-color: #f9fafc
}

.popup .pfm.acc-block.acc-stripe .acc-header {
    padding: 27px 68px 29px 48px
}

.popup .pfm.acc-block.acc-stripe .acc-header:after {
    right: 48px
}

.pfm.acc-block.acc-stripe .acc-header .value {
    display: block;
    font-family: "robotoregular", arial;
    font-size: 20px;
    line-height: 24px
}

.pfm.acc-block.acc-stripe .acc-header .value sub {
    font-family: "robotomedium", arial;
    font-size: 14px
}

.hide-amounts .pfm.acc-block.acc-stripe .acc-header .value:before {
    display: inline-block;
    vertical-align: top
}

@media only screen and (max-width:700px) {
    .pfm.acc-block.acc-stripe .acc-header {
        padding-left: 16px
    }
}

.pfm.acc-block.acc-stripe .acc-content {
    float: none;
    padding: 0 32px
}

.popup .pfm.acc-block.acc-stripe .acc-content {
    padding: 8px
}

.pfm.acc-block.acc-stripe .acc-content.white {
    background-color: #fff
}

.pfm.acc-block.acc-stripe .acc-content .btnsRow {
    border-top: 1px solid #d6d6d6;
    padding-top: 32px
}

@media only screen and (max-width:700px) {
    .pfm.acc-block.acc-stripe .acc-content {
        padding-left: 8px;
        padding-right: 8px
    }
}

.pfm.acc-block.acc-stripe.open .acc-header:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.pfm.acc-block.acc-stripe.disabled .acc-header:after {
    content: none
}

.pfm.acc-block.acc-stripe.disabled .open-acc {
    cursor: default
}

@media only screen and (max-width:990px) {
    .popup .pfm.acc-block.acc-stripe .acc-header {
        padding: 32px 38px 32px 16px
    }

    .popup .pfm.acc-block.acc-stripe .acc-header:after {
        right: 16px
    }
}

.no-touch .acc-block .pfm .acc-header.open-acc:hover,
.acc-block .pfm .acc-header.open-acc:active {
    color: #102342
}

.no-touch .acc-block.acc-stripe .pfm .acc-header.open-acc:hover,
.acc-block.acc-stripe .pfm .acc-header.open-acc:active {
    background-color: #e0e0e0;
    color: #102342
}

.pfm .tag {
    color: #fff;
    font-family: "robotobold", arial;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .045em;
    padding: 4px 15px
}

.pfm .balance .value sub {
    font-family: "robotoregular", arial;
    font-size: 24px
}

.pfm .balance .value .s {
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0
}

.pfm .balance .value .s sub {
    font-size: 16px
}

.pfm .introMsg {
    margin-bottom: 60px;
    padding: 0 16px
}

@media only screen and (max-width:700px) {
    .pfm .introMsg {
        margin-bottom: 54px
    }
}

.pfm .introMsg p {
    color: #102342;
    font-family: "robotolight", arial;
    line-height: 1.5;
    letter-spacing: .0125em;
    max-width: 590px
}

.pfm .introMsg .btn {
    background: none;
    border: none;
    cursor: pointer;
    font-family: "robotobold", arial;
    font-size: 14px
}

.pfm .dashboard.main-col>h3:first-child,
.pfm .dashboard h3 {
    color: #102342;
    font-size: 24px;
    letter-spacing: .12px;
    line-height: 32px;
    margin: 0 0 16px;
    text-align: left
}

@media only screen and (max-width:700px) {

    .pfm .dashboard.main-col>h3:first-child,
    .pfm .dashboard h3 {
        font-size: 20px
    }
}

.pfm .main-col.dashboard {
    padding-left: 10px
}

@media only screen and (max-width:700px) {
    .pfm .main-col.dashboard {
        padding-left: 0
    }
}

.pfm .main-col.dashboard.activeSection {
    z-index: 11
}

.pfm .main-col.dashboard.tooltipOpen {
    z-index: 11
}

.main-content .wrapper .pfm .sidebar {
    float: left
}

@media only screen and (max-width:990px) {
    .main-content .wrapper .pfm .sidebar {
        margin-bottom: 48px
    }
}

@media only screen and (max-width:700px) {
    .main-content .wrapper .pfm .sidebar {
        margin-bottom: 32px
    }
}

.pfm .timer {
    margin-top: 32px
}

.pfm .yellowRegister {
    background-color: #fff;
    margin-bottom: 16px;
    padding: 40px 32px 24px;
    text-align: left
}

@media only screen and (max-width:990px) {
    .pfm .yellowRegister {
        padding-left: 16px;
        padding-right: 16px
    }
}

.pfm .yellowRegister p {
    color: #102342;
    font-family: "robotoregular", arial;
    line-height: 1.5;
    letter-spacing: .0125em;
    margin: 0 0 24px
}

.pfm .yellowRegister img {
    margin-bottom: 24px;
    width: 96px;
    height: auto
}

.pfm .yellowRegister .button {
    float: right;
    margin: 0;
    padding: 0
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .pfm .p-banking .block:after {
        display: none
    }
}

.business .catIcon,
.reallocated .catIcon,
.uncategorized .catIcon {
    color: #102342
}

.splitRow.business .catIcon,
.splitRow.reallocated .catIcon,
.splitRow.uncategorized .catIcon {
    color: #102342
}

.splitRow.income .catIcon {
    color: #63866d
}

.splitRow.cash .catIcon {
    color: #e99c51
}

.splitRow.health .catIcon {
    color: #b394b2
}

.splitRow.home .catIcon {
    color: #d1796c
}

.splitRow.leisure .catIcon {
    color: #476fa8
}

.splitRow.obligations .catIcon {
    color: #64b5b0
}

.splitRow.shopping .catIcon {
    color: #c46492
}

.splitRow.transport .catIcon {
    color: #baac76
}

.splitRow.other .catIcon {
    color: #d6d6d6
}

.income.tag {
    background-color: #63866d
}

.income.splitRow .catIcon,
.income .catIcon {
    color: #63866d
}

.income.budgetRow {
    border-color: #63866d
}

.cash.tag {
    background-color: #e99c51
}

.cash.splitRow .catIcon,
.cash .catIcon {
    color: #e99c51
}

.cash.budgetRow {
    border-color: #e99c51
}

.health.tag {
    background-color: #b394b2
}

.health.splitRow .catIcon,
.health .catIcon {
    color: #b394b2
}

.health.budgetRow {
    border-color: #b394b2
}

.home.tag {
    background-color: #d1796c
}

.home.splitRow .catIcon,
.home .catIcon {
    color: #d1796c
}

.home.budgetRow {
    border-color: #d1796c
}

.leisure.tag {
    background-color: #476fa8
}

.leisure.splitRow .catIcon,
.leisure .catIcon {
    color: #476fa8
}

.leisure.budgetRow {
    border-color: #476fa8
}

.obligations.tag {
    background-color: #64b5b0
}

.obligations.splitRow .catIcon,
.obligations .catIcon {
    color: #64b5b0
}

.obligations.budgetRow {
    border-color: #64b5b0
}

.shopping.tag {
    background-color: #c46492
}

.shopping.splitRow .catIcon,
.shopping .catIcon {
    color: #c46492
}

.shopping.budgetRow {
    border-color: #c46492
}

.transport.tag {
    background-color: #baac76
}

.transport.splitRow .catIcon,
.transport .catIcon {
    color: #baac76
}

.transport.budgetRow {
    border-color: #baac76
}

.other.tag {
    background-color: #d6d6d6
}

.other.splitRow .catIcon,
.other .catIcon {
    color: #d6d6d6
}

.other.budgetRow {
    border-color: #d6d6d6
}

.filtersBlock {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    display: none;
    padding: 40px 56px 48px;
    margin: 8px 0 24px
}

@media only screen and (max-width:1280px) {
    .filtersBlock {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (max-width:990px) {
    .filtersBlock {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (max-width:700px) {
    .filtersBlock {
        padding-top: 32px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:701px) {
    .btnsRow.end {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -webkit-flex-pack: end;
        -ms-flex-pack: end;
        -moz-justify-content: flex-end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .btnsRow.end .button:not(:first-child) {
        margin-left: 4px
    }
}

.btnsRow .button {
    margin: 4px 0
}

.btnsRow.border {
    border-top: 1px solid #d6d6d6
}

.popup .btnsRow {
    padding: 16px 40px
}

@media only screen and (max-width:700px) {
    .popup .btnsRow {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media only screen and (max-width:700px) {
    .btnsRow {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-flex-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.orderView div.checkbox {
    margin-top: -10px;
    position: absolute;
    right: 40px;
    top: 50%
}

@media only screen and (max-width:700px) {
    .orderView div.checkbox {
        right: 5px
    }
}

.filtersMain {
    padding: 48px 40px 0
}

@media only screen and (max-width:1280px) {
    .filtersMain {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (max-width:990px) {
    .filtersMain {
        padding: 40px 8px 0
    }
}

.filtersMain .btnsRow {
    margin-top: 48px
}

.filtersHead {
    border-bottom: 1px solid #d6d6d6;
    text-align: center
}

.filtersHead h2 {
    color: #102342;
    font-size: 24px;
    line-height: 1.3;
    margin: 0 0 16px
}

@media only screen and (max-width:700px) {
    .filtersHead h2 {
        font-size: 20px;
        margin-bottom: 24px
    }
}

.headerTools .button {
    margin-bottom: 0;
    margin-top: 0
}

.headerTools>*:not(:first-child) {
    margin-left: 8px
}

.alignRight {
    text-align: right
}

.previewItem {
    padding: 16px 12px 24px;
    position: relative
}

.previewItem .previewItemLink {
    left: 0;
    position: absolute;
    transition: background-color 200ms ease-out;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.no-touch .overviewAcc .previewItem:hover {
    background-color: #f9fafc
}

.no-touch .overviewAcc .previewItem:hover .name {
    font-family: "robotobold", arial
}

.previewItem.orderView {
    background-color: #fff;
    border-bottom: 1px solid #d6d6d6;
    padding: 15px 104px 16px 120px
}

.previewItem.orderView:not(:first-child) {
    border-top: none
}

@media only screen and (max-width:990px) {
    .previewItem.orderView {
        padding-left: 72px;
        padding-right: 72px
    }
}

.previewList:not(.sortableList) .previewItem.orderView {
    padding-left: 48px
}

@media only screen and (max-width:990px) {
    .previewList:not(.sortableList) .previewItem.orderView {
        padding-left: 24px;
        padding-right: 54px
    }
}

.previewItem.orderView.ui-state-disabled .checkbox .ic-check,
.previewItem.orderView.ui-state-disabled .value,
.previewItem.orderView.ui-state-disabled .name {
    color: rgba(16, 35, 66, .5)
}

.previewItem.orderView .detail {
    width: 100%
}

.previewItem.orderView .detail .inner {
    margin-top: 4px
}

.previewItem.orderView .detail .value {
    margin: 0
}

@media only screen and (max-width:700px) {
    .previewItem.orderView .detail .value {
        width: auto
    }
}

.previewItem.orderView .detail .value sub {
    font-size: 10px
}

.previewItem.orderView .detail .value,
.previewItem.orderView .detail .name {
    color: rgba(16, 35, 66, .5);
    font-size: 12px
}

@media only screen and (max-width:990px) {
    .previewItem.orderView .detail .name {
        line-height: 1.3;
        letter-spacing: .02em
    }
}

.previewItem.orderView .name {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .00625em;
    padding-right: 0
}

.previewItem.orderView .name .icon {
    margin-top: 4px
}

.previewItem.orderView .inner {
    padding: 0;
    width: 100%
}

.previewItem.orderView .inner .detail {
    margin-top: 8px
}

@media only screen and (max-width:700px) {
    .previewItem.orderView .inner .detail {
        margin-bottom: 8px
    }
}

.previewItem.orderView.ui-state-disabled {
    background-color: #f4f4f4;
    border-color: rgba(16, 35, 66, .2);
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.previewItem.orderView.ui-sortable-helper {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3)
}

.previewItem.orderView .iban {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .02em;
    white-space: normal
}

.previewItem.orderView .value {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: .0125em;
    margin: 0
}

@media only screen and (max-width:700px) {
    .previewItem.orderView .value {
        order: 2;
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: .005em;
        margin-top: 14px;
        width: 100%
    }
}

.previewItem.orderView .value sub {
    font-size: 12px
}

@media only screen and (max-width:700px) {
    .previewItem.orderView .value sub {
        font-size: 14px
    }
}

.previewItem.spaceRow {
    border: none;
    padding: 10px 0
}

@media only screen and (max-width:700px) {
    .previewItem.spaceRow {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .previewItem.spaceRow .value {
        width: 100%
    }
}

.previewItem .name {
    color: #102342;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .34px;
    margin: 0;
    position: relative;
    padding-right: 15px;
    transition: color 250ms ease-out;
    vertical-align: top
}

.previewItem .name .icon {
    display: inline-block;
    font-size: 16px;
    margin-top: 7px;
    margin-right: 8px;
    vertical-align: top
}

.previewItem .iban {
    color: #102342;
    display: block;
    font-size: 14px;
    line-height: 24px
}

.previewItem .value {
    color: #102342;
    display: inline-block;
    font-size: 20px;
    margin-top: 8px;
    vertical-align: top;
    white-space: nowrap
}

.previewItem .value sub {
    font-family: 'robotomedium';
    font-size: 14px
}

.previewItem .name.nonBudgetizable,
.previewItem .value.nonBudgetizable {
    color: #8a8a8a
}

.previewItem .name.nonBudgetizable~.iban,
.previewItem .value.nonBudgetizable~.iban {
    color: #8a8a8a
}

.previewItem a.name:after {
    content: "";
    display: inline;
    font-family: "icomoon";
    font-size: 8px;
    margin-left: 4px;
    line-height: 27px;
    vertical-align: top
}

.previewItem a.name:active {
    text-decoration: none
}

.previewItem.spaceRow .value {
    margin: 0
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .previewList .previewItem:not(.orderView) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 24px 12px
    }

    .previewList .previewItem:not(.orderView) .previewItemInfo {
        -webkit-flex-grow: 1;
        -webkit-box-flex: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .previewList .previewItem:not(.orderView) .value {
        margin-top: 0
    }
}

.orderInfo {
    border-bottom: 1px solid rgba(16, 35, 66, .2);
    padding: 39px;
    text-align: center
}

@media only screen and (max-width:990px) {
    .orderInfo {
        padding: 31px 8px;
        text-align: left
    }
}

.orderInfo p {
    color: #102342;
    display: inline-block;
    font-family: "robotolight", arial;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: .02em;
    margin: 0;
    vertical-align: top;
    max-width: 350px
}

@media only screen and (max-width:990px) {
    .orderInfo p {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: .00625em
    }
}

.overviewWrap {
    padding-right: 10px
}

@media only screen and (max-width:700px) {
    .overviewWrap {
        padding-right: 0
    }
}

.overviewWrap .p-banking {
    margin-top: 0
}

.overviewWrap .p-banking .button {
    margin: 24px 0 14px
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .overviewWrap .p-banking .button {
        margin-left: auto;
        margin-right: auto
    }
}

.overviewWrap .p-banking .button:not(.inactive):not(:disabled):active,
.no-touch .overviewWrap .p-banking .button:not(.inactive):not(:disabled):hover,
.no-touch .overviewWrap .p-banking .button:not(.inactive):not(:disabled):focus {
    background-color: transparent;
    border-color: #eda926;
    color: #eda926
}

.overviewWrap .p-banking>.info {
    margin-top: 8px;
    padding: 10px 32px
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .overviewWrap .p-banking>.info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 0;
        padding: 16px;
        position: relative
    }
}

@media only screen and (max-width:700px) {
    .overviewWrap .p-banking>.info {
        margin-top: 0
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .overviewWrap .p-banking .block {
        padding: 8px;
        width: 50%
    }

    .overviewWrap .p-banking .block.user {
        border-bottom: 1px solid rgba(201, 207, 219, .6);
        margin-bottom: 8px;
        padding-bottom: 16px;
        width: 100%
    }
}

.overviewWrap h3 {
    font-size: 24px;
    letter-spacing: .12px;
    line-height: 32px;
    margin: 0 0 16px;
    text-align: left
}

@media only screen and (max-width:700px) {
    .overviewWrap h3 {
        font-size: 20px
    }
}

.popupCnt {
    padding: 24px 40px
}

.popupCnt.noSpaceV {
    padding-top: 0;
    padding-bottom: 0
}

.popupCnt:first-child {
    padding-top: 56px
}

.popupCnt.transaction-details {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.popupCnt.transaction-details h3 {
    font-size: 26px
}

.popupCnt.transaction-details .buttons-wrap {
    margin-top: 0;
    margin-bottom: 54px
}

@media only screen and (max-width:700px) {
    .popupCnt.transaction-details .buttons-wrap {
        margin-bottom: 38px
    }
}

@media only screen and (max-width:990px) {
    .popupCnt {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media only screen and (max-width:700px) {
    .popupCnt {
        padding: 24px 24px 40px
    }

    .popupCnt:first-child {
        padding-top: 40px
    }
}

.popupCnt h3 {
    color: #102342;
    font-family: 'robotolight';
    font-size: 32px;
    letter-spacing: -.6px;
    line-height: 1.25;
    margin: 0 0 8px
}

@media only screen and (max-width:700px) {
    .popupCnt h3 {
        font-size: 24px;
        letter-spacing: 0;
        line-height: 1.33;
        margin-bottom: 40px
    }
}

.popupCnt p:not(.error):last-child {
    margin-bottom: 0
}

.popupCnt p:not(.error) b {
    font-family: 'robotomedium'
}

.hideNum .num {
    visibility: hidden
}

.hideNum .value {
    background-color: #16315d
}

.visBtn {
    background: transparent;
    border: none;
    color: #16315d;
    font-size: 20px;
    left: 9px;
    padding: 0 5px;
    position: absolute;
    top: 9px
}

.visBtn:before {
    content: "";
    font-family: "icomoon"
}

.hideNum .visBtn:before {
    content: ""
}

.allBar {
    color: #16315d;
    cursor: pointer;
    font-family: "robotobold", arial;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .5px;
    padding: 24px;
    text-align: center;
    transition: background 250ms ease-out
}

@media only screen and (max-width:700px) {
    .allBar {
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: .012em;
        padding: 30px 16px
    }
}

.allBar:hover {
    background-color: #f9fafc
}

.allBar.b {
    font-size: 14px;
    line-height: 1;
    letter-spacing: .035em;
    padding: 24px
}

.allBar span {
    display: block;
    font-family: "robotoregular", arial;
    line-height: 1.7;
    letter-spacing: .02em;
    margin-top: 3px
}

.overviewBox {
    margin: 0 0 16px;
    position: relative
}

.overviewBox.lightBlue {
    background-color: rgba(22, 49, 93, .1)
}

.overviewBox .previewList {
    position: relative
}

.overviewBox .visOptions {
    position: absolute;
    right: 6px;
    top: 5px
}

.overviewBox .visOptions .btn {
    background: transparent;
    border: none;
    color: #16315d;
    cursor: pointer;
    padding: 5px;
    height: 26px
}

.overviewBox .visOptions .btn:before {
    content: "";
    font-family: "icomoon";
    font-size: 24px
}

.overviewBox:after {
    clear: both;
    content: '';
    display: block;
    width: 100%
}

.overviewAcc .pfm.acc-block.acc-stripe {
    background-color: transparent;
    margin-bottom: 2px
}

.overviewAcc .pfm.acc-block.acc-stripe .acc-content {
    padding: 0
}

.overviewAcc .acc-header {
    background-color: #fff
}

.overviewAcc .acc-content {
    margin-bottom: 8px
}

.overviewAcc .acc-block.open .acc-header {
    box-shadow: inset 0 -1px 0 0 #ddd
}

.overviewAcc .previewList .previewItem {
    border-bottom: none;
    margin: 2px 0;
    padding: 16px 32px 24px 56px
}

@media only screen and (max-width:700px) {
    .overviewAcc .previewList .previewItem {
        padding-left: 40px
    }
}

@media only screen and (max-width:480px) {
    .overviewAcc .previewList .previewItem {
        padding-left: 24px;
        padding-right: 16px
    }
}

.overviewAcc .previewList .previewItem:first-child {
    margin-top: 1px
}

.overviewAcc .previewList .previewItem:last-child {
    margin-bottom: 1px
}

.overviewAcc .previewList .previewItem:not(:last-child):after {
    background-color: #ddd;
    bottom: -1px;
    content: '';
    left: 32px;
    position: absolute;
    width: calc(100% - 64px);
    height: 1px
}

@media only screen and (max-width:480px) {
    .overviewAcc .previewList .previewItem:not(:last-child):after {
        left: 16px;
        width: calc(100% - 32px)
    }
}

.overviewAcc.budgetTile .previewList .previewItem:not(.nonBudgetizable):before {
    background-color: #16315d;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 8px;
    height: 100%
}

.visOptions .content {
    background-color: #16315d;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    display: none;
    padding: 13px 16px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 216px
}

.visOptions .content:before {
    border-color: transparent transparent #16315d transparent;
    border-style: solid;
    border-width: 0 7px 6px 7px;
    content: '';
    position: absolute;
    right: 10px;
    top: -5px;
    width: 0;
    height: 0
}

.visOptions .checkbox label {
    display: block
}

.visOptions div.checkbox {
    display: block;
    margin: 0;
    padding: 0 21px 0 0;
    position: relative
}

.visOptions div.checkbox .ic-check {
    left: auto;
    right: 0;
    width: 21px
}

.balanceBox {
    padding: 28px 0
}

.balanceBox.s {
    padding: 12px
}

.balanceBox.s .balance .value {
    line-height: 32px
}

.balanceBox .balance {
    margin: 12px 0;
    text-align: center;
    width: 100%
}

.balanceBox .balance h4 {
    font-family: "robotoregular", arial;
    line-height: 1.75;
    letter-spacing: .34px;
    margin: 0;
    width: 100%
}

.balanceBox .balance .value {
    color: #102342;
    display: inline-block;
    font-family: "robotolight", arial;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: .2px;
    vertical-align: top;
    white-space: nowrap;
    min-width: 264px
}

.balanceBox .balance .value.million {
    font-size: 24px
}

.balanceBox .balance .value.million sub {
    font-size: 16px
}

@media only screen and (max-width:990px) {
    .balanceBox .balance .value {
        min-width: 216px
    }
}

@media only screen and (max-width:360px) {
    .balanceBox .balance .value:not(.s):not(.million) {
        font-size: 40px
    }
}

.balanceBox .balance .value.s {
    font-family: "robotoregular", arial;
    font-size: 24px
}

.balanceBox .balance .value.s sub {
    font-size: 20px
}

.balanceBox .balance.nonBudgetizable h4,
.balanceBox .balance.nonBudgetizable .value.s .num {
    color: #8a8a8a
}

.searchBlock {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .3);
    padding: 0 48px 0 0;
    position: relative;
    width: 216px;
    height: 40px
}

@media only screen and (max-width:700px) {
    .searchBlock {
        width: 224px;
        height: 56px
    }
}

.pfm .searchBlock input.text {
    background: transparent;
    border: none;
    padding: 0 0 0 16px;
    width: 100%
}

.searchBlock .submit {
    background: transparent;
    border: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 48px;
    height: 100%
}

.searchBlock:before {
    color: #102342;
    content: "";
    font-family: "icomoon";
    font-size: 22px;
    line-height: 1;
    margin-top: -10px;
    position: absolute;
    right: 12px;
    top: 50%
}

.searchBlock .text::-webkit-input-placeholder {
    color: rgba(16, 35, 66, .5)
}

.searchBlock .text::-moz-placeholder {
    color: rgba(16, 35, 66, .5)
}

.searchBlock .text:-ms-input-placeholder {
    color: rgba(16, 35, 66, .5)
}

.searchBlock .text:-moz-placeholder {
    color: rgba(16, 35, 66, .5)
}

@media only screen and (max-width:990px) {
    .btnStripeWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: stretch;
        align-items: stretch
    }
}

@media only screen and (max-width:700px) {
    .btnStripeWrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:990px) {

    .btnStripeWrap .yellowRegister,
    .btnStripeWrap .btnStripe {
        width: calc(50% - 8px)
    }
}

@media only screen and (max-width:700px) {

    .btnStripeWrap .yellowRegister,
    .btnStripeWrap .btnStripe {
        width: 100%
    }
}

.titleRow {
    margin: 32px 0
}

@media only screen and (max-width:700px) {
    .titleRow {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 24px
    }

    .titleRow .headerTools {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        order: 3;
        margin-top: 24px;
        width: 100%
    }

    .titleRow .deskBtn {
        display: none
    }
}

.titleRow h1 {
    margin: 0
}

.boxItem {
    background-color: #fff
}

.boxItem.allBar {
    position: relative;
    z-index: 1
}

.boxItem.allBar:not(.noBorder) {
    border-top: 1px solid #ddd
}

.boxItem.allBar.disabled {
    color: rgba(16, 35, 66, .5);
    cursor: default
}

.sortableList .handler {
    cursor: move;
    left: 40px;
    margin-top: -10px;
    padding: 5px;
    position: absolute;
    top: 50%;
    width: 34px;
    height: 19px
}

.sortableList .handler .handlerInner {
    border-top: 1px solid rgba(22, 49, 93, .5);
    display: block;
    position: relative;
    width: 24px;
    height: 9px
}

.sortableList .handler .handlerInner:before,
.sortableList .handler .handlerInner:after {
    background-color: rgba(22, 49, 93, .5);
    content: '';
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px
}

.sortableList .handler .handlerInner:after {
    bottom: 0
}

.sortableList .handler .handlerInner:before {
    top: 3px
}

.popup .sortableList .handler {
    left: 48px
}

@media only screen and (max-width:990px) {
    .popup .sortableList .handler {
        left: 24px
    }
}

@media only screen and (max-width:700px) {
    .sortableList .handler {
        left: 0
    }
}

.sortableList .goal .handler {
    border-top-width: 2px;
    margin: 0;
    left: 32px;
    top: 24px;
    height: 22px
}

.sortableList .goal .handler:before,
.sortableList .goal .handler:after {
    height: 2px
}

.sortableList .ui-state-disabled .handler {
    display: none
}

.btnStripe {
    color: #fff;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .2px;
    margin-bottom: 16px;
    padding: 28px 0;
    text-align: center;
    transition: color 200ms ease-out
}

.btnStripe.yellow {
    background-color: #fcb813
}

.no-touch .btnStripe.yellow:focus {
    text-decoration: none
}

.btnStripe sub {
    font-size: 12px
}

.btnStripe .linkText {
    display: inline-block;
    padding: 0 32px;
    width: 100%
}

@media only screen and (max-width:990px) {
    .btnStripe .linkText {
        padding: 0 16px
    }
}

.btnStripe .spaceRow {
    padding: 0 24px;
    width: 100%
}

.btnStripe.blue {
    background-color: #16315d
}

.no-touch .btnStripe.blue:hover,
.btnStripe.blue:active {
    color: #fcb813
}

.no-touch .btnStripe.blue:focus {
    text-decoration: none
}

.btnStripe .yellows {
    color: #fff;
    font-size: 34px;
    line-height: 1.18;
    letter-spacing: -.018em;
    transition: color 200ms ease-out
}

.no-touch .btnStripe:hover .yellows {
    color: #102342
}

.no-touch a.btnStripe:hover {
    text-decoration: none
}

.stripesWrap .acc-stripe {
    margin-top: 8px
}

.popup .stripesWrap .acc-stripe:first-child {
    margin-top: 0
}

.popup .stripesWrap {
    margin-top: 24px;
    min-height: 200px
}

@media only screen and (max-width:700px) {
    .popup .stripesWrap {
        min-height: inherit
    }
}

.dashboardSec {
    margin-bottom: 48px
}

.dashboardSec:last-child {
    margin-bottom: 8px
}

@media only screen and (max-width:700px) {
    .fieldsWrap>*:not(:last-child) {
        margin-bottom: 24px;
        margin-right: 0
    }
}

.transMenu {
    display: inline-block;
    position: relative
}

.transRow .transMenu {
    vertical-align: top
}

.transMenu.right {
    float: none
}

.transMenu.right .menuWrap {
    left: auto;
    right: -1px
}

@media only screen and (max-width:990px) {
    .transTableRow .transMenu.right .menuWrap {
        left: -1px;
        right: auto
    }
}

.transMenu .menuWrap {
    background-color: #fff;
    display: none;
    left: -1px;
    position: absolute;
    top: 100%
}

.transMenu .menu {
    background-color: #fff;
    border-right: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-radius: 0 0 2px 2px;
    margin: 0;
    padding: 0;
    min-width: 200px;
    max-width: 220px
}

.transMenu .menu li {
    border-top: 1px solid #d6d6d6;
    list-style: none;
    margin: 0
}

.transMenu .menu .option {
    background: transparent;
    border: none;
    color: #102342;
    display: block;
    white-space: nowrap;
    font-family: "robotoregular", arial;
    font-size: 14px;
    line-height: 1.2;
    padding: 10px 16px;
    text-align: left;
    text-decoration: none;
    width: 100%
}

.no-touch .transMenu .menu .option:hover,
.transMenu .menu .option:active {
    background-color: #102342;
    color: #fff;
    text-decoration: none
}

.transMenu .catOption:not(.default) {
    color: #fff;
    cursor: pointer;
    font-family: "robotobold", arial;
    font-size: 11px;
    letter-spacing: .5px;
    line-height: 8px;
    overflow: hidden;
    padding: 8px 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    min-height: 24px
}

.transMenu .catOption:not(.default):not(.openTransMenu) {
    padding-right: 16px
}

.transMenu .catOption:not(.default):before {
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.transMenu .catOption:not(.default):after {
    color: #fff;
    left: 0;
    text-align: center;
    width: 24px
}

.transMenu .catOption:not(.default).noIcon {
    padding-left: 8px
}

.transMenu .catOption:not(.default).noIcon:after {
    display: none
}

.transMenu .catOption:not(.default) .arrow {
    color: #fff;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 25px;
    height: 100%
}

.transMenu .catOption:not(.default) .arrow:after {
    content: "";
    display: block;
    font-family: 'icomoon';
    font-size: 25px;
    line-height: 24px;
    transition: transform 200ms ease-out
}

.newSplit .transMenu .catOption:not(.default) .arrow {
    background-color: #f4f4f4
}

.transMenu.open {
    z-index: 2
}

.transMenu.open .catOption:not(.default) .arrow:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.grayBlock {
    background-color: #fafafa;
    padding: 16px 40px;
    position: relative;
    color: #102342;
    font-family: "robotolight", arial;
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 20px
}

.popupCnt .grayBlock {
    left: -40px;
    width: calc(100% + 80px)
}

@media only screen and (max-width:990px) {
    .popupCnt .grayBlock {
        left: -24px;
        padding-left: 24px;
        padding-right: 24px;
        width: calc(100% + 48px)
    }
}

.selectedCat {
    color: #fff;
    font-size: 16px;
    letter-spacing: .2px;
    line-height: 24px;
    padding: 8px 16px;
    position: relative
}

.selectedCat.icon {
    padding-left: 48px
}

.selectedCat.icon:before {
    font-family: "icomoon";
    font-size: 16px;
    left: 16px;
    line-height: 1;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.selectedCat.cash {
    background-color: #e99c51
}

.selectedCat.cash.icon:before {
    content: ""
}

.selectedCat.health {
    background-color: #b394b2
}

.selectedCat.health.icon:before {
    content: ""
}

.selectedCat.home {
    background-color: #d1796c
}

.selectedCat.home.icon:before {
    content: ""
}

.selectedCat.leisure {
    background-color: #476fa8
}

.selectedCat.leisure.icon:before {
    content: ""
}

.selectedCat.obligations {
    background-color: #64b5b0
}

.selectedCat.obligations.icon:before {
    content: ""
}

.selectedCat.shopping {
    background-color: #c46492
}

.selectedCat.shopping.icon:before {
    content: ""
}

.selectedCat.transport {
    background-color: #baac76
}

.selectedCat.transport.icon:before {
    content: ""
}

.selectedCat.business {
    background-color: #102342
}

.selectedCat.business.icon:before {
    content: ""
}

.selectedCat.income {
    background-color: #63866d
}

.selectedCat.income.icon:before {
    content: ""
}

.selectedCat.other {
    background-color: #d6d6d6
}

.selectedCat.other.icon:before {
    content: ""
}

.curInput .cur {
    color: #102342;
    padding-left: 8px
}

.trBlock {
    margin-bottom: 16px
}

.trBlock .trHeader {
    background-color: #fff;
    color: #102342;
    cursor: pointer;
    font-family: "robotoregular", arial;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .1px;
    padding: 24px 56px 24px 72px;
    position: relative;
    transition: background 250ms ease-out
}

.no-touch .trBlock .trHeader:hover {
    background-color: #f9fafc
}

.trBlock .trHeader .value {
    letter-spacing: .1px;
    line-height: 20px;
    font-family: "robotomedium", arial;
    font-size: 14px
}

.trBlock .trHeader .value span {
    font-family: "robotoregular", arial
}

@media only screen and (max-width:700px) {
    .trBlock .trHeader .value {
        margin-top: 8px;
        text-align: left
    }

    .trBlock .trHeader .value span {
        display: inline
    }
}

@media only screen and (max-width:700px) {
    .trBlock .trHeader {
        padding: 28px 40px 28px 64px
    }
}

@media only screen and (max-width:480px) {
    .trBlock .trHeader {
        padding-left: 48px
    }
}

@media only screen and (max-width:700px) {
    .trBlock .trHeader .spaceRow {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
}

.trBlock .trHeader:after {
    content: "";
    font-family: "icomoon";
    font-size: 8px;
    margin-top: -4px;
    position: absolute;
    right: 32px;
    line-height: 1;
    top: 50%;
    transition: all 200ms ease-out
}

@media only screen and (max-width:700px) {
    .trBlock .trHeader:after {
        right: 16px
    }
}

.trBlock .transactions {
    display: none;
    position: relative
}

.trBlock.open .trHeader:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.trBlock.open .transactions {
    display: block
}

.main-title .favTitleRow .add-to-fav+h1 {
    max-width: inherit
}

.favTitleRow {
    margin: 6px 0 11px
}

@media only screen and (max-width:700px) {
    .favTitleRow {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .favTitleRow>* {
        width: 100%
    }
}

.favTitleRow h1 {
    margin: 10px 0;
    max-width: inherit
}

@media only screen and (max-width:700px) {
    .favTitleRow h1 {
        width: calc(100% - 26px)
    }
}

.favTitleRow .headerTools {
    margin: 10px 0 10px 10px
}

@media only screen and (max-width:700px) {
    .favTitleRow .headerTools {
        margin-left: 0
    }
}

.transaction-grid .status-info {
    font-family: 'robotomedium';
    white-space: nowrap
}

.transaction-grid .status-info .category {
    display: inline-block;
    margin: -2px 6px 0 0;
    vertical-align: top;
    white-space: nowrap;
    width: 16px
}

.transaction-grid .status-info .category:before {
    font-family: 'icomoon';
    font-size: 16px
}

.transaction-grid .status-info.home {
    color: #d1796c
}

.transaction-grid .status-info.home .category:before {
    content: ""
}

.transaction-grid .status-info.obligations {
    color: #64b5b0
}

.transaction-grid .status-info.obligations .category:before {
    content: ""
}

.transaction-grid .status-info.leisure {
    color: #476fa8
}

.transaction-grid .status-info.leisure .category:before {
    content: ""
}

.transaction-grid .status-info.shopping {
    color: #c46492
}

.transaction-grid .status-info.shopping .category:before {
    content: ""
}

.transaction-grid .status-info.health {
    color: #b394b2
}

.transaction-grid .status-info.health .category:before {
    content: ""
}

.transaction-grid .status-info.transport {
    color: #baac76
}

.transaction-grid .status-info.transport .category:before {
    content: ""
}

.transaction-grid .status-info.business {
    color: #102342
}

.transaction-grid .status-info.business .category:before {
    content: ""
}

.transaction-grid .status-info.cash {
    color: #e99c51
}

.transaction-grid .status-info.cash .category:before {
    content: ""
}

.transaction-grid .status-info.other {
    color: #d6d6d6
}

.transaction-grid .status-info.other .category:before {
    content: ""
}

.transaction-grid .status-info.income {
    color: #63866d
}

.transaction-grid .status-info.income .category:before {
    content: ""
}

.transaction-grid .status-info.reallocated {
    color: #102342
}

.transaction-grid .status-info.reallocated .category:before {
    content: ""
}

.transaction-grid .status-info.split {
    color: #858585
}

.transaction-grid .status-info.split .category:before {
    content: ""
}

.transaction-grid .status-info.uncategorized .category {
    display: none;
    margin: 0
}

.value sub {
    margin-left: 8px
}

.rulesList {
    border-color: #d6d6d6
}

.rulesList.home {
    border-color: #d1796c
}

.rulesList.obligations {
    border-color: #64b5b0
}

.rulesList.transport {
    border-color: #baac76
}

.rulesList.cash {
    border-color: #e99c51
}

.rulesList.health {
    border-color: #b394b2
}

.rulesList.leisure {
    border-color: #476fa8
}

.rulesList.shopping {
    border-color: #c46492
}

.rulesList.other {
    border-color: #d6d6d6
}

.rulesList.income {
    border-color: #63866d
}

.rulesList.reallocated,
.rulesList.business,
.rulesList.uncategorized {
    border-color: #102342
}

@media only screen and (max-width:700px) {
    .filters .onlyCat .col.s {
        margin-bottom: 0
    }
}

.filter-item .select-box.accountListS {
    width: 400px;
    max-width: 100%
}

@media only screen and (max-width:700px) {
    .filter-item .select-box.accountListS {
        width: 100%
    }
}

.dashboardSide .p-banking {
    background-color: #a8996e
}

.dashboardSide .p-banking .privateBanking {
    color: #fbfbfb;
    display: block;
    font-size: 16px;
    padding: 32px 16px;
    text-align: center;
    width: 100%;
    text-decoration: none
}

.dashboardSide .p-banking .privateBanking:after {
    display: none
}

.dashboardSide .p-banking .img {
    margin: 0 auto;
    width: 200px
}

.overviewBox .acc-content {
    background-color: #fff
}

.warningBlue {
    color: #102342;
    font-family: "robotomedium", arial
}

.pfm.fieldsWrap .warningBlue {
    margin-top: -16px
}

.categoryTitle {
    color: #102342;
    font-family: "robotobold", arial;
    font-size: 15px;
    margin-top: 24px;
    margin-bottom: 8px;
    padding-left: 28px;
    position: relative
}

.categoryTitle .catIcon {
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 2px
}

.show,
.ng-show {
    display: block !important
}

.hide,
.ng-hide {
    display: none !important
}

.pfm.acc-block.acc-stripe .acc-header .acc-subTitle {
    display: block;
    font-family: "robotoregular", arial;
    font-size: 20px;
    line-height: 24px
}

.transState:after,
.yellowRegister:after,
.stripesWrap:after {
    clear: both;
    content: '';
    display: block
}

.btnsRow,
.spaceRow,
.cntRow,
.headerTools,
.previewItem.orderView .inner,
.balanceBox,
.titleRow,
.btnStripe,
.curInput,
.favTitleRow,
.formWrap.spaceV,
.fieldsRow .fieldsWrap,
.savingsBox .wrap,
.savingsBox.fullView .goalInfoWrap,
.createIntro,
.goalSum .inner,
.transaction .col1,
.transaction.short .transDetail,
.transaction.transState .col2,
.newSplit,
.newSplit .splittingVal,
.transRow,
.iconSelector,
.budgetRow,
.budgetWrap,
.budgetTotal,
.budgetLink,
.budgetIntroWrap,
.transTable .col_3_4,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.previewItem.orderView .detail .inner {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

.previewItem.orderView .inner,
.balanceBox,
.formWrap.spaceV,
.transaction.short .col1,
.transaction.short.open .transDetail.col1_2,
.transaction.transState .col2,
.newSplit,
.iconSelector,
.budgetInner .budgetRow,
.budgetIntro.million .budgetIntroWrap,
.bankStatusWrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.savingsBox.goalIntro.empty .wrap,
.newSplit.add,
.bankStatusWrapper {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-flex-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.cntRow.end,
.newSplit .splittingVal {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-flex-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.btnsRow.center,
.balanceBox,
.btnStripe,
.savingsBox .wrap,
.budgetInner .budgetIntroWrap {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.spaceRow,
.previewItem.orderView .inner,
.titleRow,
.favTitleRow,
.fieldsRow .fieldsWrap.space,
.savingsBox.fullView .goalInfoWrap,
.goalSum .inner,
.transaction .col1,
.transaction.transState .col2,
.newSplit,
.transRow,
.budgetRow,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.budgetIntroWrap {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.transaction .col1,
.transaction.short.open .open-acc.transRow,
.transaction:not(.short) .transRow:not(.actionsRow) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

.spaceRow.center,
.previewItem.orderView .inner,
.titleRow,
.btnStripe,
.btnStripe .spaceRow,
.curInput,
.favTitleRow,
.fieldsRow .fieldsWrap.center,
.savingsBox.goalIntro .wrap,
.createIntro,
.goalSum .inner,
.newSplit,
.newSplit .splittingVal,
.transRow,
.budgetWrap,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.transaction .col2.tagCol,
.transaction.transState .status {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end
}

.transaction:not(.short) .value,
.transaction:not(.short) .col1 .col1_1,
.budgetTable .cell.budgetRemove {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center
}

.transaction.transState.open .col2 {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch
}

.balanceBox {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center
}

.formWrap.spaceV {
    -ms-flex-line-pack: space-between;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    align-content: space-between
}

.transState:after,
.yellowRegister:after,
.stripesWrap:after {
    clear: both;
    content: '';
    display: block
}

.btnsRow,
.spaceRow,
.cntRow,
.headerTools,
.previewItem.orderView .inner,
.balanceBox,
.titleRow,
.btnStripe,
.curInput,
.favTitleRow,
.formWrap.spaceV,
.fieldsRow .fieldsWrap,
.savingsBox .wrap,
.savingsBox.fullView .goalInfoWrap,
.createIntro,
.goalSum .inner,
.transaction .col1,
.transaction.short .transDetail,
.transaction.transState .col2,
.newSplit,
.newSplit .splittingVal,
.transRow,
.iconSelector,
.budgetRow,
.budgetWrap,
.budgetTotal,
.budgetLink,
.budgetIntroWrap,
.transTable .col_3_4,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.previewItem.orderView .detail .inner {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

.previewItem.orderView .inner,
.balanceBox,
.formWrap.spaceV,
.transaction.short .col1,
.transaction.short.open .transDetail.col1_2,
.transaction.transState .col2,
.newSplit,
.iconSelector,
.budgetInner .budgetRow,
.budgetIntro.million .budgetIntroWrap,
.bankStatusWrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.savingsBox.goalIntro.empty .wrap,
.newSplit.add,
.bankStatusWrapper {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-flex-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.cntRow.end,
.newSplit .splittingVal {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-flex-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.btnsRow.center,
.balanceBox,
.btnStripe,
.savingsBox .wrap,
.budgetInner .budgetIntroWrap {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.spaceRow,
.previewItem.orderView .inner,
.titleRow,
.favTitleRow,
.fieldsRow .fieldsWrap.space,
.savingsBox.fullView .goalInfoWrap,
.goalSum .inner,
.transaction .col1,
.transaction.transState .col2,
.newSplit,
.transRow,
.budgetRow,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.budgetIntroWrap {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.transaction .col1,
.transaction.short.open .open-acc.transRow,
.transaction:not(.short) .transRow:not(.actionsRow) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

.spaceRow.center,
.previewItem.orderView .inner,
.titleRow,
.btnStripe,
.btnStripe .spaceRow,
.curInput,
.favTitleRow,
.fieldsRow .fieldsWrap.center,
.savingsBox.goalIntro .wrap,
.createIntro,
.goalSum .inner,
.newSplit,
.newSplit .splittingVal,
.transRow,
.budgetWrap,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.transaction .col2.tagCol,
.transaction.transState .status {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end
}

.transaction:not(.short) .value,
.transaction:not(.short) .col1 .col1_1,
.budgetTable .cell.budgetRemove {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center
}

.transaction.transState.open .col2 {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch
}

.balanceBox {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center
}

.formWrap.spaceV {
    -ms-flex-line-pack: space-between;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    align-content: space-between
}

.pfm .select-box .selected-wrap {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    height: 40px
}

.pfm .select-box.error {
    margin-bottom: 8px
}

.pfm .select-box.error .selected-wrap {
    border-color: #c33
}

.pfm .select-box .options-wrap {
    background-color: #fff;
    border-top: none
}

.pfm .select-box .options-wrap>* {
    color: #102342;
    font-size: 16px;
    line-height: 1.4;
    padding: 10px 16px
}

.pfm .select-box .options-wrap>* b {
    font-size: 14px
}

.pfm .select-box .selected {
    color: #102342;
    font-size: 16px;
    padding: 7px 40px 7px 16px
}

.pfm .select-box>.options {
    top: 40px
}

.pfm .select-box .arrow {
    margin-top: -11.5px;
    color: #102342;
    font-size: 23px;
    right: 10px
}

.pfm .select-box .arrow:before {
    content: "";
    display: block;
    transition: transform 250ms ease-out
}

.pfm .select-box.open>.options {
    box-shadow: none
}

.pfm .select-box.open .arrow:before {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.pfm .select-box.open .selected-wrap {
    background-color: #fff;
    box-shadow: none
}

.no-touch .pfm .select-box .options-wrap>*:hover,
.pfm .select-box .options-wrap>*:active,
.no-touch .pfm .select-box .options-wrap>*:focus {
    background-color: #16315d
}

.pfm.colorBg .select-box .selected-wrap {
    border: none
}

.pfm.colorBg .select-box .arrow,
.pfm.colorBg .select-box .selected {
    color: #fff
}

.pfm .checkbox {
    padding-left: 32px
}

.pfm .checkbox.full label {
    display: inline-block;
    vertical-align: top
}

.pfm .checkbox label {
    margin: 0;
    padding: 0
}

.pfm .checkbox.single {
    margin: 0;
    width: 21px;
    height: 21px
}

.pfm .checkbox.single .ic-check {
    vertical-align: top
}

.pfm .checkbox .ic-check {
    background: none;
    border: none;
    color: #102342;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px;
    height: 24px
}

.pfm .checkbox .ic-check:before {
    bottom: 2px;
    content: "";
    font-size: 21px;
    left: 1px;
    position: absolute;
    z-index: 2
}

.pfm .checkbox.yellow label {
    color: #fff
}

.pfm .checkbox.yellow .ic-check {
    color: #fcb813
}

.pfm .checkbox.checked .ic-check {
    color: #fcb813
}

.pfm .checkbox.checked .ic-check:before {
    content: ""
}

.pfm .checkbox.checked.yellow .ic-check:after {
    background-color: #fff;
    content: "";
    left: 5px;
    margin: -7px 0 0 0;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 14px;
    height: 14px
}

.pfm .checkbox input {
    margin: 0;
    padding: 0;
    z-index: 3
}

.pfm label {
    margin-bottom: 8px
}

.pfm label.full {
    display: block;
    margin-right: 0;
    margin-left: 0
}

.pfm label.full+.curInput {
    margin-right: 0
}

.pfm .filterField label {
    display: block;
    margin-bottom: 24px
}

@media only screen and (max-width:700px) {
    .pfm .filterField label {
        margin-bottom: 16px
    }
}

.pfm input.text {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 16px;
    letter-spacing: .1px;
    line-height: 24px;
    padding: 8px 16px;
    transition: border 150ms ease-out;
    height: 40px
}

.pfm input.text:focus {
    border-color: #102342
}

.pfm input.text:read-only {
    border-color: rgba(16, 35, 66, .2);
    opacity: .5
}

.pfm input.text::-webkit-input-placeholder {
    color: rgba(16, 35, 66, .5)
}

.pfm input.text::-moz-placeholder {
    color: rgba(16, 35, 66, .5)
}

.pfm input.text:-ms-input-placeholder {
    color: rgba(16, 35, 66, .5)
}

.pfm input.text:-moz-placeholder {
    color: rgba(16, 35, 66, .5)
}

.pfm .error input.text:not(.disabled):not(.noRedBorder):not(.extraPinInputText) {
    border: none
}

.pfm .curInput.error {
    margin-bottom: 0
}

.pfm .curInput.error input.text:not(.disabled):not(.noRedBorder) {
    border: 1px solid #c33
}

.pfm .pfmInput.error {
    border-color: #c33;
    margin-bottom: 8px
}

@media only screen and (max-width:990px) {
    .fieldsWrap .select-box.basic {
        margin: 0 0 16px;
        width: 100%
    }

    .fieldsWrap .select-box.basic:not(:last-child) {
        margin-right: 0
    }

    .select-box.basic .options,
    .select-box.basic .selected-wrap,
    .fieldsWrap .select-box {
        width: 280px
    }
}

.fieldsWrap .select-box {
    float: none;
    margin-top: 0;
    margin-bottom: 0;
    width: 304px
}

@media only screen and (max-width:1280px) {
    .fieldsWrap .select-box {
        width: 280px
    }
}

@media only screen and (max-width:700px) {
    .fieldsWrap .select-box {
        margin-bottom: 16px
    }
}

@media only screen and (max-width:700px) {

    .select-box.basic .selected-wrap,
    .fieldsWrap .select-box {
        width: 100%
    }

    .select-box.basic .options {
        width: 100%
    }
}

.select-box.simple>.options {
    top: 32px
}

.select-box.simple .options-wrap>*,
.select-box.simple .selected {
    font-size: 14px
}

.select-box.simple .selected {
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px
}

.select-box.simple .selected-wrap {
    border: none;
    height: 32px
}

.select-box.simple .options-wrap {
    border-top: 1px solid #102342
}

.select-box.simple .arrow {
    margin-top: -13px;
    right: 0;
    width: 20px
}

.select-box.simple .arrow:before {
    position: relative;
    right: -5px
}

.selectedValue sub {
    font-size: 12px
}

.fieldsWrap .col,
.fieldsWrap input.text,
.fieldsWrap .checkbox,
.fieldsWrap .select-box {
    margin-left: 0;
    margin-right: 0
}

.fieldsWrap .col:not(:last-child),
.fieldsWrap input.text:not(:last-child),
.fieldsWrap .checkbox:not(:last-child),
.fieldsWrap .select-box:not(:last-child) {
    margin-right: 32px
}

@media only screen and (max-width:1280px) {

    .fieldsWrap .col:not(:last-child),
    .fieldsWrap input.text:not(:last-child),
    .fieldsWrap .checkbox:not(:last-child),
    .fieldsWrap .select-box:not(:last-child) {
        margin-right: 24px
    }
}

@media only screen and (max-width:700px) {

    .fieldsWrap .col:not(:last-child),
    .fieldsWrap input.text:not(:last-child),
    .fieldsWrap .checkbox:not(:last-child),
    .fieldsWrap .select-box:not(:last-child) {
        margin-right: 0
    }
}

.fieldsWrap .col.s,
.fieldsWrap input.text.s,
.fieldsWrap .checkbox.s,
.fieldsWrap .select-box.s {
    width: 208px
}

.fieldsWrap .col.m,
.fieldsWrap input.text.m,
.fieldsWrap .checkbox.m,
.fieldsWrap .select-box.m {
    width: 400px
}

.fieldsWrap .col.full,
.fieldsWrap input.text.full,
.fieldsWrap .checkbox.full,
.fieldsWrap .select-box.full {
    margin-right: 0;
    width: 100%
}

@media only screen and (max-width:700px) {

    .fieldsWrap .col.s,
    .fieldsWrap .col.m,
    .fieldsWrap input.text.s,
    .fieldsWrap input.text.m,
    .fieldsWrap .checkbox.s,
    .fieldsWrap .checkbox.m,
    .fieldsWrap .select-box.s,
    .fieldsWrap .select-box.m {
        width: 100%
    }
}

.fieldsWrap .col>* {
    margin-bottom: 24px
}

.fieldsWrap .col>*.fieldsRow {
    margin-bottom: 32px
}

.fieldsWrap .col>*:last-child {
    margin-bottom: 0
}

.formWrap {
    margin: 16px 0
}

.popupCnt .formWrap {
    margin-top: 32px;
    min-height: 200px
}

.popupCnt .formWrap.auto {
    margin-top: 0;
    min-height: inherit
}

@media only screen and (max-width:700px) {
    .popupCnt .formWrap {
        min-height: inherit
    }
}

.formWrap.spaceV {
    margin: 0;
    padding: 40px 0 8px
}

@media only screen and (max-width:700px) {
    .formWrap.spaceV {
        height: auto
    }
}

.formWrap.spaceV>* {
    width: 100%
}

.formWrap.spaceV>*:not(:last-child) {
    margin-bottom: 32px
}

.formBox.gray {
    background-color: #fafafa;
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative
}

.formBox.gray .formBoxInner {
    padding-right: 64px;
    padding-left: 48px
}

@media only screen and (max-width:990px) {
    .formBox.gray .formBoxInner {
        padding-right: 24px;
        padding-left: 24px
    }
}

.popupCnt .formBox.gray.full {
    padding-top: 24px;
    padding-bottom: 24px
}

.popupCnt .formBox.gray.full>* {
    position: relative
}

.popupCnt .formBox.gray.full>h4:first-child {
    margin: 0 0 16px
}

.popupCnt .formBox.gray.full:before {
    background-color: #fafafa;
    content: '';
    left: -40px;
    position: absolute;
    top: 0;
    width: calc(100% + 80px);
    height: 100%
}

@media only screen and (max-width:990px) {
    .popupCnt .formBox.gray.full:before {
        left: -24px;
        width: calc(100% + 48px)
    }
}

.formBox input.text {
    background: transparent
}

.fieldsRow {
    margin-bottom: 32px;
    position: relative
}

@media only screen and (max-width:700px) {
    .fieldsRow .fieldsWrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.fieldsRow .fieldsWrap.space {
    height: auto
}

@media only screen and (max-width:990px) {
    .fieldsRow .filterField .fieldsWrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:700px) {
    .fieldsRow {
        margin-bottom: 16px
    }
}

.fieldsRow>*:not(:last-child) {
    margin-right: 32px
}

.formBox .fieldsRow {
    margin-bottom: 16px
}

.formBox .fieldsRow:last-child {
    margin-bottom: 0
}

.pfmInput {
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    padding-left: 8px;
    position: relative
}

.pfmInput:before {
    border-radius: 2px 0 0 2px;
    content: '';
    left: -1px;
    position: absolute;
    top: -1px;
    width: 8px;
    height: calc(100% + 2px)
}

.pfmInput input.text {
    border: none
}

.pfmInput .chars {
    bottom: 100%;
    color: #102342;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 4px;
    position: absolute;
    right: 0
}

.pfmInput.cash:before {
    background-color: #e99c51
}

.pfmInput.health:before {
    background-color: #b394b2
}

.pfmInput.home:before {
    background-color: #d1796c
}

.pfmInput.leisure:before {
    background-color: #476fa8
}

.pfmInput.obligations:before {
    background-color: #64b5b0
}

.pfmInput.shopping:before {
    background-color: #c46492
}

.pfmInput.transport:before {
    background-color: #baac76
}

.pfmInput.other:before {
    background-color: #d6d6d6
}

.filter-item .fieldsWrap .subCatDd {
    margin-bottom: 0
}

.filter-item #category {
    display: inline-block;
    vertical-align: middle
}

.filter-item #category .col.s {
    width: 216px
}

@media only screen and (max-width:990px) {
    .filter-item #category {
        width: 100%
    }

    .filter-item #category .col:not(:last-child) {
        margin-right: 14px;
        margin-bottom: 10px
    }

    .filter-item #category .col.m {
        width: 375px;
        max-width: 100%
    }
}

@media only screen and (max-width:700px) {

    .filter-item #category .col.m,
    .filter-item #category .col.s {
        width: 100%
    }
}

.filter-item.full {
    width: 100%
}

.filter-item.full .select-box.checkboxes {
    width: 625px
}

@media only screen and (max-width:990px) {
    .filter-item.full .select-box.checkboxes {
        width: 100%
    }
}

.transState:after,
.yellowRegister:after,
.stripesWrap:after {
    clear: both;
    content: '';
    display: block
}

.btnsRow,
.spaceRow,
.cntRow,
.headerTools,
.previewItem.orderView .inner,
.balanceBox,
.titleRow,
.btnStripe,
.curInput,
.favTitleRow,
.formWrap.spaceV,
.fieldsRow .fieldsWrap,
.savingsBox .wrap,
.savingsBox.fullView .goalInfoWrap,
.createIntro,
.goalSum .inner,
.transaction .col1,
.transaction.short .transDetail,
.transaction.transState .col2,
.newSplit,
.newSplit .splittingVal,
.transRow,
.iconSelector,
.budgetRow,
.budgetWrap,
.budgetTotal,
.budgetLink,
.budgetIntroWrap,
.transTable .col_3_4,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.previewItem.orderView .detail .inner {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

.previewItem.orderView .inner,
.balanceBox,
.formWrap.spaceV,
.transaction.short .col1,
.transaction.short.open .transDetail.col1_2,
.transaction.transState .col2,
.newSplit,
.iconSelector,
.budgetInner .budgetRow,
.budgetIntro.million .budgetIntroWrap,
.bankStatusWrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.savingsBox.goalIntro.empty .wrap,
.newSplit.add,
.bankStatusWrapper {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-flex-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.cntRow.end,
.newSplit .splittingVal {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-flex-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.btnsRow.center,
.balanceBox,
.btnStripe,
.savingsBox .wrap,
.budgetInner .budgetIntroWrap {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.spaceRow,
.previewItem.orderView .inner,
.titleRow,
.favTitleRow,
.fieldsRow .fieldsWrap.space,
.savingsBox.fullView .goalInfoWrap,
.goalSum .inner,
.transaction .col1,
.transaction.transState .col2,
.newSplit,
.transRow,
.budgetRow,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.budgetIntroWrap {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.transaction .col1,
.transaction.short.open .open-acc.transRow,
.transaction:not(.short) .transRow:not(.actionsRow) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

.spaceRow.center,
.previewItem.orderView .inner,
.titleRow,
.btnStripe,
.btnStripe .spaceRow,
.curInput,
.favTitleRow,
.fieldsRow .fieldsWrap.center,
.savingsBox.goalIntro .wrap,
.createIntro,
.goalSum .inner,
.newSplit,
.newSplit .splittingVal,
.transRow,
.budgetWrap,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.transaction .col2.tagCol,
.transaction.transState .status {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end
}

.transaction:not(.short) .value,
.transaction:not(.short) .col1 .col1_1,
.budgetTable .cell.budgetRemove {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center
}

.transaction.transState.open .col2 {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch
}

.balanceBox {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center
}

.formWrap.spaceV {
    -ms-flex-line-pack: space-between;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    align-content: space-between
}

.savingsList {
    margin-bottom: 40px
}

.savingsList .sortableList {
    counter-reset: section
}

.savingsList .savingsBox {
    width: 100%
}

.savingsBox {
    padding: 32px 16px 56px;
    min-height: 300px
}

.savingsList .savingsBox {
    min-height: inherit
}

.dashboardSec .savingsBox {
    padding: 16px 8px 40px
}

.dashboardSec .savingsBox .goalsSlider {
    padding: 16px 40px
}

.noContent .savingsBox {
    padding: 86px 16px;
    text-align: center;
    min-height: inherit
}

.noContent .savingsBox p {
    color: rgba(102, 102, 102, .6);
    margin-left: auto;
    margin-right: auto;
    max-width: 528px
}

.noContent .savingsBox p:last-child {
    margin-bottom: 0
}

.budgetsBox .noContent .savingsBox {
    padding-top: 16px
}

.savingsBox.ui-sortable-helper {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.savingsBox sub {
    bottom: 0;
    margin-left: 8px
}

@media only screen and (max-width:700px) {
    .savingsBox .wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.savingsBox.goalIntro .wrap {
    position: relative
}

.savingsBox.goalIntro:not(.empty) .goal {
    background-color: #f9f9f9
}

@media only screen and (max-width:700px) {
    .savingsBox.goalIntro .goal {
        border-radius: 0;
        box-shadow: none
    }
}

.savingsBox .savingSum {
    display: none;
    padding-left: 15px;
    text-align: right
}

.savingsBox.empty {
    margin-bottom: 40px;
    padding: 0
}

.savingsBox .goalCircle .text {
    color: #102342;
    display: none;
    line-height: 1.2;
    right: 0;
    letter-spacing: .0125em;
    position: absolute;
    padding: 0 32px;
    text-align: right;
    top: 50%;
    white-space: nowrap;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.savingsBox .goalCircle .text sub {
    font-size: 12px;
    margin-left: 8px
}

@media only screen and (max-width:990px) {
    .savingsBox .goalCircle .text {
        display: block;
        padding: 0;
        text-align: center;
        top: 100%;
        width: 100%;
        -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.savingsBox .goalCircle.min .text {
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

@media only screen and (max-width:990px) {
    .savingsBox .goalCircle.min .text {
        -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.savingsBox .goalCircle.goalIcon {
    display: none
}

.savingsBox.fullView {
    padding: 0
}

.savingsBox.fullView .savingSum {
    display: block
}

@media only screen and (max-width:700px) {
    .savingsBox.fullView .savingSum {
        margin-top: 32px;
        padding-left: 0;
        text-align: center
    }
}

.savingsBox.fullView .goal {
    padding: 32px 72px 32px 56px
}

.savingsBox.fullView .goal .inner {
    width: calc(100% - 202px)
}

@media only screen and (max-width:990px) {
    .savingsBox.fullView .goal .inner {
        width: calc(100% - 176px)
    }
}

.savingsBox.fullView .goal .value {
    display: block;
    font-size: 28px;
    line-height: 40px
}

.savingsBox.fullView .goal.achieved {
    background-color: #f4f4f4;
    border-radius: 4px
}

.savingsBox.fullView .goal.single .goalInfo p:not(.date) {
    font-family: "robotolight", arial;
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: 0;
    margin-bottom: 12px
}

@media only screen and (min-width:701px) {
    .savingsBox.fullView .goal.single {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .savingsBox.fullView .goal.single .goalActions {
        margin-top: 24px;
        width: 100%
    }
}

@media only screen and (min-width:991px) {
    .savingsBox.fullView .goal.single .goalCircle:not(.goalIcon) {
        margin: 12px 0 16px
    }

    .savingsBox.fullView .goal.single:not(.achieved) .goalCircle:not(.goalIcon):before,
    .savingsBox.fullView .goal.single:not(.achieved) .goalCircle:not(.goalIcon):after {
        color: #102342;
        opacity: .8
    }

    .savingsBox.fullView .goal.single.achieved .goalCircle:not(.goalIcon):before,
    .savingsBox.fullView .goal.single.achieved .goalCircle:not(.goalIcon):after {
        color: #fff;
        opacity: .8
    }
}

@media only screen and (max-width:990px) {
    .savingsBox.fullView .goal.single .goalCircle:not(.goalIcon) {
        background-color: #eee;
        border-radius: 4px;
        box-shadow: none;
        overflow: visible;
        margin-right: 24px;
        margin-left: 24px;
        width: calc(100% - 48px);
        height: 16px
    }

    .savingsBox.fullView .goal.single .goalCircle:not(.goalIcon):before,
    .savingsBox.fullView .goal.single .goalCircle:not(.goalIcon):after {
        color: rgba(0, 0, 0, .2);
        font-family: "icomoon";
        font-size: 20px;
        line-height: 1;
        margin-top: -10px;
        position: absolute;
        top: 50%;
        z-index: 2
    }

    .savingsBox.fullView .goal.single .goalCircle:not(.goalIcon):before {
        content: "";
        left: -24px
    }

    .savingsBox.fullView .goal.single .goalCircle:not(.goalIcon):after {
        content: "";
        right: -24px
    }

    .savingsBox.fullView .goal.single .goalCircle .percentage.v {
        display: none
    }
}

@media only screen and (max-width:700px) {
    .savingsBox.fullView .goal.single .goalActions {
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 24px
    }

    .savingsBox.fullView .goal.single .goalActions .button {
        margin: 4px
    }

    .savingsBox.fullView .goal.single .goalInfo p:not(.date) {
        font-family: "robotoregular", arial;
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: .005em
    }

    .savingsBox.fullView .goal.single.achieved .goalCircle .icon:before {
        display: block
    }

    .savingsBox.fullView .goal.single.achieved .goalCircle .icon:after {
        display: none
    }
}

@media only screen and (min-width:701px) {
    .savingsBox.fullView .goal.achieved {
        position: relative
    }

    .savingsBox.fullView .goal.achieved .goalNameBar>*:not(.savingSum) {
        opacity: .5
    }
}

@media only screen and (max-width:990px) {
    .savingsBox.fullView .goal {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (max-width:700px) {
    .savingsBox.fullView .goal {
        padding: 48px 16px 32px
    }

    .savingsBox.fullView .goal .inner {
        width: 100%
    }
}

.savingsBox.fullView .goalCircle .percentage.h {
    display: block
}

.savingsBox.fullView .goalCircle.goalIcon {
    margin-right: 42px;
    margin-bottom: 0
}

@media only screen and (max-width:990px) {
    .savingsBox.fullView .goalCircle.goalIcon {
        margin-right: 16px;
        margin-bottom: 24px
    }
}

@media only screen and (max-width:990px) {
    .savingsBox.fullView .goalCircle {
        margin-bottom: 56px
    }
}

@media only screen and (max-width:700px) {
    .savingsBox.fullView .goalCircle {
        margin: 220px 0 56px
    }

    .savingsBox.fullView .goalCircle .percentage.h {
        position: static
    }

    .savingsBox.fullView .goalCircle .icon {
        background-color: #fcb813;
        border-radius: 50%;
        line-height: 160px;
        top: -175px;
        width: 160px;
        height: 160px
    }
}

@media only screen and (max-width:990px) {
    .savingsBox.fullView .goalCircle:not(.goalIcon) .percentage.h {
        position: static
    }
}

.savingsBox.fullView .goalNameBar .fieldName {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 24px;
    max-width: inherit
}

@media only screen and (max-width:700px) {
    .savingsBox.fullView .goalNameBar .savingSum .fieldName {
        font-size: 16px;
        line-height: 1.75;
        letter-spacing: .0125em
    }
}

@media only screen and (max-width:990px) {
    .savingsBox.fullView .goalInfoWrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .savingsBox.fullView .goalInfoWrap .goalMsg {
        margin-bottom: 16px;
        width: 100%
    }
}

@media only screen and (max-width:700px) {
    .savingsBox.fullView .goalInfoWrap {
        width: 100%
    }

    .savingsBox.fullView .goalInfoWrap .mHide {
        display: none
    }
}

@media only screen and (max-width:700px) {
    .savingsBox.fullView .goalInfo .valueBlock {
        display: none
    }

    .savingsBox.fullView .achieved .goalCircle .icon {
        opacity: .5
    }

    .savingsBox.fullView .achieved .goalCircle .text {
        color: #102342
    }
}

.goalIntro .content {
    padding: 24px 24px 24px 8px;
    position: relative;
    width: 66.66%
}

.goalIntro .content .button:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:700px) {
    .goalIntro .content {
        text-align: center;
        width: 100%
    }

    .goalIntro .content h3,
    .goalIntro .content p {
        text-align: left
    }

    .goalIntro .content .button {
        margin-left: auto;
        margin-right: auto
    }
}

.goalIntro .content h3 {
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 0;
    margin: 0 0 30px;
    padding: 0
}

@media only screen and (max-width:700px) {
    .goalIntro .content h3 {
        font-size: 20px;
        line-height: 1.2em;
        letter-spacing: .005em;
        margin-bottom: 32px
    }
}

.goalIntro .content p {
    color: #102342;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: .0125em;
    margin-bottom: 24px
}

.goalIntro .goal {
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 69px 0 71px;
    width: 33.33%
}

@media only screen and (max-width:700px) {
    .goalIntro .goal {
        display: none
    }
}

.goalIntro.empty .content {
    background-color: #fff;
    padding: 56px;
    width: 100%
}

@media only screen and (max-width:990px) {
    .goalIntro.empty .content {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media only screen and (max-width:700px) {
    .goalIntro.empty .content {
        padding: 56px 24px 64px
    }
}

.goalIntro.empty .content p {
    line-height: 1.5;
    letter-spacing: .0125em;
    margin-bottom: 16px
}

@media only screen and (max-width:700px) {
    .goalIntro.empty .content p {
        line-height: 1.75;
        letter-spacing: .0125em;
        margin-bottom: 40px
    }
}

.goalIntro.empty .content h3 {
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 0;
    margin: 0 0 30px;
    padding: 0
}

@media only screen and (max-width:700px) {
    .goalIntro.empty .content h3 {
        font-size: 20px;
        line-height: 1.2em;
        letter-spacing: .005em;
        margin-bottom: 32px
    }
}

.goalIntro.empty .startBox {
    margin-top: 56px
}

@media only screen and (max-width:990px) {
    .goalIntro.empty .startBox {
        margin-top: 32px
    }
}

@media only screen and (max-width:700px) {
    .goalIntro.empty .startBox {
        text-align: center
    }

    .goalIntro.empty .startBox p {
        text-align: left
    }
}

.goalIntro.empty .startBox .button {
    margin: 0
}

@media only screen and (max-width:700px) {
    .goalIntro.empty .startBox .button {
        display: inline-block;
        vertical-align: top
    }
}

.goalIntro.savingsBox {
    overflow: hidden
}

.goalIntro.savingsBox:not(.empty) {
    padding: 0 24px
}

.goalIntro.savingsBox .goal .inner.cursor-pointer {
    cursor: default
}

.dashboard .goal h3,
.goal h3 {
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-align: center
}

@media only screen and (max-width:700px) {

    .dashboard .goal h3,
    .goal h3 {
        font-size: 18px;
        line-height: 1.176;
        letter-spacing: -.018em
    }
}

.dashboard .goal h3 {
    min-height: 56px
}

.goal {
    padding: 0 20px;
    position: relative;
    text-align: center;
    transition: opacity 250ms ease-out
}

@media only screen and (max-width:700px) {
    .goal {
        padding: 0 8px
    }
}

.goal p {
    color: #102342;
    line-height: 1.75;
    letter-spacing: .0125em;
    margin: 0
}

@media only screen and (max-width:700px) {
    .goal p {
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: .005em;
        margin: 0;
        max-width: 218px
    }
}

.goal .value {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -.01875em;
    white-space: nowrap
}

.goal .value sub {
    font-family: "robotomedium", arial;
    font-size: 18px
}

@media only screen and (max-width:700px) {
    .goal .value {
        line-height: 1.33;
        letter-spacing: 0
    }

    .goal .value sub {
        font-size: 16px
    }
}

@media only screen and (max-width:700px) {
    .goal .valueBlock {
        order: -1;
        margin-bottom: 28px;
        width: 100%
    }

    .goal .valueBlock p {
        font-size: 16px;
        line-height: 1.75;
        letter-spacing: .0125em;
        max-width: inherit
    }
}

.goal.achieved .goalCircle .text {
    color: #fff;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:990px) {
    .goal.achieved .goalCircle .text {
        color: #102342
    }
}

.goal.achieved:not(.single) .goalCircle .icon:after {
    color: #fff;
    content: "";
    font-family: "icomoon"
}

.goal.achieved:not(.single) .goalCircle .icon:before {
    display: none
}

.goal.single .goalNameBar p.date {
    display: none
}

.goal.single.achieved .goalCircle.goalIcon {
    opacity: .5
}

@media only screen and (max-width:700px) {
    .goal.single.achieved .goalCircle .icon:after {
        color: #fff;
        content: "";
        font-family: "icomoon"
    }

    .goal.single.achieved .goalCircle .icon:before {
        display: none
    }
}

@media only screen and (min-width:991px) {
    .goal.single .goalCircle:not(.goalIcon) {
        background-color: #f3f3f3;
        box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, .2);
        border-radius: 4px;
        margin: 39px 0 48px;
        width: 100%;
        height: 48px
    }

    .goal.single .goalCircle:not(.goalIcon):before,
    .goal.single .goalCircle:not(.goalIcon):after {
        color: rgba(0, 0, 0, .2);
        font-family: "icomoon";
        font-size: 20px;
        line-height: 1;
        margin-top: -10px;
        position: absolute;
        top: 50%;
        z-index: 2
    }

    .goal.single .goalCircle:not(.goalIcon):before {
        content: "";
        left: 8px
    }

    .goal.single .goalCircle:not(.goalIcon):after {
        content: "";
        right: 8px
    }

    .goal.single .goalCircle .percentage.v {
        display: none
    }

    .goal.single .goalCircle .text,
    .goal.single .goalCircle .percentage.h {
        display: block
    }
}

@media only screen and (min-width:701px) {
    .goal.single {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%
    }

    .goal.single h3 {
        font-size: 24px;
        line-height: 1.25;
        letter-spacing: .12px;
        text-align: left
    }

    .goal.single .goalNameBar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        text-align: left;
        width: 100%
    }

    .goal.single .goalNameBar .fieldName {
        display: block
    }

    .goal.single .goalInfo {
        text-align: left;
        width: 100%
    }

    .goal.single .goalInfo p {
        color: #102342;
        font-size: 24px;
        letter-spacing: 0;
        line-height: 1.3
    }

    .goal.single .goalInfo p.date {
        display: block;
        line-height: 24px;
        letter-spacing: 0;
        color: #666;
        font-family: "robotoregular", arial;
        font-size: 14px;
        text-align: right
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .goal.single .goalInfo p.date {
        text-align: left
    }
}

@media only screen and (min-width:701px) {
    .goal.single .goalInfo p.date span {
        color: #102342
    }

    .goal.single .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        flex-grow: 1
    }

    .goal.single .valueBlock {
        display: none
    }

    .goal.single .goalCircle:not(.goalIcon) .icon {
        display: none
    }

    .goal.single .goalCircle.goalIcon {
        display: block
    }

    .goal.single .savingSum {
        display: block
    }
}

@media only screen and (min-width:701px) and (max-width:990px) {
    .goal.single {
        -webkit-align-items: center;
        align-items: center
    }

    .goal.single .goalNameBar {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-right: 16px
    }

    .goal.single .savingSum {
        margin-top: 16px;
        padding-left: 0;
        text-align: left;
        width: 100%
    }
}

@media only screen and (max-width:700px) {
    .goal.single .goalNameBar p.date {
        display: block;
        font-size: 14px;
        line-height: 1.7;
        letter-spacing: .02em;
        margin-top: 8px;
        max-width: 100%
    }
}

.goalCircle {
    background-color: #f3f3f3;
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, .2);
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    margin: 24px 0;
    position: relative;
    vertical-align: top;
    width: 168px;
    height: 168px
}

.goalCircle.goalIcon {
    background-color: #fcb813;
    margin-right: 40px;
    flex-grow: 0;
    flex-shrink: 0;
    width: 160px;
    height: 160px
}

@media only screen and (min-width:701px) and (max-width:1279px) {
    .goalCircle.goalIcon {
        margin-right: 20px
    }
}

.goalCircle .percentage {
    background-color: #fcb813;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: height 250ms ease-out;
    width: 100%
}

.achieved .goalCircle .percentage {
    background-color: #89b778
}

.goalCircle .percentage.h {
    border-radius: 4px;
    display: none;
    height: 100%
}

.goalCircle .icon {
    color: #102342;
    font-size: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

@media only screen and (max-width:700px) {
    .goalCircle {
        width: 160px;
        height: 160px
    }
}

.goalNameBar .fieldName {
    display: none
}

.goalNameBar h5 {
    font-family: "robotoregular", arial;
    line-height: 24px;
    margin: 0
}

.no-touch .savingsBox .owl-wrapper:hover .goal:not(:hover) {
    opacity: .5
}

.goalInfo p.date {
    display: none
}

@media only screen and (max-width:700px) {
    .goalInfo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center
    }
}

.achieved .valueBlock p {
    display: none
}

.goalsAccount {
    margin-bottom: 8px;
    padding: 32px
}

.savingsList .goalsAccount {
    padding: 0
}

.goalsAccount .iban {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: .021em
}

.goalsAccount .balance {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .021em;
    width: 100%
}

.goalsAccount .balance sub {
    bottom: 0;
    font-size: 16px;
    margin-left: 8px
}

@media only screen and (max-width:700px) {
    .goalsAccount .balance {
        margin-top: 8px
    }
}

.goalsAccount .balance .value {
    font-family: "robotoregular", arial;
    font-size: 24px
}

.goalsAccount .name {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 20px;
    line-height: 1.33
}

.goalsAccount .select-box {
    display: inline-block;
    vertical-align: top;
    max-width: 435px
}

@media only screen and (max-width:700px) {
    .goalsAccount .select-box {
        max-width: 100%
    }

    .goalsAccount .select-box .selected {
        margin-top: 5px;
        padding-left: 0
    }
}

@media only screen and (min-width:701px) {
    .goalsAccount>*:last-child {
        text-align: right
    }
}

@media only screen and (max-width:990px) {
    .goalsAccount {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media only screen and (max-width:700px) {
    .goalsAccount {
        padding: 24px 16px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .goalsAccount .mobHide {
        display: none
    }

    .goalsAccount>* {
        width: 100%
    }

    .goalsAccount .name {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: .0125em
    }
}

.goalsAccount .select-box {
    float: none
}

.btnsRow.goalActions .button {
    margin-bottom: 0;
    margin-top: 0
}

.goalsSlider .owl-controls .owl-buttons .owl-prev {
    left: 12px
}

.goalsSlider .owl-controls .owl-buttons .owl-next {
    right: 12px
}

.createIntro p {
    color: #102342;
    font-family: "robotolight", arial;
    font-size: 16px;
    letter-spacing: .2px;
    line-height: 24px;
    margin: 0
}

@media only screen and (max-width:700px) {
    .createIntro p {
        line-height: 28px;
        margin-bottom: 24px
    }
}

.createIntro .btnBlock {
    padding-right: 24px
}

@media only screen and (max-width:700px) {
    .createIntro {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .createIntro .btnBlock {
        border-top: 1px solid #d6d6d6;
        order: 1;
        margin-bottom: 24px;
        padding-right: 0;
        padding-top: 40px;
        width: 100%
    }
}

.addIcon {
    background-color: #f3f3f3;
    border-radius: 50%;
    border: none;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .4);
    color: #102342;
    font-size: 14px;
    letter-spacing: .2px;
    opacity: .5;
    padding: 0;
    width: 128px;
    height: 128px
}

.goalSum {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    color: #102342;
    font-size: 16px;
    margin-bottom: 8px;
    padding: 19px 88px 19px 64px;
    position: relative;
    counter-increment: section
}

@media only screen and (max-width:700px) {
    .goalSum {
        padding: 11px 56px
    }

    .goalSum .value {
        line-height: 28px;
        opacity: .5
    }
}

.goalSum .handler {
    left: auto;
    position: absolute;
    right: 32px
}

@media only screen and (max-width:700px) {
    .goalSum .handler {
        right: 16px
    }
}

.goalSum .no {
    background-color: #fcb813;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    left: 24px;
    margin-top: -12px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 24px;
    height: 24px
}

.goalSum .no:before {
    content: counter(section)
}

@media only screen and (max-width:700px) {
    .goalSum .no {
        left: 16px;
        margin-top: 0;
        top: 12px
    }
}

@media only screen and (max-width:700px) {
    .goalSum .inner {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .goalSum .inner>* {
        width: 100%
    }
}

.goalSum sub {
    font-size: 12px
}

.goalSum .name {
    padding-right: 20px
}

@media only screen and (max-width:700px) {
    .goalSum .name {
        padding-right: 0
    }
}

.goalsSlider {
    padding-left: 32px;
    padding-right: 32px
}

.goalsSlider .owl-controls .owl-buttons div {
    font-size: 24px
}

.goalsSlider .owl-item:not(.active) {
    opacity: 0
}

.goalOptions {
    position: absolute;
    right: 19px;
    text-align: left;
    top: 24px
}

@media only screen and (max-width:990px) {
    .goalOptions {
        right: 10px;
        top: 19px
    }
}

@media only screen and (max-width:700px) {
    .goalOptions {
        right: 6px;
        top: 16px
    }
}

.goalMsg p {
    font-family: "robotomedium", arial;
    font-size: 16px;
    letter-spacing: .34px;
    line-height: 24px;
    margin: 0
}

@media only screen and (max-width:700px) {
    .goalMsg {
        width: 100%
    }

    .goalMsg p {
        max-width: 100%
    }
}

.savingsBox.fullView .goal.single .goalMsg p:not(.date) {
    font-family: "robotomedium", arial;
    font-size: 16px;
    letter-spacing: .34px;
    line-height: 24px;
    margin: 0
}

.transState:after,
.yellowRegister:after,
.stripesWrap:after {
    clear: both;
    content: '';
    display: block
}

.btnsRow,
.spaceRow,
.cntRow,
.headerTools,
.previewItem.orderView .inner,
.balanceBox,
.titleRow,
.btnStripe,
.curInput,
.favTitleRow,
.formWrap.spaceV,
.fieldsRow .fieldsWrap,
.savingsBox .wrap,
.savingsBox.fullView .goalInfoWrap,
.createIntro,
.goalSum .inner,
.transaction .col1,
.transaction.short .transDetail,
.transaction.transState .col2,
.newSplit,
.newSplit .splittingVal,
.transRow,
.iconSelector,
.budgetRow,
.budgetWrap,
.budgetTotal,
.budgetLink,
.budgetIntroWrap,
.transTable .col_3_4,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.previewItem.orderView .detail .inner {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

.previewItem.orderView .inner,
.balanceBox,
.formWrap.spaceV,
.transaction.short .col1,
.transaction.short.open .transDetail.col1_2,
.transaction.transState .col2,
.newSplit,
.iconSelector,
.budgetInner .budgetRow,
.budgetIntro.million .budgetIntroWrap,
.bankStatusWrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.savingsBox.goalIntro.empty .wrap,
.newSplit.add,
.bankStatusWrapper {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-flex-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.cntRow.end,
.newSplit .splittingVal {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-flex-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.btnsRow.center,
.balanceBox,
.btnStripe,
.savingsBox .wrap,
.budgetInner .budgetIntroWrap {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.spaceRow,
.previewItem.orderView .inner,
.titleRow,
.favTitleRow,
.fieldsRow .fieldsWrap.space,
.savingsBox.fullView .goalInfoWrap,
.goalSum .inner,
.transaction .col1,
.transaction.transState .col2,
.newSplit,
.transRow,
.budgetRow,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.budgetIntroWrap {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.transaction .col1,
.transaction.short.open .open-acc.transRow,
.transaction:not(.short) .transRow:not(.actionsRow) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

.spaceRow.center,
.previewItem.orderView .inner,
.titleRow,
.btnStripe,
.btnStripe .spaceRow,
.curInput,
.favTitleRow,
.fieldsRow .fieldsWrap.center,
.savingsBox.goalIntro .wrap,
.createIntro,
.goalSum .inner,
.newSplit,
.newSplit .splittingVal,
.transRow,
.budgetWrap,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.transaction .col2.tagCol,
.transaction.transState .status {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end
}

.transaction:not(.short) .value,
.transaction:not(.short) .col1 .col1_1,
.budgetTable .cell.budgetRemove {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center
}

.transaction.transState.open .col2 {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch
}

.balanceBox {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center
}

.formWrap.spaceV {
    -ms-flex-line-pack: space-between;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    align-content: space-between
}

.transactionsList {
    margin-bottom: 8px
}

.transaction {
    background-color: #fff;
    border-left-style: solid;
    border-left-width: 8px;
    float: none;
    margin: 8px 0;
    padding: 16px 0;
    position: relative;
    transition: all 250ms ease-out
}

.transaction:first-child {
    margin-top: 0
}

.transaction .splitRow .value sub {
    font-size: 12px
}

.transaction>a {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.transaction.business,
.transaction.reallocated,
.transaction.uncategorized {
    border-left-color: #fff
}

.no-touch .transaction.business:not(.split):hover,
.no-touch .transaction.business:not(.split):focus,
.transaction.business:not(.split):active,
.no-touch .transaction.reallocated:not(.split):hover,
.no-touch .transaction.reallocated:not(.split):focus,
.transaction.reallocated:not(.split):active,
.no-touch .transaction.uncategorized:not(.split):hover,
.no-touch .transaction.uncategorized:not(.split):focus,
.transaction.uncategorized:not(.split):active {
    border-left-color: #f9fafc
}

.transaction.income:not(.split) {
    background-color: #f5fdf2;
    border-left-color: #f5fdf2
}

.no-touch .transaction.income:not(.split):hover,
.no-touch .transaction.income:not(.split):focus,
.transaction.income:not(.split):active {
    border-left-color: #f9fafc
}

.transaction.cash {
    border-left-color: #e99c51
}

.transaction.health {
    border-left-color: #b394b2
}

.transaction.home {
    border-left-color: #d1796c
}

.transaction.leisure {
    border-left-color: #476fa8
}

.transaction.obligations {
    border-left-color: #64b5b0
}

.transaction.shopping {
    border-left-color: #c46492
}

.transaction.transport {
    border-left-color: #baac76
}

.transaction.other {
    border-left-color: #d6d6d6
}

.transaction.splitting {
    border-left-color: transparent
}

.transaction.split .transRow:not(.splitRow) .catIcon,
.transaction.splitting .transRow:not(.splitRow) .catIcon {
    color: #858585
}

.transaction.split .transRow:not(.splitRow) .catIcon:before,
.transaction.splitting .transRow:not(.splitRow) .catIcon:before {
    content: ""
}

.transaction.split {
    border-left-color: #858585
}

.transaction.split.open:not(.short) {
    padding-bottom: 0
}

.transaction.split.open:not(.short) .transRow.actionsRow {
    margin-top: 0
}

.transaction.split .splitSection {
    margin-top: -11px;
    padding-top: 16px;
    transition: transform 250ms ease-out
}

.transaction.split .transRow.actionsRow {
    padding-bottom: 16px;
    padding-top: 16px
}

.transaction.split .transRow.actionsRow:before {
    display: none
}

.transaction.split.open .splitSection {
    margin-top: 0
}

.transaction:not(.open) .splitSection {
    display: none
}

.transaction .transRow.actionsRow>* {
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.transaction .transRow.actionsRow>*:first-child {
    text-align: left
}

@media only screen and (max-width:700px) {
    .transaction .transRow.actionsRow>*:first-child {
        text-align: center
    }
}

.transaction .transRow.actionsRow>*:last-child:not(:first-child) {
    text-align: right
}

@media only screen and (max-width:700px) {
    .transaction .transRow.actionsRow>*:last-child:not(:first-child) {
        text-align: center
    }
}

@media only screen and (max-width:700px) {
    .transaction .transRow.actionsRow>* {
        margin: 8px 0
    }
}

.no-touch .transaction:hover,
.no-touch .transaction:focus,
.transaction:active {
    background-color: #f9fafc
}

.transaction.tooltipOpen,
.no-touch .transaction.active:hover {
    z-index: 4
}

.transaction .catIcon {
    font-family: "icomoon";
    font-size: 20px;
    left: 0;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: opacity 100ms ease-out;
    width: 72px
}

.transaction .catIcon.upcoming,
.transaction .catIcon.future,
.transaction .catIcon.recurring {
    font-family: "icomoon";
    line-height: 1;
    opacity: .5
}

.transaction .catIcon.upcoming:before {
    content: ""
}

.transaction .catIcon.future:before {
    content: ""
}

.transaction .catIcon.recurring:before {
    content: ""
}

.transaction .catIcon.failed {
    color: #f25039;
    font-family: "icomoon";
    line-height: 1
}

.transaction .catIcon.failed:before {
    content: ""
}

.transaction .splitName .catIcon {
    width: 24px
}

.transaction p {
    color: #102342;
    margin: 0
}

.transaction p.error {
    color: #ff4c33
}

.transaction .name {
    font-family: "robotomedium", arial;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .0125em;
    transition: margin 250ms ease-out
}

.transaction .name .icon {
    display: inline-block;
    font-size: 16px;
    margin: 3px 4px 0 0;
    vertical-align: top
}

.transaction .info p,
.transaction .info {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .02em
}

.transaction .innerValue,
.transaction .value {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: .005em
}

.transaction .innerValue sub,
.transaction .value sub {
    font-size: 16px
}

@media only screen and (max-width:700px) {
    .transaction:not(.transState) .value {
        bottom: 0;
        position: absolute;
        right: 16px;
        font-size: 20px
    }

    .transaction:not(.transState) .value sub {
        font-size: 14px
    }
}

.transaction:not(.short).open .transRow.splitRow {
    padding-left: 72px
}

@media only screen and (max-width:700px) {
    .transaction:not(.short).open .transRow.splitRow {
        padding-left: 56px
    }
}

@media only screen and (max-width:480px) {
    .transaction:not(.short).open .transRow.splitRow {
        padding-left: 40px
    }
}

.transaction:not(.short) .col1 .col1_2,
.transaction:not(.short) .col1 .col1_1 {
    width: 50%
}

.transaction:not(.short) .col1 .col1_2 {
    padding-right: 24px
}

@media only screen and (max-width:990px) {
    .transaction:not(.short) .col1 {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% - 224px)
    }

    .transaction:not(.short) .col1 .col1_2,
    .transaction:not(.short) .col1 .col1_1 {
        width: 100%
    }

    .transaction:not(.short) .col2 {
        width: 224px
    }
}

@media only screen and (max-width:700px) {
    .transaction:not(.short) .col1 {
        width: 100%
    }

    .transaction:not(.short) .col1 .col1_2,
    .transaction:not(.short) .col1 .col1_1 {
        padding-right: 0
    }

    .transaction:not(.short) .col2 {
        width: 190px
    }
}

.transaction:not(.short) .transName {
    max-width: 315px
}

@media only screen and (max-width:1279px) {
    .transaction:not(.short) .transName {
        max-width: 200px
    }
}

@media only screen and (max-width:700px) {
    .transaction:not(.short) .transName {
        max-width: 300px
    }
}

@media only screen and (max-width:480px) {
    .transaction:not(.short) .transName {
        max-width: 175px
    }
}

@media only screen and (max-width:360px) {
    .transaction:not(.short):not(.open) .col1 {
        padding-bottom: 24px
    }

    .transaction:not(.short):not(.open) .transDetail p.date {
        margin-top: 8px
    }
}

.transaction .numberFull {
    display: block
}

.transaction .acc-content {
    float: none;
    padding: 0
}

.transaction .splitRow .value {
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: .0125em
}

.transaction .splitRow .value sub {
    font-size: 12px
}

@media only screen and (max-width:700px) {
    .transaction .splitRow .value {
        bottom: 0;
        position: relative;
        right: 0
    }
}

.transaction .col1 {
    -webkit-flex-shrink: 0;
    -webkit-box-flex: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(100% - 224px)
}

@media only screen and (max-width:990px) {
    .transaction .col1 {
        width: calc(100% - 144px)
    }
}

@media only screen and (max-width:700px) {
    .transaction .col1 {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .transaction .col1 .transInfo {
        margin: 0
    }

    .transaction .col1 .transInfo:first-child {
        padding-right: 5px
    }

    .transaction .col1 .transInfo:last-child {
        padding-left: 0;
        padding-right: 0
    }
}

.transaction .col1 .col1_1 {
    padding-right: 40px;
    width: 60%
}

@media only screen and (max-width:990px) {
    .transaction .col1 .col1_1 {
        padding-right: 24px;
        width: 50%
    }
}

@media only screen and (max-width:700px) {
    .transaction .col1 .col1_1 {
        padding-right: 0
    }

    .transaction .col1 .col1_1:not(.transInfo) {
        width: 100%
    }
}

.transaction .col1 .col1_2 {
    width: 40%
}

@media only screen and (max-width:1280px) {
    .transaction .col1 .col1_2 {
        width: 42%
    }
}

@media only screen and (max-width:990px) {
    .transaction .col1 .col1_2 {
        width: 50%
    }
}

@media only screen and (max-width:700px) {
    .transaction .col1 .col1_2:not(.transInfo) {
        width: 100%
    }
}

.transaction .col2 {
    text-align: right;
    width: 224px
}

@media only screen and (max-width:990px) {
    .transaction .col2 {
        width: 144px
    }
}

@media only screen and (max-width:700px) {
    .transaction .col2.tagCol {
        margin-top: 24px;
        text-align: left
    }
}

.transaction.short {
    box-shadow: 0 -1px 0 #ddd;
    margin: 0
}

.transaction.short .transRow .transMain {
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.transaction.short.open.split {
    padding-bottom: 0
}

.transaction.short.business:after,
.transaction.short.income:after,
.transaction.short.reallocated:after,
.transaction.short.uncategorized:after {
    left: -8px;
    width: calc(100% + 8px)
}

.no-touch .transaction.short:hover:after,
.no-touch .transaction.short:focus:after,
.transaction.short:active:after,
.transaction.short.splitting:after {
    background-color: transparent
}

.transaction.short .value {
    font-size: 20px
}

.transaction.short .value sub {
    font-size: 14px;
    font-family: "robotomedium", arial
}

.transaction.short .splitRow .value {
    font-size: 16px
}

.transaction.short .col2 {
    width: 184px
}

.transaction.short .col1 {
    width: calc(100% - 184px)
}

@media only screen and (max-width:700px) {
    .transaction.short .col1 {
        width: 100%
    }
}

.transaction.short .col1 .col1_1,
.transaction.short .col1 .col1_2 {
    padding-right: 0;
    width: 100%
}

.transaction.short .splittingCnt .actionsRow {
    margin-top: 0;
    padding: 16px 32px 16px 64px
}

@media only screen and (max-width:700px) {
    .transaction.short .splittingCnt .actionsRow {
        padding-left: 56px
    }
}

.transaction.short .splittingCnt .actionsRow:after {
    display: none
}

.transaction.short.split .actionsRow,
.transaction.short .actionsRow {
    margin: 16px 32px 0 64px;
    padding: 8px 0 16px;
    width: calc(100% - 96px)
}

@media only screen and (max-width:700px) {

    .transaction.short.split .actionsRow,
    .transaction.short .actionsRow {
        margin-right: 16px;
        margin-left: 56px;
        width: calc(100% - 72px)
    }
}

@media only screen and (max-width:480px) {

    .transaction.short.split .actionsRow,
    .transaction.short .actionsRow {
        margin-right: 16px;
        margin-left: 40px;
        width: calc(100% - 48px)
    }
}

.transaction.short.split .actionsRow:after,
.transaction.short .actionsRow:after {
    background-color: rgba(16, 35, 66, .2);
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px
}

.transaction.short.split .actionsRow:before,
.transaction.short .actionsRow:before {
    display: none
}

.transaction.short.reallocated .actionsRow:after,
.transaction.short.business .actionsRow:after,
.transaction.short.income .actionsRow:after,
.transaction.short.uncategorized .actionsRow:after {
    left: -8px;
    width: calc(100% + 8px)
}

.transaction.short.open.split .actionsRow {
    margin-top: 0
}

.transaction.short.open.split .actionsRow:after {
    display: none
}

@media only screen and (max-width:700px) {
    .transaction.short .transDetail {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.transaction.short .transDetail:not(.transNull) .date {
    padding-left: 8px
}

@media only screen and (max-width:700px) {
    .transaction.short .transDetail:not(.transNull) .date {
        padding-left: 0
    }
}

.transaction.short .transDetail .date {
    position: relative
}

@media only screen and (max-width:700px) {
    .transaction.short .transDetail .date {
        margin-left: 0;
        padding-left: 0;
        width: 100%
    }
}

.transaction.short .numberFull {
    display: inline-block
}

@media only screen and (max-width:700px) {
    .transaction.short .numberFull {
        width: 100%
    }

    .transaction.short .numberFull:before {
        display: none
    }
}

.transaction.short .acc-content .transRow:not(.actionsRow):not(.splitRow) {
    display: none
}

.transaction.short:not(.open) {
    margin: 0
}

.transaction.short:not(.open) .transMain .info {
    display: none
}

.transaction.short.open {
    padding-bottom: 0
}

.transaction.short.open:before {
    background-color: #ddd;
    bottom: 0;
    content: '';
    left: -8px;
    position: absolute;
    width: calc(100% + 8px);
    height: 1px
}

.transaction.short.open .transDetail.col1_2>* {
    width: 100%
}

.transaction.short.open .transDetail .date {
    margin-left: 0;
    padding-left: 0
}

.transaction.short.open .name {
    margin-bottom: 8px
}

.transaction.short.open .transRow:not(.splitRow) .value {
    font-size: 24px
}

.transaction.short.open .transRow:not(.splitRow) .value sub {
    font-size: 16px
}

.transaction:not(.open) .numberFull {
    display: none
}

.transaction:not(.open):not(.short) .splitRow:last-child {
    border-radius: 0 0 4px 4px
}

.transaction:not(.open):not(.short) .splitRow:last-child:after {
    border-radius: 0 0 0 4px
}

.transaction.pending .value.col2,
.transaction.noEdit .transMenu {
    opacity: .5
}

.transaction.open {
    padding-bottom: 16px;
    z-index: 3
}

.transaction.open.tooltipOpen,
.transaction.open.active {
    z-index: 4
}

.transaction.open:not(.short) {
    margin-top: 16px;
    margin-bottom: 16px
}

.transaction.open .number,
.transaction.open:not(.short) .transDetail p.date {
    display: none
}

.transaction.open .transName {
    overflow: visible;
    white-space: normal;
    max-width: 100%;
    display: block
}

@media only screen and (max-width:700px) {
    .transactionsList .transaction.open:not(.transState) .value.col2 {
        display: none
    }
}

@media only screen and (max-width:700px) {
    .transaction {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .transaction .info p {
        width: 100%
    }

    .transaction.open .open-acc .transDetail {
        margin-top: 24px
    }

    .transaction:not(.open) .transDetail p.date {
        margin-top: 16px;
        padding-right: 144px
    }
}

@media only screen and (max-width:700px) and (max-width:360px) {
    .transaction:not(.open) .transDetail p.date {
        padding-right: 0
    }
}

.transaction .acc-content .transRow:not(.actionsRow) {
    margin-top: 12px
}

.transaction.transState {
    border-left: none
}

.transaction.transState:not(.open) {
    border-radius: 0
}

.transaction.transState:not(.open) .status {
    display: none
}

.transaction.transState:not(.open) .iban {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-flex-shrink: 1;
    -webkit-box-flex: 1;
    -moz-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.transaction.transState p.info {
    display: none
}

.transaction.transState .transRow {
    padding-left: 72px
}

.transaction.transState .transRow .catIcon {
    width: 72px
}

.transaction.transState .acc-content .transRow {
    margin-left: 72px;
    padding-left: 0
}

@media only screen and (max-width:700px) {
    .transaction.transState .acc-content .transRow {
        margin-left: 64px;
        margin-right: 16px;
        width: calc(100% - 80px)
    }
}

@media only screen and (max-width:480px) {
    .transaction.transState .acc-content .transRow {
        margin-left: 48px;
        width: calc(100% - 64px)
    }
}

.transaction.transState .status {
    color: #102342;
    font-family: "robotomedium", arial;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding: 0
}

@media only screen and (max-width:700px) {
    .transaction.transState .status {
        order: -1;
        font-size: 14px;
        text-align: left
    }
}

.transaction.transState .col2 {
    text-align: right
}

.transaction.transState .col2>* {
    width: 100%
}

@media only screen and (max-width:700px) {
    .transaction.transState .col2 {
        width: 100%
    }

    .transaction.transState .col2>*:not(.failed) {
        width: auto
    }
}

@media only screen and (max-width:700px) {
    .transaction.transState .transRow {
        padding-left: 64px
    }

    .transaction.transState .transRow .catIcon {
        width: 64px
    }

    .transaction.transState.open .open-acc .transDetail {
        margin-top: 4px
    }

    .transaction.transState:not(.open) .col2 .value {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .transaction.transState .transRow {
        padding-left: 48px
    }

    .transaction.transState .transRow .catIcon {
        width: 48px
    }
}

.splittingCnt {
    margin: 16px 0 0
}

.newSplit {
    background-color: #f4f4f4;
    box-shadow: 0 -1px 0 0 rgba(16, 35, 66, .2), 0 1px 0 0 rgba(16, 35, 66, .2);
    padding: 8px 40px 8px 64px;
    position: relative;
    z-index: 1;
    min-height: 56px
}

.short .newSplit {
    padding-right: 32px
}

.newSplit.add .errorMsg {
    padding-left: 0;
    width: auto
}

.newSplit.add .button {
    margin-right: 20px
}

.newSplit.add .button:first-child {
    padding-left: 0
}

.newSplit .button {
    margin: 0
}

.newSplit .col {
    margin: 0;
    padding: 0 8px 0 0
}

.newSplit .col_1 {
    width: 160px
}

.newSplit .col_2 {
    width: calc(100% - 320px)
}

.newSplit .col_3 {
    padding-right: 0;
    width: 160px
}

@media only screen and (max-width:700px) {
    .newSplit .col_3 {
        padding-right: 8px
    }
}

.newSplit.active {
    z-index: 2
}

.newSplit input.text {
    border-color: rgba(22, 49, 93, .2);
    font-size: 14px;
    width: 100%
}

.newSplit input.text:read-only {
    border-color: rgba(22, 49, 93, .2);
    opacity: 1
}

.newSplit input.text.error {
    border-color: #ff4c33
}

.newSplit .splittingVal {
    color: #102342;
    font-size: 16px
}

@media only screen and (max-width:700px) {
    .newSplit .splittingVal {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-flex-pack: start;
        -ms-flex-pack: start;
        -moz-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
}

.newSplit .splittingVal input.text {
    padding: 8px;
    width: 104px
}

.newSplit .splittingVal .cur {
    padding-left: 10px
}

.newSplit .splittingVal .cur.s {
    font-size: 12px
}

.newSplit .transMenu {
    vertical-align: top;
    max-width: 100%
}

.newSplit .errorMsg {
    padding-left: 160px;
    width: 100%
}

@media only screen and (max-width:700px) {
    .newSplit .errorMsg {
        padding-left: 0
    }
}

.newSplit .errorMsg .error {
    margin: 8px 0
}

@media only screen and (max-width:700px) {
    .newSplit {
        padding: 16px 8px 16px 56px
    }

    .newSplit .col_1,
    .newSplit .col_2,
    .newSplit .col_3 {
        width: 100%
    }

    .newSplit .col_1,
    .newSplit .col_2 {
        margin-bottom: 8px
    }
}

@media only screen and (max-width:480px) {
    .newSplit {
        padding-left: 40px
    }
}

.transRow {
    float: none;
    padding: 0 40px 0 72px;
    position: relative;
    width: 100%
}

.short .transRow {
    padding: 0 32px 0 64px
}

.short .transRow .catIcon {
    width: 64px
}

.short .transRow .splitName .catIcon {
    width: 24px
}

@media only screen and (max-width:700px) {
    .short .transRow {
        padding: 0 16px 0 56px
    }

    .short .transRow .catIcon {
        width: 56px
    }
}

@media only screen and (max-width:480px) {
    .short .transRow {
        padding-left: 40px
    }

    .short .transRow .catIcon {
        width: 40px
    }
}

.transRow.splitRow {
    background-color: #f4f4f4;
    border-bottom: 1px solid rgba(16, 35, 66, .2);
    padding-top: 18px;
    padding-left: 88px;
    padding-bottom: 18px
}

.short .transRow.splitRow {
    padding-left: 64px
}

.open.short .transRow.splitRow {
    padding-left: 72px
}

@media only screen and (max-width:700px) {
    .open.short .transRow.splitRow {
        padding-left: 56px
    }
}

@media only screen and (max-width:480px) {
    .open.short .transRow.splitRow {
        padding-left: 40px
    }
}

@media only screen and (max-width:990px) {
    .transRow.splitRow {
        padding-left: 72px
    }

    .short .transRow.splitRow {
        padding-left: 72px
    }
}

@media only screen and (max-width:700px) {
    .transRow.splitRow {
        padding-left: 56px
    }

    .short .transRow.splitRow {
        padding-left: 56px
    }
}

@media only screen and (max-width:480px) {
    .transRow.splitRow {
        padding-left: 40px
    }

    .short .transRow.splitRow {
        padding-left: 40px
    }
}

.transRow.actionsRow {
    margin-top: 16px;
    padding-top: 8px
}

.transRow.actionsRow:before {
    background-color: #d6d6d6;
    content: '';
    left: 72px;
    position: absolute;
    top: 0;
    width: calc(100% - 112px);
    height: 1px
}

@media only screen and (max-width:700px) {
    .transRow.actionsRow:before {
        left: 56px;
        width: calc(100% - 72px)
    }
}

@media only screen and (max-width:480px) {
    .transRow.actionsRow:before {
        left: 40px;
        width: calc(100% - 56px)
    }
}

.transRow.actionsRow .button {
    -webkit-flex-grow: 0;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0
}

@media only screen and (max-width:700px) {
    .transRow.actionsRow .button {
        margin: 0 4px
    }
}

@media only screen and (min-width:701px) {
    .transRow.actionsRow>div:first-child .button:first-child {
        padding-left: 0;
        margin-left: 0
    }

    .transRow.actionsRow>div:last-child .button.button-blue:last-child {
        padding-right: 0
    }

    .transRow.actionsRow>div:last-child .button.button-blue:last-child,
    .transRow.actionsRow>div:last-child .button:last-child {
        margin-right: 0
    }
}

@media only screen and (max-width:700px) {
    .transRow.actionsRow {
        margin-top: 40px;
        padding-top: 6px;
        text-align: center
    }
}

@media only screen and (max-width:700px) {
    .transRow {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 16px 0 56px
    }

    .transRow .catIcon {
        width: 56px
    }
}

@media only screen and (max-width:480px) {
    .transRow {
        padding-left: 40px
    }

    .transRow .catIcon {
        width: 40px
    }
}

@media only screen and (max-width:700px) {
    .transMain {
        width: 100%
    }
}

.transName {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    max-width: 174px
}

.short .transName {
    position: relative;
    max-width: 355px
}

@media only screen and (max-width:1279px) {
    .short .transName {
        max-width: 227px
    }
}

.short:not(.open) .transDetail:not(.transNull) .transName {
    padding-right: 9px
}

.short:not(.open) .transDetail:not(.transNull) .transName:before {
    background-color: #102342;
    content: '';
    right: 0;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 1px;
    height: 12px
}

@media only screen and (max-width:700px) {
    .short:not(.open) .transDetail:not(.transNull) .transName:before {
        display: none
    }
}

.transName .icon {
    font-size: 16px;
    display: inline-block;
    margin: 4px 3px 0 0;
    vertical-align: top
}

.splitRow:before,
.newSplit.default:before {
    color: #102342;
    content: "";
    font-family: "icomoon";
    font-size: 14px;
    left: 20px;
    margin-top: -12px;
    position: absolute;
    top: 50%
}

@media only screen and (max-width:480px) {

    .splitRow:before,
    .newSplit.default:before {
        left: 10px
    }
}

@media only screen and (max-width:700px) {
    .newSplit.default:before {
        margin-top: 0;
        top: 16px
    }
}

.splitRow:after {
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 8px;
    height: 100%
}

.splitName {
    color: #102342;
    font-family: "robotomedium", arial;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .0125em;
    padding-right: 10px;
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -webkit-box-flex: 1;
    -moz-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.splitName .catIcon {
    font-size: 20px;
    margin: 0 11px 0 0;
    position: static
}

.splitName span {
    display: inline-block;
    vertical-align: middle
}

.transInfo {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .02em
}

@media only screen and (max-width:700px) {
    .transInfo {
        font-size: 14px;
        line-height: 1.71;
        letter-spacing: .014em
    }
}

.transInfo .label {
    color: #666;
    display: block;
    font-family: "robotomedium", arial;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .02em
}

@media only screen and (max-width:700px) {
    .transInfo .label {
        margin-bottom: 4px
    }
}

.transState .transInfo .label {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .0125em
}

.transInfo .red {
    color: #ff4c33
}

@media only screen and (min-width:701px) {

    .tagCol .value,
    .titleRow .mobBtn {
        display: none
    }
}

.removeSplit {
    background: transparent;
    border: none;
    color: #102342;
    font-size: 16px;
    padding: 0;
    transition: color 250ms ease-out
}

.no-touch .removeSplit:hover,
.removeSplit:active {
    color: #fcb813
}

.newSplit .removeSplit {
    left: 20px;
    position: absolute;
    top: 20px
}

@media only screen and (max-width:480px) {
    .newSplit .removeSplit {
        left: 10px
    }
}

.transaction .transDetail.col1_2 .number:before {
    content: '|';
    margin-right: 8px;
    margin-left: 4px
}

.transaction .transDetail.col1_2 p:not(.date) {
    padding-right: 8px
}

@media only screen and (max-width:700px) {
    .transaction .transDetail.col1_2 p:not(.date) {
        padding-right: 0
    }
}

.transaction.short .transDetail.col1_2 p:not(.date) {
    padding-right: 0
}

.transState:after,
.yellowRegister:after,
.stripesWrap:after {
    clear: both;
    content: '';
    display: block
}

.btnsRow,
.spaceRow,
.cntRow,
.headerTools,
.previewItem.orderView .inner,
.balanceBox,
.titleRow,
.btnStripe,
.curInput,
.favTitleRow,
.formWrap.spaceV,
.fieldsRow .fieldsWrap,
.savingsBox .wrap,
.savingsBox.fullView .goalInfoWrap,
.createIntro,
.goalSum .inner,
.transaction .col1,
.transaction.short .transDetail,
.transaction.transState .col2,
.newSplit,
.newSplit .splittingVal,
.transRow,
.iconSelector,
.budgetRow,
.budgetWrap,
.budgetTotal,
.budgetLink,
.budgetIntroWrap,
.transTable .col_3_4,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.previewItem.orderView .detail .inner {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

.previewItem.orderView .inner,
.balanceBox,
.formWrap.spaceV,
.transaction.short .col1,
.transaction.short.open .transDetail.col1_2,
.transaction.transState .col2,
.newSplit,
.iconSelector,
.budgetInner .budgetRow,
.budgetIntro.million .budgetIntroWrap,
.bankStatusWrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.savingsBox.goalIntro.empty .wrap,
.newSplit.add,
.bankStatusWrapper {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-flex-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.cntRow.end,
.newSplit .splittingVal {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-flex-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.btnsRow.center,
.balanceBox,
.btnStripe,
.savingsBox .wrap,
.budgetInner .budgetIntroWrap {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.spaceRow,
.previewItem.orderView .inner,
.titleRow,
.favTitleRow,
.fieldsRow .fieldsWrap.space,
.savingsBox.fullView .goalInfoWrap,
.goalSum .inner,
.transaction .col1,
.transaction.transState .col2,
.newSplit,
.transRow,
.budgetRow,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.budgetIntroWrap {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.transaction .col1,
.transaction.short.open .open-acc.transRow,
.transaction:not(.short) .transRow:not(.actionsRow) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

.spaceRow.center,
.previewItem.orderView .inner,
.titleRow,
.btnStripe,
.btnStripe .spaceRow,
.curInput,
.favTitleRow,
.fieldsRow .fieldsWrap.center,
.savingsBox.goalIntro .wrap,
.createIntro,
.goalSum .inner,
.newSplit,
.newSplit .splittingVal,
.transRow,
.budgetWrap,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.transaction .col2.tagCol,
.transaction.transState .status {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end
}

.transaction:not(.short) .value,
.transaction:not(.short) .col1 .col1_1,
.budgetTable .cell.budgetRemove {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center
}

.transaction.transState.open .col2 {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch
}

.balanceBox {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center
}

.formWrap.spaceV {
    -ms-flex-line-pack: space-between;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    align-content: space-between
}

.iconSelector {
    padding: 10px 15px
}

.iconSelector .col {
    text-align: center;
    margin: 24px 0;
    width: 20%
}

@media only screen and (max-width:700px) {
    .iconSelector .col {
        width: 25%
    }
}

@media only screen and (max-width:480px) {
    .iconSelector .col {
        width: 33.33%
    }
}

@media only screen and (max-width:360px) {
    .iconSelector .col {
        margin: 12px 0
    }
}

.iconSelector .iconItem {
    background-color: #eee;
    border-radius: 50%;
    color: #102342;
    cursor: pointer;
    font-size: 32px;
    line-height: 80px;
    margin: 0 auto;
    text-align: center;
    transition: background-color 200ms ease-out;
    width: 80px;
    height: 80px
}

@media only screen and (max-width:360px) {
    .iconSelector .iconItem {
        line-height: 72px;
        width: 72px;
        height: 72px
    }
}

.iconSelector .iconItem.selected,
.no-touch .iconSelector .iconItem:hover,
.iconSelector .iconItem:active,
.iconSelector .iconItem:focus {
    background-color: #fcb813
}

.transState:after,
.yellowRegister:after,
.stripesWrap:after {
    clear: both;
    content: '';
    display: block
}

.btnsRow,
.spaceRow,
.cntRow,
.headerTools,
.previewItem.orderView .inner,
.balanceBox,
.titleRow,
.btnStripe,
.curInput,
.favTitleRow,
.formWrap.spaceV,
.fieldsRow .fieldsWrap,
.savingsBox .wrap,
.savingsBox.fullView .goalInfoWrap,
.createIntro,
.goalSum .inner,
.transaction .col1,
.transaction.short .transDetail,
.transaction.transState .col2,
.newSplit,
.newSplit .splittingVal,
.transRow,
.iconSelector,
.budgetRow,
.budgetWrap,
.budgetTotal,
.budgetLink,
.budgetIntroWrap,
.transTable .col_3_4,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.previewItem.orderView .detail .inner {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

.previewItem.orderView .inner,
.balanceBox,
.formWrap.spaceV,
.transaction.short .col1,
.transaction.short.open .transDetail.col1_2,
.transaction.transState .col2,
.newSplit,
.iconSelector,
.budgetInner .budgetRow,
.budgetIntro.million .budgetIntroWrap,
.bankStatusWrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.savingsBox.goalIntro.empty .wrap,
.newSplit.add,
.bankStatusWrapper {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-flex-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.cntRow.end,
.newSplit .splittingVal {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-flex-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.btnsRow.center,
.balanceBox,
.btnStripe,
.savingsBox .wrap,
.budgetInner .budgetIntroWrap {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.spaceRow,
.previewItem.orderView .inner,
.titleRow,
.favTitleRow,
.fieldsRow .fieldsWrap.space,
.savingsBox.fullView .goalInfoWrap,
.goalSum .inner,
.transaction .col1,
.transaction.transState .col2,
.newSplit,
.transRow,
.budgetRow,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.budgetIntroWrap {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.transaction .col1,
.transaction.short.open .open-acc.transRow,
.transaction:not(.short) .transRow:not(.actionsRow) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

.spaceRow.center,
.previewItem.orderView .inner,
.titleRow,
.btnStripe,
.btnStripe .spaceRow,
.curInput,
.favTitleRow,
.fieldsRow .fieldsWrap.center,
.savingsBox.goalIntro .wrap,
.createIntro,
.goalSum .inner,
.newSplit,
.newSplit .splittingVal,
.transRow,
.budgetWrap,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.transaction .col2.tagCol,
.transaction.transState .status {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end
}

.transaction:not(.short) .value,
.transaction:not(.short) .col1 .col1_1,
.budgetTable .cell.budgetRemove {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center
}

.transaction.transState.open .col2 {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch
}

.balanceBox {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center
}

.formWrap.spaceV {
    -ms-flex-line-pack: space-between;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    align-content: space-between
}

.budgetInner .budgetIntroWrap {
    margin-bottom: 80px
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetIntroWrap {
        margin-bottom: 48px
    }
}

.budgetInner .budgetIntroWrap .value {
    font-size: 34px;
    line-height: 1.17;
    letter-spacing: 0;
    white-space: nowrap
}

.budgetInner .budgetIntroWrap .value sub {
    font-size: 20px
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetIntroWrap .value {
        font-size: 28px
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetIntroWrap .value {
        font-size: 34px
    }

    .budgetInner .budgetIntroWrap .value sub {
        font-size: 24px
    }
}

.budgetInner .budgetIntroWrap .cat {
    padding: 0 24px
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetIntroWrap .cat {
        padding: 0 16px
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetIntroWrap .cat {
        padding: 0 8px
    }

    .budgetInner .budgetIntroWrap .cat:last-child {
        margin-bottom: 0
    }
}

.budgetInner.budgetsBox {
    padding: 40px 16px 28px
}

@media only screen and (max-width:700px) {
    .budgetInner.budgetsBox {
        padding-top: 24px
    }
}

@media only screen and (max-width:480px) {
    .budgetInner.budgetsBox {
        padding-left: 8px;
        padding-right: 8px
    }
}

.budgetInner .btnsRow {
    border-top: 1px solid #d6d6d6;
    margin: 0 24px;
    padding-top: 15px
}

.budgetInner .btnsRow .button.singleElm,
.budgetInner .btnsRow .button:first-child {
    padding-left: 0
}

@media only screen and (max-width:700px) {

    .budgetInner .btnsRow .button.singleElm,
    .budgetInner .btnsRow .button:first-child {
        padding-left: 24px
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .btnsRow {
        margin: 0
    }
}

.budgetInner .budgetRow {
    padding: 0 32px
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetRow {
        padding: 0 24px
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .catTitle .open-acc:before {
        display: none
    }
}

.budgetTable {
    margin-bottom: 32px;
    width: 100%
}

.budgetAnalysis .budgetInner .budgetTable,
.budgetTableAnalysis .budgetTable {
    margin-bottom: 16px
}

@media only screen and (max-width:700px) {

    .budgetAnalysis .budgetInner .budgetTable,
    .budgetTableAnalysis .budgetTable {
        margin-bottom: 0
    }
}

.budgetTable.noConsent .value {
    font-family: "robotomedium", arial
}

.budgetTable.noConsent .cell {
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (min-width:701px) {

    .budgetTable.noConsent .budgetRow,
    .budgetTable.noConsent .budgetHead {
        padding-right: 40px
    }

    .budgetTable.noConsent .budgetHead,
    .budgetTable.noConsent .budgetLink {
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.budgetInner .budgetTable {
    margin-bottom: 42px;
    padding-left: 40px;
    padding-right: 40px
}

.budgetInner .budgetTable.noConsent .budgetHead {
    padding-right: 32px;
    padding-left: 32px
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetTable.noConsent .budgetHead {
        padding-right: 24px;
        padding-left: 24px
    }
}

.budgetInner .budgetTable.noConsent .budgetHead .cell:first-child {
    padding-left: 0
}

.budgetInner .budgetTable.noConsent .budgetHead .cell:last-child {
    padding-right: 0
}

.budgetInner .budgetTable.noConsent .budgetRow {
    padding-right: 32px
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetTable.noConsent .budgetRow {
        padding-right: 24px
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetTable.noConsent .budgetRow {
        padding-right: 0
    }
}

.budgetInner .budgetTable.noConsent .budgetRow .cell:last-child {
    padding-right: 0
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetTable.noConsent .budgetRow .cell:last-child {
        padding-right: 36px
    }
}

@media only screen and (min-width:701px) {
    .budgetInner .budgetTable.noConsent .budgetWrap {
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetTable {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetTable {
        margin-bottom: 24px
    }
}

.budgetTable sub {
    bottom: 0;
    font-size: 12px;
    margin-left: 4px
}

@media only screen and (max-width:700px) {
    .budgetTable sub {
        font-size: 14px
    }
}

.budgetTable .cell {
    color: #102342;
    display: inline-block;
    font-family: "robotoregular", arial;
    font-size: 16px;
    line-height: 24px;
    padding: 8px;
    text-align: right;
    width: 25%
}

.budgetInner .budgetTable .cell:not(.budgetRemove) {
    padding: 0 24px 0;
    position: relative
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetTable .cell:not(.budgetRemove) {
        padding: 0 16px 0
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetTable .cell:not(.budgetRemove) {
        margin-bottom: 10px;
        padding: 0 36px 0 0
    }
}

.budgetInner .budgetTable .cell:not(.budgetRemove).col_5 {
    padding-right: 0
}

.budgetInner .budgetTable .cell .open-acc {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.budgetInner .budgetTable .cell .open-acc:before {
    content: "";
    font-family: "icomoon";
    font-size: 8px;
    left: -32px;
    line-height: 32px;
    margin-top: -16px;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: transform 150ms ease-out;
    width: 24px;
    height: 32px
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetTable .cell .open-acc:before {
        left: -24px;
        line-height: 24px;
        margin-top: -12px;
        height: 24px
    }
}

.no-touch .budgetInner .budgetTable .cell .open-acc:hover:before {
    color: #4870a9
}

.budgetTable .cell:first-child {
    text-align: left
}

.budgetTable .cell.budgetRemove {
    padding: 0;
    width: 26px
}

.budgetTable .cell.catTitle {
    font-family: "robotomedium", arial;
    text-align: left
}

.budgetInner .budgetTable .cell.catTitle {
    line-height: 28px;
    padding-left: 0
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetTable .cell.catTitle {
        margin-bottom: 24px
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetTable .cell.catTitle.million {
        margin-bottom: 24px;
        padding-left: 0
    }
}

@media only screen and (max-width:700px) {
    .budgetTable .cell {
        font-family: "robotoregular", arial;
        font-size: 20px;
        padding: 2px 0 2px 100px;
        position: relative;
        width: 100%
    }

    .budgetTable .cell.catTitle {
        margin-bottom: 24px;
        padding: 0
    }

    .budgetTable .cell.date {
        font-size: 14px
    }
}

@media only screen and (max-width:480px) {
    .budgetTable .cell {
        padding-left: 0;
        text-align: left
    }
}

@media only screen and (min-width:701px) {

    .budgetTableAnalysis.row-1 .budgetTable .budgetWrap>.cell,
    .budgetTableAnalysis.row-1 .budgetTable .budgetTotal>.cell,
    .budgetTableAnalysis.row-1 .budgetTable .budgetLink>.cell,
    .budgetTableAnalysis.row-1 .budgetTable .budgetHead>.cell {
        width: 50%
    }

    .budgetTableAnalysis.row-2 .budgetTable .budgetWrap>.cell,
    .budgetTableAnalysis.row-2 .budgetTable .budgetTotal>.cell,
    .budgetTableAnalysis.row-2 .budgetTable .budgetLink>.cell,
    .budgetTableAnalysis.row-2 .budgetTable .budgetHead>.cell {
        width: 33.33%
    }

    .budgetTableAnalysis.row-3 .budgetTable .budgetWrap>.cell,
    .budgetTableAnalysis.row-3 .budgetTable .budgetTotal>.cell,
    .budgetTableAnalysis.row-3 .budgetTable .budgetLink>.cell,
    .budgetTableAnalysis.row-3 .budgetTable .budgetHead>.cell {
        width: 25%
    }

    .budgetTableAnalysis.row-4 .budgetTable .budgetWrap>.cell,
    .budgetTableAnalysis.row-4 .budgetTable .budgetTotal>.cell,
    .budgetTableAnalysis.row-4 .budgetTable .budgetLink>.cell,
    .budgetTableAnalysis.row-4 .budgetTable .budgetHead>.cell {
        width: 20%
    }
}

@media only screen and (max-width:990px) {
    .budgetTable .budgetHead .cell:first-child {
        padding-left: 0
    }
}

@media only screen and (max-width:1280px) {
    .budgetInner .budgetTable.million .cell:not(.budgetRemove) .open-acc:before {
        left: -25px;
        width: 25px
    }
}

@media only screen and (max-width:1280px) {
    .budgetInner .budgetTable.million .cell:not(.budgetRemove) {
        padding: 0 10px
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetTable.million .cell:not(.budgetRemove) {
        margin-bottom: 4px;
        padding: 0 36px 0 0
    }
}

@media only screen and (max-width:1280px) {
    .budgetInner .budgetTable.million {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetTable.million {
        margin-bottom: 0
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetTable.million .cell {
        font-family: "robotoregular", arial;
        font-size: 20px;
        padding: 2px 0 2px 100px;
        position: relative;
        width: 100%
    }

    .budgetInner .budgetTable.million .cell.catTitle {
        margin-bottom: 24px;
        padding: 0
    }

    .budgetInner .budgetTable.million .cell.date {
        font-size: 14px
    }
}

@media only screen and (min-width:701px) {
    .budgetTable .budgetLink .cell:before {
        display: none
    }
}

.red .budgetWrap .cell,
.budgetsBox:not(.budgetInner) .red .cell {
    color: #ff4c33
}

.budgetInner .transTable .cell:not(.budgetRemove) {
    font-size: 14px;
    line-height: 20px;
    padding: 0 16px
}

@media only screen and (max-width:990px) {
    .budgetInner .transTable .cell:not(.budgetRemove) {
        font-size: 16px
    }
}

.budgetHead {
    border-bottom: 1px solid #d6d6d6;
    font-family: "robotomedium", arial;
    line-height: 1.75;
    letter-spacing: .006em;
    margin-bottom: 16px;
    padding: 0 0 0 40px
}

.budgetInner .budgetHead {
    padding: 0 8px 8px
}

@media only screen and (min-width:701px) {
    .budgetHead {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end
    }
}

@media only screen and (max-width:700px) {
    .budgetHead {
        display: none
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .million .budgetHead {
        display: none
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .million .budgetHead {
        padding-left: 14px
    }
}

.budgetHead .cell {
    font-family: "robotomedium", arial
}

.budgetInner .budgetHead .cell {
    font-family: "robotomedium", arial;
    font-size: 16px;
    letter-spacing: .2px;
    line-height: 22px;
    padding: 0 24px 8px
}

.budgetRow {
    border-left-width: 8px;
    border-left-style: solid;
    float: none;
    line-height: 1.25;
    letter-spacing: .0125em;
    position: relative;
    transition: background-color 150ms ease-out
}

.budgetRow.total {
    border-color: #fff;
    border-top: 1px solid #d6d6d6;
    margin-top: 24px
}

@media only screen and (max-width:700px) {
    .budgetAnalysisInner .budgetRow.total {
        margin-top: 0;
        border-top: none
    }
}

.fixed-header .budgetRow.home {
    margin-bottom: 0;
    margin-top: 0
}

@media only screen and (max-width:700px) {
    .fixed-header .budgetRow.home {
        margin-bottom: 32px
    }
}

.budgetInner .budgetRow {
    margin-bottom: 0
}

.budgetInner .budgetRow:not(.total) {
    border: none
}

.budgetInner .budgetRow.open {
    margin-top: -1px;
    margin-bottom: 24px
}

.budgetInner .budgetRow.open .budgetWrap {
    padding-top: 6px
}

.budgetInner .budgetRow.open:before {
    background-color: #fafafa;
    content: '';
    left: -40px;
    position: absolute;
    top: 0;
    width: calc(100% + 80px);
    height: 100%
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetRow.open:before {
        left: -16px;
        width: calc(100% + 32px)
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetRow.open:before {
        left: -8px;
        width: calc(100% + 16px)
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetRow.open {
        border-bottom: none;
        padding-bottom: 24px;
        padding-top: 32px
    }

    .budgetInner .budgetRow.open .cell.budgetRemove {
        top: 45px
    }
}

.budgetInner .budgetRow:not(.open) .open-acc:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetRow {
        margin-bottom: 17px;
        padding: 0 0 16px
    }

    .budgetInner .budgetRow:not(.total):not(:last-child) {
        border-bottom: 1px solid #d6d6d6
    }
}

@media only screen and (max-width:1280px) {
    .budgetInner .million .budgetRow.open:before {
        left: -16px;
        width: calc(100% + 32px)
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .million .budgetRow.open {
        border-bottom: none;
        margin-bottom: 32px;
        padding-bottom: 24px;
        padding-top: 32px
    }

    .budgetInner .million .budgetRow.open .cell.budgetRemove {
        top: 45px
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .million .budgetRow {
        border-bottom: 1px solid #d6d6d6;
        margin-bottom: 17px;
        padding-bottom: 16px
    }
}

.budgetRow.red,
.budgetRow.red .catTitle {
    font-family: "robotoregular", arial
}

.budgetRow .catIcon {
    left: 10px;
    margin: -8px 0 0;
    position: absolute;
    top: 50%
}

.budgetRow .catIcon.ic-home:before {
    content: ""
}

@media only screen and (max-width:700px) {
    .budgetRow .catIcon {
        font-size: 16px;
        left: 14px;
        margin: 0;
        top: 17px
    }
}

@media only screen and (max-width:480px) {
    .budgetRow .catIcon {
        left: 12px
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .million .budgetRow .catIcon {
        font-size: 16px;
        left: 14px;
        margin: 0;
        top: 17px
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .million .budgetRow {
        border-left-width: 4px;
        margin: 0 0 32px
    }

    .budgetInner .million .budgetRow:last-child {
        margin-bottom: 0
    }

    .budgetInner .million .budgetRow:last-child:after {
        display: none
    }

    .budgetInner .million .budgetRow .budgetRemove {
        padding: 0;
        position: absolute;
        right: 3px;
        top: 8px;
        width: 26px
    }
}

@media only screen and (max-width:700px) {
    .budgetRow {
        border-left-width: 4px;
        margin: 0 0 32px
    }

    .budgetRow:not(.total):after {
        background-color: #d6d6d6;
        bottom: -16px;
        content: '';
        left: 16px;
        position: absolute;
        width: calc(100% - 32px);
        height: 1px
    }

    .budgetInner .budgetRow:not(.total):after {
        display: none
    }

    .dashboardSec .budgetRow:last-child {
        margin-bottom: 0
    }

    .dashboardSec .budgetRow:last-child:after {
        display: none
    }

    .budgetRow .budgetRemove {
        padding: 0;
        position: absolute;
        right: 16px;
        top: 8px;
        width: 26px
    }

    .budgetInner .budgetRow .budgetRemove {
        right: 3px
    }
}

.budgetRow .acc-content {
    padding: 40px 0 8px;
    position: relative;
    z-index: 1
}

.budgetRow .acc-content.emptyResults {
    padding: 40px 0
}

@media only screen and (max-width:990px) {
    .budgetRow .acc-content {
        padding-top: 24px
    }
}

@media only screen and (max-width:1280px) {
    .budgetInner .million .budgetRow .acc-content {
        padding-top: 24px
    }
}

.budgetRow .open-accWrap.mobOnly {
    display: none
}

@media only screen and (max-width:700px) {
    .budgetRow .open-accWrap.mobOnly {
        display: block;
        padding-right: 16px;
        position: relative;
        text-align: right;
        z-index: 1;
        width: 100%
    }

    .budgetRow .open-accWrap.mobOnly .open-acc {
        color: #102342;
        display: inline-block;
        font-size: 14px;
        padding: 5px 36px 5px 5px;
        position: relative;
        vertical-align: top
    }

    .budgetRow .open-accWrap.mobOnly .open-acc:before {
        content: "";
        font-family: "icomoon";
        font-size: 8px;
        margin-top: -4px;
        position: absolute;
        right: 11px;
        top: 50%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        transition: transform 150ms ease-out
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .million .budgetRow .open-accWrap.mobOnly {
        display: block;
        position: relative;
        text-align: right;
        z-index: 1;
        width: 100%
    }

    .budgetInner .million .budgetRow .open-accWrap.mobOnly .open-acc {
        color: #102342;
        display: inline-block;
        font-family: "icomoon";
        font-size: 8px;
        margin-right: 3px;
        padding: 5px;
        vertical-align: top
    }

    .budgetInner .million .budgetRow .open-accWrap.mobOnly .open-acc:before {
        content: "";
        display: block;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        transition: transform 150ms ease-out
    }
}

.budgetRow.open .open-accWrap.mobOnly .open-acc:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.budgetWrap {
    padding: 5px 0;
    position: relative;
    width: 100%
}

@media only screen and (max-width:700px) {
    .budgetWrap {
        margin: 0;
        padding: 13px 0 0 0;
        width: 100%
    }

    .budgetWrap:before {
        content: '';
        left: -8px;
        position: absolute;
        transition: background-color 200ms ease-out;
        width: 4px;
        height: 100%
    }

    .budgetRow.open .budgetWrap {
        padding-bottom: 13px
    }

    .budgetTable.cash .budgetRow.open .budgetWrap:before {
        background-color: #e99c51
    }

    .budgetTable.health .budgetRow.open .budgetWrap:before {
        background-color: #b394b2
    }

    .budgetTable.home .budgetRow.open .budgetWrap:before {
        background-color: #d1796c
    }

    .budgetTable.leisure .budgetRow.open .budgetWrap:before {
        background-color: #476fa8
    }

    .budgetTable.obligations .budgetRow.open .budgetWrap:before {
        background-color: #64b5b0
    }

    .budgetTable.shopping .budgetRow.open .budgetWrap:before {
        background-color: #c46492
    }

    .budgetTable.transport .budgetRow.open .budgetWrap:before {
        background-color: #baac76
    }

    .budgetTable.other .budgetRow.open .budgetWrap:before {
        background-color: #d6d6d6
    }
}

@media only screen and (max-width:480px) {
    .budgetWrap:before {
        left: -8px
    }
}

@media only screen and (max-width:1280px) {
    .million .budgetWrap {
        padding-right: 46px
    }
}

@media only screen and (max-width:990px) {
    .million .budgetWrap {
        margin: 0;
        padding: 13px 0 0 16px;
        width: 100%
    }

    .million .budgetWrap:before {
        content: '';
        left: -16px;
        position: absolute;
        transition: background-color 200ms ease-out;
        width: 4px;
        height: 100%
    }

    .budgetRow.open .million .budgetWrap {
        padding-bottom: 13px
    }

    .budgetTable.cash .budgetRow.open .million .budgetWrap:before {
        background-color: #e99c51
    }

    .budgetTable.health .budgetRow.open .million .budgetWrap:before {
        background-color: #b394b2
    }

    .budgetTable.home .budgetRow.open .million .budgetWrap:before {
        background-color: #d1796c
    }

    .budgetTable.leisure .budgetRow.open .million .budgetWrap:before {
        background-color: #476fa8
    }

    .budgetTable.obligations .budgetRow.open .million .budgetWrap:before {
        background-color: #64b5b0
    }

    .budgetTable.shopping .budgetRow.open .million .budgetWrap:before {
        background-color: #c46492
    }

    .budgetTable.transport .budgetRow.open .million .budgetWrap:before {
        background-color: #baac76
    }

    .budgetTable.other .budgetRow.open .million .budgetWrap:before {
        background-color: #d6d6d6
    }
}

.budgetTotal {
    padding-left: 32px;
    position: relative
}

.budgetLink {
    padding-left: 32px;
    position: relative
}

.budgetLink.inactive .cell {
    opacity: .5
}

.no-touch .budgetsBox:not(.budgetInner) .budgetLink:not(.inactive):hover {
    background-color: #f9fafc
}

@media only screen and (min-width:701px) {

    .budgetInner .budgetRow:not(:last-child):not(.open) .budgetWrap,
    .budgetInner .budgetRow:not(:last-child):not(.open) .budgetTotal,
    .budgetInner .budgetRow:not(:last-child):not(.open) .budgetLink {
        border-bottom: 1px solid rgba(214, 214, 214, .5)
    }
}

.budgetsBox .budgetWrap,
.budgetsBox .budgetTotal,
.budgetsBox .budgetLink {
    width: 100%
}

@media only screen and (max-width:700px) {

    .budgetWrap,
    .budgetTotal,
    .budgetLink {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 13px 52px 15px 44px;
        width: 100%
    }
}

@media only screen and (max-width:480px) {

    .budgetWrap,
    .budgetTotal,
    .budgetLink {
        padding-left: 40px;
        padding-right: 16px
    }
}

@media only screen and (max-width:990px) {

    .budgetInner .million .budgetWrap,
    .budgetInner .million .budgetTotal,
    .budgetInner .million .budgetLink {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 13px 52px 15px 44px;
        width: 100%
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetWrap {
        padding-right: 16px;
        padding-left: 16px
    }

    .budgetInner .cell {
        padding-right: 36px
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetTable.million .budgetWrap {
        padding-right: 0;
        padding-left: 16px
    }

    .budgetInner .budgetTable.million .cell {
        padding-right: 36px
    }
}

.no-touch a.budgetLink:hover,
a.budgetLink:active,
.no-touch a.budgetLink:focus {
    text-decoration: none
}

.budgetsBox {
    padding: 48px 31px 32px
}

.budgetsBox .button {
    margin: 0
}

@media only screen and (max-width:700px) {
    .budgetsBox .button {
        margin: 0 auto
    }
}

@media only screen and (max-width:990px) {
    .million .budgetsBox .button {
        margin: 0 auto
    }
}

.budgetsBox:after {
    clear: both;
    content: '';
    display: block
}

@media only screen and (max-width:990px) {
    .budgetsBox {
        padding: 50px 16px 40px
    }

    .budgetAnalysis .budgetsBox.budgetInner {
        padding-bottom: 40px
    }
}

@media only screen and (max-width:700px) {
    .budgetsBox {
        padding-right: 0;
        padding-left: 0;
        text-align: center
    }

    .budgetAnalysis .budgetsBox.budgetInner {
        padding-bottom: 16px
    }
}

@media only screen and (max-width:1280px) {
    .million .budgetsBox.budgetInner {
        padding: 50px 16px 40px
    }
}

@media only screen and (max-width:990px) {
    .million .budgetsBox.budgetInner {
        padding-right: 0;
        padding-left: 0;
        text-align: center
    }
}

.budgetIntroWrap {
    margin-bottom: 56px;
    text-align: center
}

.budgetIntro.million .budgetIntroWrap>* {
    margin: 8px 0;
    width: 100%
}

@media only screen and (max-width:700px) {
    .budgetIntro.million .budgetIntroWrap .value {
        font-size: 24px
    }

    .budgetIntro.million .budgetIntroWrap .value sub {
        font-size: 18px
    }
}

@media only screen and (max-width:990px) {
    .budgetIntroWrap {
        margin-bottom: 52px
    }
}

@media only screen and (max-width:700px) {
    .budgetIntroWrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .budgetIntroWrap .cat {
        margin-bottom: 24px;
        width: 100%
    }

    .budgetIntroWrap .cat:last-child {
        margin-bottom: 0
    }
}

.budgetIntroWrap h4 {
    color: #102342;
    font-family: "robotoregular", arial;
    line-height: 24px;
    letter-spacing: .34px;
    margin: 0
}

@media only screen and (max-width:700px) {
    .budgetIntroWrap h4 {
        font-family: "robotomedium", arial;
        font-size: 16px
    }
}

.budgetIntroWrap .value {
    color: #102342;
    font-family: "robotoregular", arial;
    font-size: 24px;
    line-height: 1.3
}

.budgetIntroWrap .value sub {
    font-family: "robotomedium", arial;
    font-size: 18px
}

@media only screen and (max-width:990px) {
    .budgetIntroWrap .value {
        font-size: 28px
    }

    .budgetIntroWrap .value sub {
        font-size: 20px
    }
}

@media only screen and (max-width:700px) {
    .budgetIntroWrap .value {
        font-size: 34px
    }
}

.cellLabel {
    display: none
}

@media only screen and (max-width:700px) {
    .cellLabel {
        display: block;
        font-family: "robotomedium", arial;
        font-size: 16px;
        float: left;
        left: 0;
        letter-spacing: .2px;
        line-height: 26px;
        position: absolute;
        top: 0
    }
}

@media only screen and (max-width:480px) {
    .cellLabel {
        position: relative;
        width: 100%
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .million .cellLabel {
        display: block;
        font-family: "robotomedium", arial;
        font-size: 16px;
        float: left;
        left: 0;
        letter-spacing: .2px;
        line-height: 26px;
        position: absolute;
        top: 0
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .million .cellLabel {
        position: relative
    }
}

.removeCat {
    color: #102342;
    cursor: pointer;
    display: block;
    padding: 5px;
    position: relative;
    text-align: center;
    z-index: 2;
    width: 26px;
    height: 26px;
    transition: color 150ms ease-out
}

.no-touch .removeCat:hover {
    color: #fcb813
}

.removeCat:before {
    content: "";
    display: block;
    font-family: "icomoon";
    font-size: 16px;
    line-height: 1
}

@media only screen and (max-width:700px) {
    .removeCat:before {
        left: 5px;
        top: 5px
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .million .removeCat:before {
        left: 5px;
        top: 5px
    }
}

@media only screen and (max-width:700px) {
    .removeCat {
        font-size: 18px;
        padding: 5px;
        width: 28px;
        height: 28px
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .million .removeCat {
        font-size: 18px;
        padding: 5px;
        width: 28px;
        height: 28px
    }
}

.catSelector .catOption {
    color: #102342;
    cursor: pointer;
    margin: 8px 0;
    position: relative;
    transition: background 100ms ease-out;
    min-width: 216px
}

.no-touch .catSelector .catOption:hover,
.no-touch .catSelector .catOption:hover:after,
.catSelector .catOption:active,
.catSelector .catOption:active:after,
.catSelector .catOption.selected,
.catSelector .catOption.selected:after {
    color: #fff
}

.catSelector .catOption:after {
    left: 24px
}

.catSelector .catOption:not(.default):before {
    left: 0;
    top: 0;
    height: 100%
}

.no-touch .catSelector .catOption.other:hover,
.catSelector .catOption.other:active,
.catSelector .catOption.other.selected {
    background-color: #d6d6d6
}

.no-touch .catSelector .catOption.transport:hover,
.catSelector .catOption.transport:active,
.catSelector .catOption.transport.selected {
    background-color: #baac76
}

.no-touch .catSelector .catOption.shopping:hover,
.catSelector .catOption.shopping:active,
.catSelector .catOption.shopping.selected {
    background-color: #c46492
}

.no-touch .catSelector .catOption.obligations:hover,
.catSelector .catOption.obligations:active,
.catSelector .catOption.obligations.selected {
    background-color: #64b5b0
}

.no-touch .catSelector .catOption.leisure:hover,
.catSelector .catOption.leisure:active,
.catSelector .catOption.leisure.selected {
    background-color: #476fa8
}

.no-touch .catSelector .catOption.home:hover,
.catSelector .catOption.home:active,
.catSelector .catOption.home.selected {
    background-color: #d1796c
}

.no-touch .catSelector .catOption.health:hover,
.catSelector .catOption.health:active,
.catSelector .catOption.health.selected {
    background-color: #b394b2
}

.no-touch .catSelector .catOption.cash:hover,
.catSelector .catOption.cash:active,
.catSelector .catOption.cash.selected {
    background-color: #e99c51
}

.budgetBox {
    padding: 64px 32px;
    position: relative
}

@media only screen and (max-width:700px) {
    .budgetBox {
        padding: 32px 24px
    }
}

.budgetBox h2 {
    color: #102342;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 32px
}

.budgetBox p {
    color: #102342;
    font-size: 16px;
    letter-spacing: .2px;
    line-height: 28px;
    margin: 0 0 24px
}

.budgetBox .budgetTable {
    background-color: #fff;
    margin-bottom: 24px
}

.budgetBox .budgetTable:after {
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:700px) {
    .budgetBox .budgetTable {
        margin-left: -24px;
        width: calc(100% + 48px)
    }
}

.budgetBox>* {
    position: relative
}

.editBudget {
    background: none;
    border: none;
    color: #102342;
    font-family: "icomoon";
    font-size: 16px;
    padding: 0 3px
}

.editBudget:after {
    content: ""
}

.budgetTable .editBudget {
    bottom: 0;
    position: absolute;
    right: -2px
}

@media only screen and (max-width:990px) {
    .budgetTable .editBudget {
        position: relative;
        right: -4px
    }
}

@media only screen and (max-width:700px) {
    .budgetTable .editBudget {
        position: absolute;
        right: 7px
    }
}

@media only screen and (max-width:1280px) {
    .budgetTable.million .editBudget {
        position: relative;
        right: -4px
    }
}

@media only screen and (max-width:990px) {
    .budgetTable.million .editBudget {
        position: absolute;
        right: 7px
    }
}

.budgetHeader {
    margin: 0 0 80px;
    padding: 0 250px;
    position: relative
}

.budgetHeader .fieldsWrap>*:not(:last-child) {
    margin-bottom: 0
}

.budgetHeader h2 {
    color: #102342;
    font-size: 24px;
    line-height: 32px;
    margin: 0;
    text-align: center
}

.budgetHeader .fieldsWrap {
    left: 24px;
    position: absolute;
    top: 0
}

@media only screen and (max-width:990px) {
    .budgetHeader .fieldsWrap {
        left: 0
    }
}

@media only screen and (max-width:700px) {
    .budgetHeader .fieldsWrap {
        display: inline-block;
        float: none;
        position: relative;
        text-align: left;
        vertical-align: top
    }
}

@media only screen and (max-width:990px) {
    .budgetHeader {
        padding-right: 0
    }

    .budgetHeader h2 {
        text-align: right
    }
}

@media only screen and (max-width:700px) {
    .budgetHeader h2 {
        margin-bottom: 32px;
        text-align: center
    }
}

@media only screen and (max-width:700px) {
    .budgetHeader {
        margin-bottom: 48px;
        padding-left: 0;
        text-align: center
    }
}

.transTable .col_1 {
    width: 30%
}

.transTable .col_2 {
    width: 28%
}

@media only screen and (max-width:990px) {

    .transTable .col_1,
    .transTable .col_2 {
        width: 100%
    }
}

.transTable .col_3_4 {
    width: calc(42% - 160px)
}

@media only screen and (max-width:990px) {
    .transTable .col_3_4 {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        order: 1;
        width: 50%
    }
}

@media only screen and (max-width:480px) {
    .transTable .col_3_4 {
        width: 45%
    }
}

.transTable .col_3_4 .col_3,
.transTable .col_3_4 .col_4 {
    text-align: right;
    width: 100%
}

.transTable .col_5 {
    width: 160px
}

@media only screen and (max-width:990px) {
    .transTable .col_5 {
        width: 50%
    }
}

@media only screen and (max-width:480px) {
    .transTable .col_5 {
        width: 55%
    }
}

.transTable .col_5 .tooltip {
    line-height: 1;
    margin-right: 0
}

@media only screen and (max-width:700px) {
    .transTable {
        border-top: 1px solid #d6d6d6
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .million .transTable {
        border-top: 1px solid #d6d6d6
    }
}

.transTableRow:not(.transHeader) {
    padding: 16px 0
}

@media only screen and (max-width:990px) {
    .transTableRow:not(.transHeader) {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 24px 0
    }
}

@media only screen and (max-width:700px) {
    .transTableRow:not(.transHeader) {
        padding: 32px 16px
    }
}

.transTableRow:not(:last-child) {
    border-bottom: 1px solid #d6d6d6
}

.transTableRow .cell {
    letter-spacing: .2px;
    line-height: 24px
}

.transTableRow .cell.al-left {
    text-align: left
}

.transTableRow .cell .name {
    font-family: "robotomedium", arial
}

.transTableRow .cell .val {
    display: block;
    font-family: "robotoregular", arial;
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 20px
}

.transTableRow .cell sub {
    font-size: 12px
}

@media only screen and (max-width:700px) {
    .transTableRow .cell sub {
        font-size: 14px
    }
}

@media only screen and (max-width:990px) {
    .budgetInner .million .transTableRow .cell sub {
        font-size: 14px
    }
}

.budgetInner .budgetTable.noConsent .transTableRow .cell:not(.budgetRemove).col_1,
.budgetInner .transTableRow .cell:not(.budgetRemove).col_1 {
    padding-left: 24px
}

@media only screen and (max-width:990px) {

    .budgetInner .budgetTable.noConsent .transTableRow .cell:not(.budgetRemove).col_1,
    .budgetInner .transTableRow .cell:not(.budgetRemove).col_1 {
        padding-left: 8px
    }
}

@media only screen and (max-width:700px) {

    .budgetInner .budgetTable.noConsent .transTableRow .cell:not(.budgetRemove).col_1,
    .budgetInner .transTableRow .cell:not(.budgetRemove).col_1 {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:1280px) {

    .budgetInner .million .budgetInner .budgetTable.noConsent .transTableRow .cell:not(.budgetRemove).col_1,
    .budgetInner .million .budgetInner .transTableRow .cell:not(.budgetRemove).col_1 {
        padding-left: 8px
    }
}

@media only screen and (max-width:990px) {

    .budgetInner .million .budgetInner .budgetTable.noConsent .transTableRow .cell:not(.budgetRemove).col_1,
    .budgetInner .million .budgetInner .transTableRow .cell:not(.budgetRemove).col_1 {
        padding-left: 16px
    }
}

@media only screen and (max-width:990px) {

    .budgetInner .budgetTable.noConsent .transTableRow .cell:not(.budgetRemove),
    .budgetInner .transTableRow .cell:not(.budgetRemove) {
        padding: 0 8px
    }
}

@media only screen and (max-width:700px) {

    .budgetInner .budgetTable.noConsent .transTableRow .cell:not(.budgetRemove),
    .budgetInner .transTableRow .cell:not(.budgetRemove) {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .budgetInner .budgetTable.noConsent .transTableRow .cell:not(.budgetRemove).col_1,
    .budgetInner .budgetTable.noConsent .transTableRow .cell:not(.budgetRemove).col_2,
    .budgetInner .transTableRow .cell:not(.budgetRemove).col_1,
    .budgetInner .transTableRow .cell:not(.budgetRemove).col_2 {
        margin-bottom: 24px
    }
}

@media only screen and (max-width:1280px) {

    .budgetInner .million .budgetInner .budgetTable.noConsent .transTableRow .cell:not(.budgetRemove),
    .budgetInner .million .budgetInner .transTableRow .cell:not(.budgetRemove) {
        padding: 0 8px
    }
}

@media only screen and (max-width:990px) {

    .budgetInner .million .budgetInner .budgetTable.noConsent .transTableRow .cell:not(.budgetRemove),
    .budgetInner .million .budgetInner .transTableRow .cell:not(.budgetRemove) {
        margin-bottom: 0;
        padding-left: 16px
    }

    .budgetInner .million .budgetInner .budgetTable.noConsent .transTableRow .cell:not(.budgetRemove).col_1,
    .budgetInner .million .budgetInner .budgetTable.noConsent .transTableRow .cell:not(.budgetRemove).col_2,
    .budgetInner .million .budgetInner .transTableRow .cell:not(.budgetRemove).col_1,
    .budgetInner .million .budgetInner .transTableRow .cell:not(.budgetRemove).col_2 {
        margin-bottom: 30px
    }
}

.transTableRow .cell .transMenu {
    vertical-align: top;
    max-width: 100%
}

@media only screen and (max-width:990px) {

    .transTableRow .cell.col_1,
    .transTableRow .cell.col_2 {
        margin-bottom: 16px
    }

    .transTableRow .cell.col_5 {
        text-align: left
    }
}

.transTableRow.pending .col_3_4 .col_3 {
    opacity: .5
}

.transTableRow.noEdit .transMenu {
    opacity: .5
}

.transTableRow.noEdit .transMenu .catOption:not(.default) {
    cursor: default
}

.transHeader {
    margin-bottom: 15px;
    padding-bottom: 4px
}

.transHeader .cell {
    font-size: 12px;
    letter-spacing: .26px;
    line-height: 16px
}

@media only screen and (max-width:990px) {
    .transHeader {
        display: none
    }
}

@media only screen and (min-width:991px) {
    .transHeader {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-flex-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end
    }

    .transHeader .col_3_4 {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end
    }
}

@media only screen and (max-width:990px) {
    .transTable .col_5.cell {
        -ms-flex-item-align: end;
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        align-self: flex-end
    }

    .budgetInner .budgetTable.million .cell.col_5 {
        width: 50%
    }
}

.budgetInner .acceptBox {
    margin-bottom: 36px;
    padding-left: 40px;
    padding-right: 40px
}

@media only screen and (max-width:990px) {
    .budgetInner .acceptBox {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .acceptBox {
        margin-bottom: 0
    }
}

.acceptBox p {
    margin-bottom: 16px;
    text-align: left
}

.budgetAnalysis {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

@media only screen and (min-width:701px) {

    .budgetAnalysis .budgetTableAnalysis.row-6,
    .budgetAnalysis .budgetTableAnalysis.row-5 {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .budgetAnalysis .budgetTableAnalysis.row-5 .budgetTable {
        min-width: 1080px
    }

    .budgetAnalysis .budgetTableAnalysis.row-6 .budgetTable {
        min-width: 1120px
    }
}

.budgetAnalysisInner .budgetInner .budgetHead {
    padding: 0 32px 8px
}

@media only screen and (max-width:990px) {
    .budgetAnalysisInner .budgetInner .budgetHead {
        padding: 0 24px 8px
    }
}

@media only screen and (min-width:991px) {
    .budgetAnalysisInner .budgetInner .budgetTable .cell:not(.budgetRemove) {
        padding: 0 8px
    }

    .budgetAnalysisInner .budgetInner .budgetTable .cell:not(.budgetRemove):first-child {
        padding-left: 0
    }

    .budgetAnalysisInner .budgetInner .budgetTable .cell:not(.budgetRemove):last-child {
        padding-right: 0
    }
}

.budgetAnalysisInner .budgetRow.total {
    border-left: none;
    padding-top: 5px;
    padding-left: 40px;
    padding-bottom: 5px
}

@media only screen and (max-width:700px) {
    .budgetAnalysisInner .budgetRow.total {
        margin-bottom: 0;
        padding-left: 32px;
        padding-right: 36px
    }
}

@media only screen and (max-width:480px) {
    .budgetAnalysisInner .budgetRow.total {
        padding-right: 0
    }
}

.budgetAnalysisInner .budgetInner .budgetRow.total {
    padding-left: 32px
}

@media only screen and (max-width:990px) {
    .budgetAnalysisInner .budgetInner .budgetRow.total {
        padding-left: 24px
    }
}

@media only screen and (max-width:700px) {
    .budgetAnalysisInner .budgetInner .budgetRow.total {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:700px) {
    .budgetAnalysisInner .budgetInner .budgetRow:not(.total):last-child {
        border-bottom: 1px solid #d6d6d6
    }
}

.budgetAnalysisInner .budgetTotal {
    padding-left: 0
}

@media only screen and (max-width:700px) {
    .budgetAnalysisInner .budgetTotal {
        padding-left: 16px;
        padding-right: 16px
    }
}

.transState:after,
.yellowRegister:after,
.stripesWrap:after {
    clear: both;
    content: '';
    display: block
}

.btnsRow,
.spaceRow,
.cntRow,
.headerTools,
.previewItem.orderView .inner,
.balanceBox,
.titleRow,
.btnStripe,
.curInput,
.favTitleRow,
.formWrap.spaceV,
.fieldsRow .fieldsWrap,
.savingsBox .wrap,
.savingsBox.fullView .goalInfoWrap,
.createIntro,
.goalSum .inner,
.transaction .col1,
.transaction.short .transDetail,
.transaction.transState .col2,
.newSplit,
.newSplit .splittingVal,
.transRow,
.iconSelector,
.budgetRow,
.budgetWrap,
.budgetTotal,
.budgetLink,
.budgetIntroWrap,
.transTable .col_3_4,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.previewItem.orderView .detail .inner {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

.previewItem.orderView .inner,
.balanceBox,
.formWrap.spaceV,
.transaction.short .col1,
.transaction.short.open .transDetail.col1_2,
.transaction.transState .col2,
.newSplit,
.iconSelector,
.budgetInner .budgetRow,
.budgetIntro.million .budgetIntroWrap,
.bankStatusWrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.savingsBox.goalIntro.empty .wrap,
.newSplit.add,
.bankStatusWrapper {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-flex-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.cntRow.end,
.newSplit .splittingVal {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-flex-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.btnsRow.center,
.balanceBox,
.btnStripe,
.savingsBox .wrap,
.budgetInner .budgetIntroWrap {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.spaceRow,
.previewItem.orderView .inner,
.titleRow,
.favTitleRow,
.fieldsRow .fieldsWrap.space,
.savingsBox.fullView .goalInfoWrap,
.goalSum .inner,
.transaction .col1,
.transaction.transState .col2,
.newSplit,
.transRow,
.budgetRow,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.budgetIntroWrap {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.transaction .col1,
.transaction.short.open .open-acc.transRow,
.transaction:not(.short) .transRow:not(.actionsRow) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

.spaceRow.center,
.previewItem.orderView .inner,
.titleRow,
.btnStripe,
.btnStripe .spaceRow,
.curInput,
.favTitleRow,
.fieldsRow .fieldsWrap.center,
.savingsBox.goalIntro .wrap,
.createIntro,
.goalSum .inner,
.newSplit,
.newSplit .splittingVal,
.transRow,
.budgetWrap,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.transaction .col2.tagCol,
.transaction.transState .status {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end
}

.transaction:not(.short) .value,
.transaction:not(.short) .col1 .col1_1,
.budgetTable .cell.budgetRemove {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center
}

.transaction.transState.open .col2 {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch
}

.balanceBox {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center
}

.formWrap.spaceV {
    -ms-flex-line-pack: space-between;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    align-content: space-between
}

.catOption.cash:after {
    content: ""
}

.catOption.health:after {
    content: ""
}

.catOption.home:after {
    content: ""
}

.catOption.obligations:after {
    content: ""
}

.catOption.transport:after {
    content: ""
}

.catOption.leisure:after {
    content: ""
}

.catOption.shopping:after {
    content: ""
}

.catOption.other:after {
    content: ""
}

.catOption.income:after {
    content: ""
}

.catOption.reallocated:after {
    content: ""
}

.catOption.business:after {
    content: ""
}

.no-touch .select-box.categoriesDd .options-wrap>*:hover .cash,
.select-box.categoriesDd .options-wrap>*:active .cash,
.no-touch .select-box.categoriesDd .options-wrap>*:focus .cash,
.no-touch .cash.select-box.subCatDd .options-wrap>*:hover,
.cash.select-box.subCatDd .options-wrap>*:active,
.no-touch .cash.select-box.subCatDd .options-wrap>*:focus,
.cash .subCat:before,
.cash.catOption:before,
.colorBg .cash.selected {
    background-color: #e99c51
}

.cash.catOption:after {
    color: #e99c51
}

.colorBg .selected .cash.catOption:after {
    color: #fff
}

.no-touch .select-box.categoriesDd .options-wrap>*:hover .health,
.select-box.categoriesDd .options-wrap>*:active .health,
.no-touch .select-box.categoriesDd .options-wrap>*:focus .health,
.no-touch .health.select-box.subCatDd .options-wrap>*:hover,
.health.select-box.subCatDd .options-wrap>*:active,
.no-touch .health.select-box.subCatDd .options-wrap>*:focus,
.health .subCat:before,
.health.catOption:before,
.colorBg .health.selected {
    background-color: #b394b2
}

.health.catOption:after {
    color: #b394b2
}

.colorBg .selected .health.catOption:after {
    color: #fff
}

.no-touch .select-box.categoriesDd .options-wrap>*:hover .home,
.select-box.categoriesDd .options-wrap>*:active .home,
.no-touch .select-box.categoriesDd .options-wrap>*:focus .home,
.no-touch .home.select-box.subCatDd .options-wrap>*:hover,
.home.select-box.subCatDd .options-wrap>*:active,
.no-touch .home.select-box.subCatDd .options-wrap>*:focus,
.home .subCat:before,
.home.catOption:before,
.colorBg .home.selected {
    background-color: #d1796c
}

.home.catOption:after {
    color: #d1796c
}

.colorBg .selected .home.catOption:after {
    color: #fff
}

.no-touch .select-box.categoriesDd .options-wrap>*:hover .leisure,
.select-box.categoriesDd .options-wrap>*:active .leisure,
.no-touch .select-box.categoriesDd .options-wrap>*:focus .leisure,
.no-touch .leisure.select-box.subCatDd .options-wrap>*:hover,
.leisure.select-box.subCatDd .options-wrap>*:active,
.no-touch .leisure.select-box.subCatDd .options-wrap>*:focus,
.leisure .subCat:before,
.leisure.catOption:before,
.colorBg .leisure.selected {
    background-color: #476fa8
}

.leisure.catOption:after {
    color: #476fa8
}

.colorBg .selected .leisure.catOption:after {
    color: #fff
}

.no-touch .select-box.categoriesDd .options-wrap>*:hover .obligations,
.select-box.categoriesDd .options-wrap>*:active .obligations,
.no-touch .select-box.categoriesDd .options-wrap>*:focus .obligations,
.no-touch .obligations.select-box.subCatDd .options-wrap>*:hover,
.obligations.select-box.subCatDd .options-wrap>*:active,
.no-touch .obligations.select-box.subCatDd .options-wrap>*:focus,
.obligations .subCat:before,
.obligations.catOption:before,
.colorBg .obligations.selected {
    background-color: #64b5b0
}

.obligations.catOption:after {
    color: #64b5b0
}

.colorBg .selected .obligations.catOption:after {
    color: #fff
}

.no-touch .select-box.categoriesDd .options-wrap>*:hover .shopping,
.select-box.categoriesDd .options-wrap>*:active .shopping,
.no-touch .select-box.categoriesDd .options-wrap>*:focus .shopping,
.no-touch .shopping.select-box.subCatDd .options-wrap>*:hover,
.shopping.select-box.subCatDd .options-wrap>*:active,
.no-touch .shopping.select-box.subCatDd .options-wrap>*:focus,
.shopping .subCat:before,
.shopping.catOption:before,
.colorBg .shopping.selected {
    background-color: #c46492
}

.shopping.catOption:after {
    color: #c46492
}

.colorBg .selected .shopping.catOption:after {
    color: #fff
}

.no-touch .select-box.categoriesDd .options-wrap>*:hover .transport,
.select-box.categoriesDd .options-wrap>*:active .transport,
.no-touch .select-box.categoriesDd .options-wrap>*:focus .transport,
.no-touch .transport.select-box.subCatDd .options-wrap>*:hover,
.transport.select-box.subCatDd .options-wrap>*:active,
.no-touch .transport.select-box.subCatDd .options-wrap>*:focus,
.transport .subCat:before,
.transport.catOption:before,
.colorBg .transport.selected {
    background-color: #baac76
}

.transport.catOption:after {
    color: #baac76
}

.colorBg .selected .transport.catOption:after {
    color: #fff
}

.no-touch .select-box.categoriesDd .options-wrap>*:hover .other,
.select-box.categoriesDd .options-wrap>*:active .other,
.no-touch .select-box.categoriesDd .options-wrap>*:focus .other,
.no-touch .other.select-box.subCatDd .options-wrap>*:hover,
.other.select-box.subCatDd .options-wrap>*:active,
.no-touch .other.select-box.subCatDd .options-wrap>*:focus,
.other .subCat:before,
.other.catOption:before,
.colorBg .other.selected {
    background-color: #d6d6d6
}

.other.catOption:after {
    color: #d6d6d6
}

.colorBg .selected .other.catOption:after {
    color: #fff
}

.no-touch .select-box.categoriesDd .options-wrap>*:hover .income,
.select-box.categoriesDd .options-wrap>*:active .income,
.no-touch .select-box.categoriesDd .options-wrap>*:focus .income,
.no-touch .income.select-box.subCatDd .options-wrap>*:hover,
.income.select-box.subCatDd .options-wrap>*:active,
.no-touch .income.select-box.subCatDd .options-wrap>*:focus,
.income .subCat:before,
.income.catOption:before,
.colorBg .income.selected {
    background-color: #63866d
}

.income.catOption:after {
    color: #63866d
}

.colorBg .selected .income.catOption:after {
    color: #fff
}

.no-touch .select-box.categoriesDd .options-wrap>*:hover .reallocated,
.select-box.categoriesDd .options-wrap>*:active .reallocated,
.no-touch .select-box.categoriesDd .options-wrap>*:focus .reallocated,
.no-touch .reallocated.select-box.subCatDd .options-wrap>*:hover,
.reallocated.select-box.subCatDd .options-wrap>*:active,
.no-touch .reallocated.select-box.subCatDd .options-wrap>*:focus,
.no-touch .select-box.categoriesDd .options-wrap>*:hover .reallocated:before,
.reallocated .subCat:before,
.colorBg .reallocated.selected,
.no-touch .select-box.categoriesDd .options-wrap>*:hover .business,
.select-box.categoriesDd .options-wrap>*:active .business,
.no-touch .select-box.categoriesDd .options-wrap>*:focus .business,
.no-touch .business.select-box.subCatDd .options-wrap>*:hover,
.business.select-box.subCatDd .options-wrap>*:active,
.no-touch .business.select-box.subCatDd .options-wrap>*:focus,
.no-touch .select-box.categoriesDd .options-wrap>*:hover .business:before,
.business .subCat:before,
.colorBg .business.selected,
.no-touch .select-box.categoriesDd .options-wrap>*:hover .uncategorized,
.select-box.categoriesDd .options-wrap>*:active .uncategorized,
.no-touch .select-box.categoriesDd .options-wrap>*:focus .uncategorized,
.no-touch .uncategorized.select-box.subCatDd .options-wrap>*:hover,
.uncategorized.select-box.subCatDd .options-wrap>*:active,
.no-touch .uncategorized.select-box.subCatDd .options-wrap>*:focus,
.no-touch .select-box.categoriesDd .options-wrap>*:hover .uncategorized:before,
.uncategorized .subCat:before,
.colorBg .uncategorized.selected {
    background-color: #102342
}

.reallocated.catOption:before,
.business.catOption:before,
.uncategorized.catOption:before {
    background-color: #fff
}

.newSplit .reallocated.catOption:before,
.actionsRow .reallocated.catOption:before,
.newSplit .business.catOption:before,
.actionsRow .business.catOption:before,
.newSplit .uncategorized.catOption:before,
.actionsRow .uncategorized.catOption:before {
    background-color: #102342
}

.reallocated.catOption:after,
.business.catOption:after,
.uncategorized.catOption:after {
    color: #102342
}

.colorBg .selected .reallocated.catOption:after,
.colorBg .selected .business.catOption:after,
.colorBg .selected .uncategorized.catOption:after {
    color: #fff
}

.subCatDd.select-box .options-wrap>li,
.subCatDd.select-box .options-wrap>li,
.categoriesDd.select-box .options-wrap>li,
.categoriesDd.select-box .options-wrap>li {
    border-top: none;
    position: relative
}

.categoriesDd.select-box .options-wrap>li {
    padding: 0
}

.subCatDd .subCat {
    padding-left: 8px
}

.catOption {
    display: block;
    line-height: 1;
    padding: 12px 16px 12px 48px
}

.catOption:before {
    background-color: #d6d6d6
}

.catOption:after {
    font-family: "icomoon";
    font-size: 16px;
    left: 18px;
    line-height: 1;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.subCat .catOption:after {
    display: none
}

.selected .catOption {
    padding: 0 0 0 31px
}

.selected .catOption.default {
    padding-left: 0
}

.fixed-header .catOption.home {
    margin: 0
}

.no-touch .select-box.categoriesDd .options-wrap>*:hover .catOption:after,
.select-box.categoriesDd .options-wrap>*:active .catOption:after,
.no-touch .select-box.categoriesDd .options-wrap>*:focus .catOption:after {
    color: #fff
}

.subCat:not(.default):before,
.catOption:not(.default):before {
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 8px;
    height: 100%
}

.selected .subCat,
.selected .catOption {
    line-height: 1.5
}

.select-box.categoriesDd {
    min-width: 216px
}

.select-box.categoriesDd .options-wrap .catOption {
    padding-top: 13px;
    padding-bottom: 13px
}

.select-box.open.categoriesDd .selected-wrap {
    border-top-color: #d6d6d6;
    border-right-color: #d6d6d6;
    border-left-color: #d6d6d6
}

.select-box.categoriesDd .options-wrap,
.select-box.subCatDd .options-wrap {
    max-height: 235px
}

label+.select-box.categoriesDd,
label+.select-box.subCatDd {
    margin-top: 8px
}

.tourPopup {
    position: absolute;
    top: 100%;
    height: auto
}

.tourPopup p {
    font-family: "robotoregular", arial
}

.activeTour .tourPopup {
    display: block
}

.tourPopup>.content {
    min-height: inherit
}

.tourPopup .cntWrapper {
    overflow: visible;
    margin-top: 40px;
    width: 100%;
    max-height: inherit
}

.tourPopup .cntWrapper:before {
    content: '';
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #fff transparent;
    left: 24px;
    position: absolute;
    top: -12px;
    width: 0;
    height: 0
}

.tourPopup .cntWrapper {
    z-index: 91
}

.tourPopup p.b {
    font-family: "robotomedium", arial
}

.tourPopup .bg {
    opacity: .6
}

.tourPopup .closeTour {
    padding: 5px;
    position: absolute;
    right: 19px;
    top: 30px
}

.tourPopup .closeTour:before {
    content: ""
}

.tourPopup .buttons-wrap .closeTour {
    padding: 12px 24px;
    position: relative;
    right: 0;
    top: 0
}

.tourPopup .buttons-wrap .closeTour:before {
    display: none
}

.tourPers .tourPopup {
    left: auto;
    right: -16px;
    width: 400px
}

@media only screen and (max-width:480px) {
    .tourPers .tourPopup {
        max-width: calc(100vw - 72px)
    }
}

.tourPers .tourPopup .cntWrapper {
    margin-top: 32px
}

.tourPers .tourPopup .cntWrapper:before {
    left: auto;
    right: 24px
}

.activeTour {
    position: relative
}

.activeTour:before {
    background-color: #102342;
    content: '';
    left: 0;
    opacity: .6;
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%
}

.activeTour.tourOverview .popup.tourPopup .popupInner {
    padding-left: 24px;
    padding-right: 24px
}

.activeTour.tourPers .persBtn {
    background-color: #fff
}

.activeTour .dashTitleWrap {
    position: relative;
    z-index: 9
}

.activeTour .dashTitleWrap h3 {
    padding-left: 8px;
    position: relative
}

.activeTour .dashTitleWrap.transparent:before {
    background-color: transparent
}

.activeTour .dashTitleWrap:before {
    background-color: #fff;
    content: '';
    left: 0;
    position: absolute;
    top: -8px;
    width: 100%;
    height: calc(100% + 16px)
}

.openTour header:before,
.openTour .loaderWrap:before,
.openTour .header-bottom:before {
    background-color: #102342;
    content: '';
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%
}

.openTour .main-col.wide {
    z-index: 10
}

.tourBubble {
    color: #102342;
    cursor: pointer;
    font-size: 24px
}

@media only screen and (max-width:700px) {
    .tourBubble {
        font-size: 20px
    }
}

h3+.tourBubble {
    padding: 5px;
    text-align: center;
    width: 40px
}

.tourImg {
    background: url("") no-repeat scroll center center;
    background-size: cover;
    margin: 0 0 16px;
    overflow: hidden;
    padding-top: calc(341/640*100%);
    width: 640px;
    height: 0;
    max-width: 100%
}

.budgetHead.consentCatCash,
.dashboardSec .tourConsentCategoryOverview.activeTour .budgetLink,
.tourConsentExpGoalOverview.activeTour .budgetIntroWrap {
    background-color: #fff;
    position: relative;
    z-index: 91
}

.budgetHead.consentCatCash {
    margin-left: 8px;
    margin-bottom: 0;
    padding-bottom: 16px
}

.budgetInner.budgetsBox .tourInnerConsentCategoryOverview .cntWrapper,
.budgetInner.budgetsBox .tourConsentExpGoalOverview .budgetIntroWrap,
.budgetInner.budgetsBox .tourConsentExpGoalOverview .cntWrapper {
    max-width: 1074px
}

.tourConsentExpGoalOverview .budgetIntroWrap {
    margin-left: auto;
    margin-right: auto
}

.budgetHead.tourInnerConsentCategoryOverview.activeTour .cell {
    z-index: 10
}

.budgetHead.tourInnerConsentCategoryOverview.activeTour:after {
    background-color: #fff;
    content: '';
    left: 0;
    position: absolute;
    top: -8px;
    z-index: 9;
    width: 100%;
    height: calc(100% + 8px)
}

.budgetInner .budgetRow.tourInnerConsentCategoryOverview.activeTour .budgetWrap {
    z-index: 9
}

.budgetInner .budgetRow.tourInnerConsentCategoryOverview.activeTour .budgetWrap:before {
    background-color: #fff;
    content: '';
    left: -32px;
    position: absolute;
    top: -51px;
    width: calc(100% + 64px);
    height: calc(100% + 52px)
}

@media only screen and (max-width:990px) {
    .budgetInner .budgetRow.tourInnerConsentCategoryOverview.activeTour .budgetWrap:before {
        left: -24px;
        width: calc(100% + 48px)
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetRow.tourInnerConsentCategoryOverview.activeTour .budgetWrap:before {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

@media only screen and (max-width:700px) {
    .budgetInner .budgetRow.tourInnerConsentCategoryOverview.activeTour .tourPopup .cntWrapper {
        margin-top: 24px
    }
}

.budgetHead.consentActiveHeader {
    position: relative;
    z-index: 10
}

@media only screen and (max-width:700px) {
    .budgetHead.zeroBudgetConsent.activeTour {
        display: block
    }

    .budgetHead.zeroBudgetConsent.activeTour:after {
        top: 0;
        height: 100%
    }

    .budgetHead.zeroBudgetConsent.activeTour .cell {
        text-align: left
    }

    .budgetHead.zeroBudgetConsent.activeTour .cell:after {
        content: '-';
        display: block;
        font-family: "robotoregular", arial
    }

    .budgetInner .budgetTable.noConsent .budgetHead.zeroBudgetConsent.activeTour {
        padding: 16px
    }
}

.transState:after,
.yellowRegister:after,
.stripesWrap:after {
    clear: both;
    content: '';
    display: block
}

.btnsRow,
.spaceRow,
.cntRow,
.headerTools,
.previewItem.orderView .inner,
.balanceBox,
.titleRow,
.btnStripe,
.curInput,
.favTitleRow,
.formWrap.spaceV,
.fieldsRow .fieldsWrap,
.savingsBox .wrap,
.savingsBox.fullView .goalInfoWrap,
.createIntro,
.goalSum .inner,
.transaction .col1,
.transaction.short .transDetail,
.transaction.transState .col2,
.newSplit,
.newSplit .splittingVal,
.transRow,
.iconSelector,
.budgetRow,
.budgetWrap,
.budgetTotal,
.budgetLink,
.budgetIntroWrap,
.transTable .col_3_4,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.previewItem.orderView .detail .inner {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

.previewItem.orderView .inner,
.balanceBox,
.formWrap.spaceV,
.transaction.short .col1,
.transaction.short.open .transDetail.col1_2,
.transaction.transState .col2,
.newSplit,
.iconSelector,
.budgetInner .budgetRow,
.budgetIntro.million .budgetIntroWrap,
.bankStatusWrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.savingsBox.goalIntro.empty .wrap,
.newSplit.add,
.bankStatusWrapper {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-flex-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.cntRow.end,
.newSplit .splittingVal {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-flex-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.btnsRow.center,
.balanceBox,
.btnStripe,
.savingsBox .wrap,
.budgetInner .budgetIntroWrap {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.spaceRow,
.previewItem.orderView .inner,
.titleRow,
.favTitleRow,
.fieldsRow .fieldsWrap.space,
.savingsBox.fullView .goalInfoWrap,
.goalSum .inner,
.transaction .col1,
.transaction.transState .col2,
.newSplit,
.transRow,
.budgetRow,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.budgetIntroWrap {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.transaction .col1,
.transaction.short.open .open-acc.transRow,
.transaction:not(.short) .transRow:not(.actionsRow) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

.spaceRow.center,
.previewItem.orderView .inner,
.titleRow,
.btnStripe,
.btnStripe .spaceRow,
.curInput,
.favTitleRow,
.fieldsRow .fieldsWrap.center,
.savingsBox.goalIntro .wrap,
.createIntro,
.goalSum .inner,
.newSplit,
.newSplit .splittingVal,
.transRow,
.budgetWrap,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.transaction .col2.tagCol,
.transaction.transState .status {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end
}

.transaction:not(.short) .value,
.transaction:not(.short) .col1 .col1_1,
.budgetTable .cell.budgetRemove {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center
}

.transaction.transState.open .col2 {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch
}

.balanceBox {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center
}

.formWrap.spaceV {
    -ms-flex-line-pack: space-between;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    align-content: space-between
}

.chartPFMBlock,
.chartTabs .chart-doughnut-block {
    background-color: #fff;
    padding: 20px
}

@media only screen and (max-width:990px) {

    .chartPFMBlock,
    .chartTabs .chart-doughnut-block {
        padding: 14px
    }
}

@media only screen and (max-width:700px) {

    .chartPFMBlock,
    .chartTabs .chart-doughnut-block {
        padding: 6px
    }
}

.chartPFMBlock .ct-label,
.chartTabs .chart-doughnut-block .ct-label {
    color: #102342
}

.chartTabs .radio-block.radio-tabs {
    margin-bottom: 24px
}

.chartTabs .radio-block.radio-tabs label {
    max-width: 100%
}

.chartTabs .radio-tab {
    padding-top: 0
}

.chartTabs .chartPFMBlock,
.chartTabs .chart-doughnut-block {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.chartTabs .chartPFMBlock .chart-canvas-container,
.chartTabs .chart-doughnut-block .chart-canvas-container {
    position: relative;
    height: 60vh;
    width: 100%
}

@media only screen and (max-width:990px) {

    .chartTabs .chartPFMBlock .chart-canvas-container,
    .chartTabs .chart-doughnut-block .chart-canvas-container {
        height: 70vh
    }
}

@media only screen and (max-width:700px) {

    .chartTabs .chartPFMBlock .chart-canvas-container,
    .chartTabs .chart-doughnut-block .chart-canvas-container {
        height: 80vh
    }
}

.chartTabs .chartPFMBlock canvas,
.chartTabs .chart-doughnut-block canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.chartTabs .chart-doughnut-block {
    padding: 24px;
    text-align: center
}

.chartTabs .chart-doughnut-block .ct-chart {
    margin: 0 auto;
    position: relative;
    max-width: 600px
}

.chartTabs .chart-doughnut-block .chart-canvas-container {
    margin-top: -32px;
    height: 30vh
}

.taxFreePieWrap {
    position: relative;
    max-width: 450px
}

.transState:after,
.yellowRegister:after,
.stripesWrap:after {
    clear: both;
    content: '';
    display: block
}

.btnsRow,
.spaceRow,
.cntRow,
.headerTools,
.previewItem.orderView .inner,
.balanceBox,
.titleRow,
.btnStripe,
.curInput,
.favTitleRow,
.formWrap.spaceV,
.fieldsRow .fieldsWrap,
.savingsBox .wrap,
.savingsBox.fullView .goalInfoWrap,
.createIntro,
.goalSum .inner,
.transaction .col1,
.transaction.short .transDetail,
.transaction.transState .col2,
.newSplit,
.newSplit .splittingVal,
.transRow,
.iconSelector,
.budgetRow,
.budgetWrap,
.budgetTotal,
.budgetLink,
.budgetIntroWrap,
.transTable .col_3_4,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.previewItem.orderView .detail .inner {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

.previewItem.orderView .inner,
.balanceBox,
.formWrap.spaceV,
.transaction.short .col1,
.transaction.short.open .transDetail.col1_2,
.transaction.transState .col2,
.newSplit,
.iconSelector,
.budgetInner .budgetRow,
.budgetIntro.million .budgetIntroWrap,
.bankStatusWrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.savingsBox.goalIntro.empty .wrap,
.newSplit.add,
.bankStatusWrapper {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-flex-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.cntRow.end,
.newSplit .splittingVal {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-flex-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.btnsRow.center,
.balanceBox,
.btnStripe,
.savingsBox .wrap,
.budgetInner .budgetIntroWrap {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.spaceRow,
.previewItem.orderView .inner,
.titleRow,
.favTitleRow,
.fieldsRow .fieldsWrap.space,
.savingsBox.fullView .goalInfoWrap,
.goalSum .inner,
.transaction .col1,
.transaction.transState .col2,
.newSplit,
.transRow,
.budgetRow,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.budgetIntroWrap {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.transaction .col1,
.transaction.short.open .open-acc.transRow,
.transaction:not(.short) .transRow:not(.actionsRow) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

.spaceRow.center,
.previewItem.orderView .inner,
.titleRow,
.btnStripe,
.btnStripe .spaceRow,
.curInput,
.favTitleRow,
.fieldsRow .fieldsWrap.center,
.savingsBox.goalIntro .wrap,
.createIntro,
.goalSum .inner,
.newSplit,
.newSplit .splittingVal,
.transRow,
.budgetWrap,
.transTableRow:not(.transHeader),
.overviewAcc .overview-header,
.overviewAcc .overview-footer,
.overviewAcc .btnsRow.aggregation,
.bankStatusWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.transaction .col2.tagCol,
.transaction.transState .status {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end
}

.transaction:not(.short) .value,
.transaction:not(.short) .col1 .col1_1,
.budgetTable .cell.budgetRemove {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center
}

.transaction.transState.open .col2 {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch
}

.balanceBox {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center
}

.formWrap.spaceV {
    -ms-flex-line-pack: space-between;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    align-content: space-between
}

.pfm.acc-block.acc-stripe .acc-header .subtitle-sm,
.pfm.acc-block.acc-stripe .acc-header .subtitle-sm-error {
    font-size: 14px
}

.pfm.acc-block.acc-stripe .acc-header .subtitle-sm-error {
    color: #ff4c33
}

div.pfm-table.aggregation {
    margin-bottom: -10px
}

div.pfm-table.aggregation table tbody tr {}

div.pfm-table.aggregation table tbody td {
    font-size: 16px;
    vertical-align: middle
}

@media only screen and (min-width:701px) {
    div.pfm-table.aggregation table tbody td.logo {
        text-align: center
    }
}

div.pfm-table.aggregation table tbody td.logo img {
    max-width: none
}

div.pfm-table.aggregation table tbody td.logoName {
    font-size: 14px;
    font-family: "robotomedium", arial
}

div.pfm-table.aggregation table tbody td input.button {
    margin: 0;
    padding: 0 10px
}

div.pfm-table.aggregation table tbody td .actionCell {
    font-size: 16px
}

div.pfm-table.aggregation table tbody td .actionCell:not(:last-child) {
    margin-right: 0
}

div.pfm-table.aggregation table tbody td .actionCell.text-only {
    cursor: default
}

div.pfm-table.aggregation table tbody td .actionCell.text-only:hover {
    color: inherit
}

div.pfm-table.aggregation table tbody td .actionCell span.error {
    color: #ff4c33
}

div.pfm-table.aggregation table tbody td .actionCell span.ic-plus {
    font-weight: bold
}

@media only screen and (max-width:700px) {
    div.pfm-table.aggregation table tbody td .actionCell {
        padding: 0
    }
}

div.pfm-table.aggregation table tbody td.error {
    color: #ff4c33
}

div.pfm-table.aggregation table tbody td:first-child {
    padding-left: 20px
}

div.pfm-table.aggregation table tbody td .btnTool .ic {
    font-size: 17px
}

div.pfm-table.aggregation table tbody td .btnTool .ic.disabled {
    opacity: .4;
    cursor: default
}

div.pfm-table.aggregation table tbody td .btnTool .ic.disabled:hover {
    color: inherit
}

div.pfm-table.aggregation table tbody td .btnTool .ic.ic-plus {
    font-weight: bold
}

.overviewAcc .overview-header {
    background-color: #fff;
    color: #102342;
    padding: 16px 32px;
    font-family: "robotomedium", arial;
    margin-bottom: 2px
}

@media only screen and (max-width:700px) {
    .overviewAcc .overview-header {
        padding-left: 16px
    }
}

.overviewAcc .overview-header .button {
    margin: 0;
    padding: 0
}

.overviewAcc .overview-header .button .ic-refresh {
    font-size: 20px
}

.overviewAcc .overview-footer {
    background-color: #fff;
    color: #102342;
    padding: 16px 32px
}

@media only screen and (max-width:700px) {
    .overviewAcc .overview-footer {
        padding-left: 16px
    }
}

.overviewAcc .overview-footer .button {
    margin: 0;
    padding: 0
}

.overviewAcc .btnsRow.aggregation {
    color: #102342;
    padding: 5px 32px !important
}

@media only screen and (max-width:700px) {
    .overviewAcc .btnsRow.aggregation {
        padding-left: 16px !important
    }
}

.overviewAcc .btnsRow.aggregation .warnMsg {
    color: #ff4c33
}

.overviewAcc .btnsRow.aggregation .button {
    padding: 10px 0
}

div.text-loading {
    cursor: default;
    opacity: .5
}

div.text-loading:hover {
    color: inherit
}

.radio-card-wrapper .radio-card-btn {
    margin-right: 20px !important
}

.radio-card-wrapper .radio.radio-card-btn {
    padding: 16px 32px;
    position: relative;
    margin: 0 !important;
    border-top: 1px solid #ddd
}

@media only screen and (max-width:700px) {
    .radio-card-wrapper .radio.radio-card-btn {
        padding: 16px
    }
}

.radio-card-wrapper .radio.radio-card-btn:last-child {
    border-bottom: 1px solid #ddd
}

.radio-card-wrapper .radio.radio-card-btn label {
    width: 100%;
    margin-left: 15px
}

.radio-card-wrapper .radio.radio-card-btn label .text-only {
    position: relative;
    bottom: 8px;
    margin-left: 10px;
    font-size: 14px;
    font-family: "robotomedium", arial
}

.radio-card-wrapper .radio.radio-card-btn label .imgContent {
    width: 60px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 2px
}

.aggregationRegister {
    background-color: #fff;
    padding: 32px 32px 55px;
    text-align: left
}

@media only screen and (max-width:700px) {
    .aggregationRegister {
        padding: 32px 16px 55px
    }
}

.aggregationRegister p {
    font-family: "robotomedium", arial;
    margin-bottom: 16px
}

.aggregationRegister div {
    color: #102342;
    margin-bottom: 15px
}

.aggregationRegister .button {
    float: right;
    margin: 0;
    padding: 0
}

.activeTour .aggregationRegister .aggrStartBtn {
    display: none
}

.aggregationRegister .aggrCloseBtn {
    font-size: 15px
}

.activeTour .aggregationRegister .aggrCloseBtn {
    display: none
}

.bankStatusWrapper {
    padding: 23px 40px;
    font-size: 16px
}

@media only screen and (max-width:700px) {
    .bankStatusWrapper {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start;
        padding: 0
    }
}

.bankStatusWrapper .statusLabel {
    padding: 7px 0
}

@media only screen and (min-width:701px) {
    .bankStatusWrapper .statusLabel {
        margin-bottom: 5px
    }
}

.bankStatusWrapper .bankStatus {
    display: inline-block;
    padding: 0 16px;
    margin: 5px 0
}

@media only screen and (max-width:700px) {
    .bankStatusWrapper .bankStatus {
        padding: 0
    }
}

@media only screen and (min-width:701px) {
    .bankStatusWrapper .bankStatus:not(.statusFirst) {
        border-left: 1px solid #ddd
    }
}

.bankStatusWrapper .bankStatus .statusInner {
    float: left
}

@media only screen and (max-width:700px) {
    .bankStatusWrapper .bankStatus .statusInner.logoWrap {
        width: 60px;
        text-align: center
    }
}

.bankStatusWrapper .bankStatus .statusInner.text-only {
    padding: 5px 0 5px 10px
}

.bankStatusWrapper .bankStatus .statusInner .button {
    margin: 0;
    padding: 0 0 0 5px
}

.bankStatusWrapper .bankStatus .statusInner .error {
    color: #ff4c33
}

.refreshText {
    cursor: pointer
}

.refreshText .infoText {
    color: #102342
}

.refreshText .ic-refresh {
    font-size: 17px
}

.promo-area.aggregation {
    margin-top: 25px
}

.promo-area.aggregation .boxItem {
    color: #102342;
    text-align: left;
    margin-top: 32px;
    margin-bottom: 0
}

.promo-area.aggregation .boxItem .content {
    padding: 40px
}

@media only screen and (max-width:700px) {
    .promo-area.aggregation .boxItem .content {
        text-align: left;
        padding: 24px 16px
    }
}

@media only screen and (max-width:700px) {
    .promo-area.aggregation .boxItem .content p {
        margin-bottom: 16px
    }
}

.filter-item.aggregationAssets {
    width: 50%
}

@media only screen and (max-width:990px) {
    .filter-item.aggregationAssets {
        width: 100%
    }
}

@media only screen and (max-width:700px) {
    .filter-item.aggregationAssets {
        width: 100%
    }
}

.filter-item.aggregationAssets .select-box {
    width: 100%
}

.transaction .transRow.aggregation {
    padding-left: 8px
}

.transaction .transRow.aggregation .logo {
    width: 100px;
    text-align: center;
    margin-right: 20px;
    margin-top: 8px
}

@media only screen and (max-width:990px) {
    .transaction .transRow.aggregation .logo {
        margin-top: 20px
    }
}

@media only screen and (max-width:700px) {
    .transaction .transRow.aggregation .logo {
        margin-top: 8px;
        margin-bottom: 10px;
        text-align: left
    }
}

.transaction .transRow.aggregation img {
    max-width: none
}

.fieldWrap.aggregationBank {
    margin-bottom: 10px;
    color: #102342
}

.fieldWrap.aggregationBank div {
    display: inline-block;
    vertical-align: top;
    padding: 5px 0 0 8px;
    font-size: 14px;
    font-family: "robotomedium", arial
}

.fieldWrap.aggregationBank img {
    display: inline-block
}

.fieldErrorMsg {
    font-size: 14px !important;
    color: #ff4c33
}

.editBankInfo {
    margin-bottom: 25px
}

.aggregationEdit .buttons-wrap {
    margin-bottom: -20px
}

.radio-tab.pfm-transactions {
    padding-top: 10px
}

@media only screen and (min-width:701px) {
    .acc-mob.status-acc {
        margin-bottom: 0
    }
}

@media only screen and (max-width:700px) {
    .filters.pfm-filter {
        padding-bottom: 20px
    }
}

.text-block.pfm-transactions-status {
    margin-bottom: 16px
}