@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes swipe {
    0%,50%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    75% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes swipe {
    0%,50%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    75% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-webkit-keyframes animLine {
    0% {
        width: 0;
    }

    100% {
        width: 90%;
    }
}

@keyframes animLine {
    0% {
        width: 0;
    }

    100% {
        width: 90%;
    }
}

@-webkit-keyframes fan {
    0% {
        -webkit-transform: translateX(-50%) translateY(100%) rotate(0deg);
        -ms-transform: translateX(-50%) translateY(100%) rotate(0deg);
        -moz-transform: translateX(-50%) translateY(100%) rotate(0deg);
        -o-transform: translateX(-50%) translateY(100%) rotate(0deg);
        transform: translateX(-50%) translateY(100%) rotate(0deg);
        -webkit-opacity: .8;
        -ms-opacity: .8;
        -moz-opacity: .8;
        -o-opacity: .8;
        opacity: .8;
    }

    60% {
        -webkit-opacity: .8;
        -ms-opacity: .8;
        -moz-opacity: .8;
        -o-opacity: .8;
        opacity: .8;
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(100%) rotate(-360deg);
        -ms-transform: translateX(-50%) translateY(100%) rotate(-360deg);
        -moz-transform: translateX(-50%) translateY(100%) rotate(-360deg);
        -o-transform: translateX(-50%) translateY(100%) rotate(-360deg);
        transform: translateX(-50%) translateY(100%) rotate(-360deg);
        -webkit-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }
}

@keyframes fan {
    0% {
        -webkit-transform: translateX(-50%) translateY(100%) rotate(0deg);
        -ms-transform: translateX(-50%) translateY(100%) rotate(0deg);
        -moz-transform: translateX(-50%) translateY(100%) rotate(0deg);
        -o-transform: translateX(-50%) translateY(100%) rotate(0deg);
        transform: translateX(-50%) translateY(100%) rotate(0deg);
        -webkit-opacity: .8;
        -ms-opacity: .8;
        -moz-opacity: .8;
        -o-opacity: .8;
        opacity: .8;
    }

    60% {
        -webkit-opacity: .8;
        -ms-opacity: .8;
        -moz-opacity: .8;
        -o-opacity: .8;
        opacity: .8;
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(100%) rotate(-360deg);
        -ms-transform: translateX(-50%) translateY(100%) rotate(-360deg);
        -moz-transform: translateX(-50%) translateY(100%) rotate(-360deg);
        -o-transform: translateX(-50%) translateY(100%) rotate(-360deg);
        transform: translateX(-50%) translateY(100%) rotate(-360deg);
        -webkit-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }
}

@-webkit-keyframes load-more {
    0% {
        -webkit-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }

    100% {
        -webkit-transform: translateX(-50%) scale(2);
        -ms-transform: translateX(-50%) scale(2);
        -moz-transform: translateX(-50%) scale(2);
        -o-transform: translateX(-50%) scale(2);
        transform: translateX(-50%) scale(2);
    }
}

@keyframes load-more {
    0% {
        -webkit-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }

    100% {
        -webkit-transform: translateX(-50%) scale(2);
        -ms-transform: translateX(-50%) scale(2);
        -moz-transform: translateX(-50%) scale(2);
        -o-transform: translateX(-50%) scale(2);
        transform: translateX(-50%) scale(2);
    }
}

@-webkit-keyframes show-feature {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show-feature {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hero-animation-1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hero-animation-1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes hero-animation-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hero-animation-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

.lnk, .widget .data-table a {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 500;
    color: #0e313e;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .lnk:hover, .widget .data-table a:hover, .lnk.active, .widget .data-table a.active, .lnk.is-active, .widget .data-table a.is-active {
        color: #f99d1c;
        text-decoration: none;
    }

    .lnk:focus, .widget .data-table a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

@media screen and (max-width:991px) {
    .lnk, .widget .data-table a {
        font-size: 14px;
        font-size: .93333em;
        line-height: 1.28571;
        font-weight: 500;
    }
}

.lnk:before, .widget .data-table a:before {
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.lnk:hover:before, .widget .data-table a:hover:before, .lnk:focus:before, .widget .data-table a:focus:before {
    transform: translateX(3px);
}

.lnk:hover span:after, .widget .data-table a:hover span:after, .lnk:focus span:after, .widget .data-table a:focus span:after {
    background-color: #f99d1c;
}

.lnk span, .widget .data-table a span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.lnk--arrow-left:before, .widget .data-table a:before {
    display: block;
    position: absolute;
    top: 6px;
    left: -20px;
    top: 50%;
    vertical-align: middle;
    padding-right: 15px;
    content: "c";
    font-family: "eurolifeclientportal";
    font-size: .6em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

.lnk--arrow-down:before {
    display: block;
    position: absolute;
    top: 0;
    left: -20px;
    top: 50%;
    vertical-align: middle;
    padding-right: 15px;
    content: "a";
    font-family: "eurolifeclientportal";
    font-size: .6em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

.lnk--arrow-down.is-expanded:before {
    content: "j";
    font-family: "eurolifeclientportal";
    font-size: .6em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

@media all and (-ms-high-contrast:none) {
    .lnk--arrow-down.is-expanded:before {
        font-size: 1.6em;
    }
}

.lnk--underlined span:after, .widget .data-table a span:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #01788e;
    position: absolute;
    bottom: -5px;
    left: 0;
}

.lnk--underlined-txt span {
    text-decoration: underline;
}

.lnk--white {
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .lnk--white:hover, .lnk--white.active, .lnk--white.is-active {
        color: #f99d1c;
        text-decoration: none;
    }

    .lnk--white:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

    .lnk--white span:after {
        background-color: #fff;
    }

.lnk--print {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: 300;
}

    .lnk--print:focus {
        color: #01788e;
    }

        .lnk--print:focus span:before, .lnk--print:focus span:after {
            background-color: #01788e;
        }

    .lnk--print:before {
        padding-right: 10px;
        content: "p";
        font-family: "eurolifeclientportal";
        font-size: 3em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

.lnk--edit {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: 300;
}

    .lnk--edit:before {
        padding-right: 10px;
        content: "G";
        font-family: "eurolifeclientportal";
        font-size: 1.7em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

.lnk--download {
    display: flex;
    align-items: center;
    font-size: .9em;
}

    .lnk--download:hover:after, .lnk--download:focus:after {
        background-color: #f99d1c;
    }

    .lnk--download:after {
        width: 32px;
        height: 32px;
        margin-left: 10px;
        content: "M";
        font-family: "eurolifeclientportal";
        font-size: 1.3em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        background-color: #01788e;
        color: #fff;
        text-align: center;
        border-radius: 50%;
        line-height: 1.85;
    }

@media screen and (max-width:991px) {
    .lnk--download:after {
        font-size: 1.8em;
        line-height: 1.5;
    }
}

@media screen and (max-width:991px) {
    .lnk--download {
        font-size: .8em;
    }
}

.color-orange {
    color: #f99d1c;
}

.color-green {
    color: #01788e;
}

.device-detector {
    position: fixed;
    z-index: 999999;
    bottom: 10px;
    left: 10px;
    padding: 5px 0;
    text-align: center;
    font-size: .8em;
    border-radius: 5px;
    background-color: #faebd7;
    width: 80px;
}

    .device-detector:before {
        content: 'Desktop';
    }

@media(min-width:992px) and (max-width:1199px) {
    .device-detector {
        background-color: #daa520;
    }

        .device-detector:before {
            content: 'Desktop (S)';
        }
}

@media screen and (min-width:480px) and (max-width:991px) {
    .device-detector {
        background-color: #48d1cc;
    }

        .device-detector:before {
            content: 'Tablet';
        }
}

@media screen and (max-width:767px) {
    .device-detector {
        background-color: #ffc0cb;
    }

        .device-detector:before {
            content: 'Phone';
        }
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.FloatBreak {
    clear: both;
}

.FloatBreakLeft {
    clear: left;
}

.float25 {
    float: left;
    width: 25%;
}

.float50 {
    float: left;
    width: 50%;
}

.float65 {
    float: left;
    width: 65%;
}

.float75 {
    float: left;
    width: 75%;
}

.floatR25 {
    float: right;
    width: 25%;
}

.floatR50 {
    float: right;
    width: 50%;
}

.floatR65 {
    float: right;
    width: 65%;
}

.floatR75 {
    float: right;
    width: 75%;
}

.nomargin {
    margin: 0 !important;
}

.nowrap {
    white-space: nowrap;
}

.nopadding {
    padding: 0 !important;
}

.noborder {
    border: none !important;
}

.spacer {
    height: 5px;
}

.spacer10 {
    height: 10px;
}

.spacer15 {
    height: 15px;
}

.spacer20 {
    height: 20px;
}

.spacer25 {
    height: 25px;
}

.spacer30 {
    height: 30px;
}

.spacer40 {
    height: 40px;
}

.spacer50 {
    height: 50px;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.displayNone {
    display: none;
}

.block {
    display: block !important;
}

.inline {
    display: inline !important;
}

.inlineblock {
    display: inline-block !important;
}

.invisible {
    visibility: hidden;
}

.overflowHidden {
    overflow: hidden;
}

.alignLeft {
    text-align: left;
}

.alignCenter {
    text-align: center;
}

.alignRight {
    text-align: right;
}

.alignJustify {
    text-align: justify;
}

.alignBottom {
    vertical-align: bottom;
}

.text-bottom {
    vertical-align: text-bottom;
}

.pointer {
    cursor: pointer;
}

.ulClear, nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.inputClear {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.btnClear {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.objRight {
    margin-left: auto;
    margin-right: 0;
}

.bgWhite {
    background-color: #fff;
}

.bgBlack {
    background-color: #000;
}

.equalFloatColumnsWrapper {
    float: left;
}

.equalFloatColumnsContainer {
    float: left;
    overflow: hidden;
}

.equalFloatColumns {
    float: left;
    margin-bottom: -1000px;
    padding-bottom: 1000px;
}

.verticalMiddleWrap {
    display: table;
}

.verticalMiddle {
    display: table-cell;
    vertical-align: middle;
}

.hrWhite {
    background-color: #fff;
    color: #fff;
}

.tableDefault {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border: none;
}

    .tableDefault th, .tableDefault td {
        padding: 0;
        margin: 0;
    }

.tableEqCol {
    table-layout: fixed;
}

    .tableEqCol th, .tableEqCol td {
        overflow: hidden;
    }

.noradius {
    border-radius: 0 !important;
}

.pClear {
    margin: 0;
    padding: 0;
}

.ulClear {
    margin: 0;
    padding: 0;
    list-style: none;
}

.table {
    display: table;
}

.tableRow {
    display: table-row;
}

.cell {
    display: table-cell;
}

.hidden {
    display: none;
}

html, body {
    font-family: "Ubuntu",sans-serif;
    font-size: 15px;
    line-height: 1.3;
    color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-weight: normal;
    height: 100%;
}

    body a {
        color: #01788e;
    }

        body a:hover {
            color: #f99d1c;
        }

        body a:focus {
            color: #f99d1c;
        }

        body a.disabled {
            cursor: default;
            opacity: .3;
            text-decoration: none !important;
        }

        body a img {
            border: none;
        }

        body a:focus, input:focus, object:focus, button:focus, label:focus, textarea:focus {
            outline: none;
        }

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label {
    cursor: pointer;
}

legend {
    border: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-size: inherit;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    background-color: #000;
    color: #000;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
    margin: 0;
    padding: 0;
}

time {
    font-size: 100%;
}

button, input, select, textarea {
    margin: 0;
    vertical-align: baseline;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}

button, input {
    line-height: normal;
}

textarea {
    resize: none;
    overflow: auto;
    margin: 0;
    padding: 0;
}

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}

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

DIV.aspNetHidden, .helpersString {
    display: none;
}

map area:focus, .toFocus:focus {
    outline: none;
}

map > area, map > area:active, map > area:focus {
    outline: none !important;
    border: 0 !important;
    outline-width: 0;
}

img {
    vertical-align: middle;
    max-width: 100%;
    border: 0;
}

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
    max-width: none !important;
}

input::-ms-clear {
    display: none;
}

select {
    width: 100%;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    position: relative;
    font-family: "Ubuntu",sans-serif;
    color: inherit;
    text-rendering: optimizeLegibility;
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #000;
    }

    h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
        margin-top: 0;
    }

    h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%;
    }

    h1 strong, h2 strong, h3 strong {
        color: #000;
    }

    h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%;
    }

section {
    visibility: visible;
}

p.intro-text {
    font-weight: 500;
    color: #000;
}

.lead {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.4;
}

@media(min-width:768px) {
    .lead {
        font-size: 24px;
    }
}

sup {
    display: inline-block;
    line-height: inherit;
    position: initial;
    top: -.5em;
}

cite {
    font-style: normal;
}

.text-muted {
    color: #000;
}

.text-primary {
    color: #878787;
}

    .text-primary:hover {
        color: #878787;
    }

.text-warning {
    color: #e42a00;
}

    .text-warning:hover {
        color: #b12100;
    }

.text-danger {
    color: #e42a00;
}

    .text-danger:hover {
        color: #b12100;
    }

.text-success {
    color: #58730d;
}

    .text-success:hover {
        color: #354508;
    }

.text-info {
    color: #878787;
}

    .text-info:hover {
        color: #878787;
    }

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-bold {
    font-weight: 700;
}

.text-green {
    color: #01788e;
}

.page-header {
    padding-bottom: 11px;
    margin: 48px 0 24px;
    border-bottom: 1px solid #000;
}

[class^=icon-] {
    background-size: contain;
    background-position: center center;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 24px;
}

    ol > li, ul > li {
        margin-bottom: 0;
    }

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0;
    }

        ol ol li, ol ul li, ul ol li, ul ul li {
            top: 0;
        }

    ul.rte > li {
        padding-left: 48px;
        list-style-position: outside;
    }

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

        .list-inline > li:first-child {
            padding-left: 0;
        }

dl {
    margin-top: 0;
    margin-bottom: 24px;
}

dd, dt {
    line-height: 1.5;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

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

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

pre {
    white-space: pre-wrap;
}

q {
    quotes: "“" "”" "‘" "’";
}

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

sub {
    bottom: -.25em;
}

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

figure {
    margin: 0;
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.accessible-invisible {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}

@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
            content: "";
        }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 300;
    src: local("Ubuntu Light Italic"),local("Ubuntu-LightItalic"),url(../fonts/Ubuntu/4iCp6KVjbNBYlgoKejZftVyMN4Ffgg.woff2) format("woff2"),url(../fonts/Ubuntu/4iCp6KVjbNBYlgoKejZftVyMN4Ffgg.woff) format("woff");
    unicode-range: U+370-3FF;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 300;
    src: local("Ubuntu Light Italic"),local("Ubuntu-LightItalic"),url(../fonts/Ubuntu/4iCp6KVjbNBYlgoKejZftVyPN4E.woff2) format("woff2"),url(../fonts/Ubuntu/4iCp6KVjbNBYlgoKejZftVyPN4E.woff) format("woff");
    unicode-range: U+0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 400;
    src: local("Ubuntu Italic"),local("Ubuntu-Italic"),url(../fonts/Ubuntu/4iCu6KVjbNBYlgoKej73l0mwFg.woff2) format("woff2"),url(../fonts/Ubuntu/4iCu6KVjbNBYlgoKej73l0mwFg.woff) format("woff");
    unicode-range: U+370-3FF;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 400;
    src: local("Ubuntu Italic"),local("Ubuntu-Italic"),url(../fonts/Ubuntu/4iCu6KVjbNBYlgoKej70l0k.woff2) format("woff2"),url(../fonts/Ubuntu/4iCu6KVjbNBYlgoKej70l0k.woff) format("woff");
    unicode-range: U+0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 500;
    src: local("Ubuntu Medium Italic"),local("Ubuntu-MediumItalic"),url(../fonts/Ubuntu/4iCp6KVjbNBYlgoKejYHtFyMN4Ffgg.woff2) format("woff2"),url(../fonts/Ubuntu/4iCp6KVjbNBYlgoKejYHtFyMN4Ffgg.woff) format("woff");
    unicode-range: U+370-3FF;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 500;
    src: local("Ubuntu Medium Italic"),local("Ubuntu-MediumItalic"),url(../fonts/Ubuntu/4iCp6KVjbNBYlgoKejYHtFyPN4E.woff2) format("woff2"),url(../fonts/Ubuntu/4iCp6KVjbNBYlgoKejYHtFyPN4E.woff) format("woff");
    unicode-range: U+0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 700;
    src: local("Ubuntu Bold Italic"),local("Ubuntu-BoldItalic"),url(../fonts/Ubuntu/4iCp6KVjbNBYlgoKejZPslyMN4Ffgg.woff2) format("woff2"),url(../fonts/Ubuntu/4iCp6KVjbNBYlgoKejZPslyMN4Ffgg.woff) format("woff");
    unicode-range: U+370-3FF;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 700;
    src: local("Ubuntu Bold Italic"),local("Ubuntu-BoldItalic"),url(../fonts/Ubuntu/4iCp6KVjbNBYlgoKejZPslyPN4E.woff2) format("woff2"),url(../fonts/Ubuntu/4iCp6KVjbNBYlgoKejZPslyPN4E.woff) format("woff");
    unicode-range: U+0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: local("Ubuntu Light"),local("Ubuntu-Light"),url(../fonts/Ubuntu/4iCv6KVjbNBYlgoC1Czjs2yNL4U.woff2) format("woff2"),url(../fonts/Ubuntu/4iCv6KVjbNBYlgoC1Czjs2yNL4U.woff) format("woff");
    unicode-range: U+370-3FF;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: local("Ubuntu Light"),local("Ubuntu-Light"),url(../fonts/Ubuntu/4iCv6KVjbNBYlgoC1CzjsGyN.woff2) format("woff2"),url(../fonts/Ubuntu/4iCv6KVjbNBYlgoC1CzjsGyN.woff) format("woff");
    unicode-range: U+0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"),local("Ubuntu-Regular"),url(../fonts/Ubuntu/4iCs6KVjbNBYlgoKfA72j00.woff2) format("woff2"),url(../fonts/Ubuntu/4iCs6KVjbNBYlgoKfA72j00.woff) format("woff");
    unicode-range: U+370-3FF;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"),local("Ubuntu-Regular"),url(../fonts/Ubuntu/4iCs6KVjbNBYlgoKfw72.woff2) format("woff2"),url(../fonts/Ubuntu/4iCs6KVjbNBYlgoKfw72.woff) format("woff");
    unicode-range: U+0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: local("Ubuntu Medium"),local("Ubuntu-Medium"),url(../fonts/Ubuntu/4iCv6KVjbNBYlgoCjC3js2yNL4U.woff2) format("woff2"),url(../fonts/Ubuntu/4iCv6KVjbNBYlgoCjC3js2yNL4U.woff) format("woff");
    unicode-range: U+370-3FF;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: local("Ubuntu Medium"),local("Ubuntu-Medium"),url(../fonts/Ubuntu/4iCv6KVjbNBYlgoCjC3jsGyN.woff2) format("woff2"),url(../fonts/Ubuntu/4iCv6KVjbNBYlgoCjC3jsGyN.woff) format("woff");
    unicode-range: U+0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: local("Ubuntu Bold"),local("Ubuntu-Bold"),url(../fonts/Ubuntu/4iCv6KVjbNBYlgoCxCvjs2yNL4U.woff2) format("woff2"),url(../fonts/Ubuntu/4iCv6KVjbNBYlgoCxCvjs2yNL4U.woff) format("woff");
    unicode-range: U+370-3FF;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: local("Ubuntu Bold"),local("Ubuntu-Bold"),url(../fonts/Ubuntu/4iCv6KVjbNBYlgoCxCvjsGyN.woff2) format("woff2"),url(../fonts/Ubuntu/4iCv6KVjbNBYlgoCxCvjsGyN.woff) format("woff");
    unicode-range: U+0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

html, body {
    background-color: #fff;
}

    body:before {
        content: "desktop";
        display: none;
    }

@media(min-width:992px) and (max-width:1199px) {
    body:before {
        content: "desktop-small";
    }
}

@media screen and (max-width:991px) {
    body:before {
        content: "phones-tablets";
    }
}

@media screen and (min-width:480px) and (max-width:991px) {
    body:before {
        content: "tablets";
    }
}

@media screen and (max-width:767px) {
    body:before {
        content: "phones";
    }
}

.wrapper-outer--theme-gray {
    background: linear-gradient(to bottom,#e6e6de 80px,#fff 80px);
}

.wrapper-outer--theme-gray-short {
    background: linear-gradient(to bottom,#e6e6de 60px,#fff 60px);
}

.wrapper-outer--theme-gray-large {
    background: linear-gradient(to bottom,#e6e6de 320px,#fff 320px);
}

@media screen and (max-width:991px) {
    .wrapper-outer--theme-gray-large {
        background: linear-gradient(to bottom,#e6e6de 100px,#fff 100px);
    }
}

.wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1330px;
}

@media(min-width:991px) {
    .wrapper {
        max-width: 1330px;
        padding: 0 25px;
    }
}

@media screen and (max-width:991px) {
    .wrapper {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media screen and (max-width:991px) {
    .wrapper--remove-padding-mobile {
        padding-left: 0;
        padding-right: 0;
    }
}

.wrapper > .alert:first-child {
    margin-top: 20px;
}

.wrapper-outer--theme-gray .wrapper > .alert:first-child {
    margin-top: 0;
}

.wrapper-with-sidebar-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1330px;
}

@media(min-width:991px) {
    .wrapper-with-sidebar-wrapper {
        max-width: 1330px;
        padding: 0 25px;
    }
}

.wrapper-with-sidebar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5vh;
}

@media screen and (max-width:991px) {
    .wrapper-with-sidebar {
        justify-content: flex-start;
        flex-direction: column;
    }
}

.wrapper-with-sidebar__main {
    width: 65%;
}

@media screen and (max-width:991px) {
    .wrapper-with-sidebar__main {
        width: 100%;
    }
}

.wrapper-with-sidebar__sidebar {
    width: 32%;
}

@media screen and (max-width:991px) {
    .wrapper-with-sidebar__sidebar {
        width: 100%;
    }
}

.input--default {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    border: 2px solid #e8e8e8;
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.86667;
    font-weight: 300;
    color: #32302f;
    line-height: 48px;
}

    .input--default::-webkit-input-placeholder {
        color: #b3b3b3;
    }

    .input--default:-moz-placeholder {
        color: #b3b3b3;
    }

    .input--default::-moz-placeholder {
        opacity: 1;
        color: #b3b3b3;
    }

    .input--default:-ms-input-placeholder {
        color: #b3b3b3;
    }

    .input--default:focus::-webkit-input-placeholder {
        color: #b3b3b3;
    }

    .input--default:focus:-moz-placeholder {
        color: #b3b3b3;
    }

    .input--default:focus::-moz-placeholder {
        color: #b3b3b3;
    }

    .input--default:focus:-ms-input-placeholder {
        color: #b3b3b3;
    }

@media screen and (max-width:991px) {
    .input--default {
        height: 42px;
        font-size: 16px;
        font-size: 1.06667em;
        line-height: 1;
        font-weight: 300;
    }
}

.input--default:focus {
    border-color: #82a3da;
    -webkit-box-shadow: 0 0 0 1px #a6c7ff;
    -ms-box-shadow: 0 0 0 1px #a6c7ff;
    -moz-box-shadow: 0 0 0 1px #a6c7ff;
    -o-box-shadow: 0 0 0 1px #a6c7ff;
    box-shadow: 0 0 0 1px #a6c7ff;
}

.input--clear {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    background: none;
    border: none;
    line-height: normal;
}

.input--rounded {
    border-radius: 20px;
}

.input--newsletter {
    padding-right: 10%;
    background: url("../Images/icons-svg/icon-arrow-right-newsletter.svg") 95% 50% no-repeat #fff;
}

.input--search {
    padding-right: 10%;
    background: url("../Images/icons-svg/search-tool.svg") 95% 50% no-repeat #fff;
}

.input:disabled {
    cursor: not-allowed !important;
    background-color: #ebebeb !important;
}

.input.has-error, .input.input-validation-error, .input.input-validation-error-custom {
    background-color: #ffefef;
    border: solid 1px #f00;
}

.input[readonly] {
    cursor: not-allowed;
    color: #565656;
    background-color: #ebebeb;
}

.input--auto-width {
    width: auto;
}

@media screen and (max-width:991px) {
    .input--auto-width {
        width: 100%;
    }
}

.input.no-border {
    border: none;
}

.textarea {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    width: 100%;
    padding: 10px 20px;
    border: 2px solid #e8e8e8;
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 300;
    color: #32302f;
}

    .textarea::-webkit-input-placeholder {
        color: #ccc;
    }

    .textarea:-moz-placeholder {
        color: #ccc;
    }

    .textarea::-moz-placeholder {
        opacity: 1;
        color: #ccc;
    }

    .textarea:-ms-input-placeholder {
        color: #ccc;
    }

    .textarea:focus::-webkit-input-placeholder {
        color: #ccc;
    }

    .textarea:focus:-moz-placeholder {
        color: #ccc;
    }

    .textarea:focus::-moz-placeholder {
        color: #ccc;
    }

    .textarea:focus:-ms-input-placeholder {
        color: #ccc;
    }

@media screen and (max-width:991px) {
    .textarea {
        font-size: 16px;
        font-size: 1.06667em;
        line-height: 1;
        font-weight: 300;
    }
}

.textarea.has-error, .textarea.input-validation-error, .textarea.input-validation-error-custom {
    background-color: #ffefef;
    border: solid 1px #f00;
}

.textarea:disabled {
    cursor: not-allowed !important;
    background-color: #ebebeb !important;
}

.textarea--rounded {
    border-radius: 20px;
}

.textarea--theme-gray {
    border-radius: 8px;
    background-color: #fafafa;
    border-width: 1px;
}

.errorvalid, .error-message, .success-message, .field-validation-error {
    position: relative;
    padding: 5px 0;
    font-size: 12px;
    font-size: .8em;
    line-height: 1.66667;
    font-weight: 300;
    color: #f00;
    text-align: right;
}

@media screen and (max-width:991px) {
    .errorvalid, .error-message, .success-message, .field-validation-error {
        font-size: .8em;
    }
}

.errorvalid:before, .error-message:before, .success-message:before, .field-validation-error:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 8px 4px;
    border-color: transparent transparent #f00 transparent;
}

.errorvalid.field-validation-valid, .field-validation-valid.error-message, .field-validation-valid.success-message, .field-validation-error.field-validation-valid {
    display: none;
}

.errorvalid.field-validation-error, .field-validation-error.error-message, .field-validation-error.success-message, .field-validation-error.field-validation-error {
    display: block;
}

.errorvalid.text-align-left, .text-align-left.error-message, .text-align-left.success-message, .field-validation-error.text-align-left {
    text-align: left;
}

.error-message {
    display: none;
}

    .error-message.is-visible {
        display: inline-block;
    }

.success-message {
    color: #008000;
}

.form-container {
    width: 100%;
}

    .form-container .form-row {
        display: flex;
        justify-content: space-between;
    }

@media screen and (max-width:991px) {
    .form-container .form-row {
        flex-direction: column;
        justify-content: flex-start;
    }
}

.form-container .form-row:last-child {
    margin-bottom: 0;
}

.form-container .form-row > div {
    width: 100%;
    margin-bottom: 30px;
}

.form-container .form-row.cols-2 > div {
    width: 45%;
}

@media screen and (max-width:991px) {
    .form-container .form-row.cols-2 > div {
        width: 100%;
    }
}

.form-container .form-row.cols-3 > div {
    width: 30%;
}

@media screen and (max-width:991px) {
    .form-container .form-row.cols-3 > div {
        width: 100%;
    }
}

.form-container .form-row.cols-4 > div {
    width: 23%;
}

@media screen and (max-width:991px) {
    .form-container .form-row.cols-4 > div {
        width: 100%;
    }
}

@media(min-width:991px) {
    .form-container .form-row.cols-remove-margin-desktop > div {
        margin-bottom: 0;
    }
}

.form-container .form-row--horizontal > div {
    display: flex;
    align-items: center;
}

@media screen and (max-width:991px) {
    .form-container .form-row--horizontal > div {
        flex-direction: column;
        align-items: flex-start;
    }
}

.form-container .form-row--horizontal > div > div:nth-child(1) {
    width: 30%;
    max-width: 165px;
}

@media screen and (max-width:991px) {
    .form-container .form-row--horizontal > div > div:nth-child(1) {
        width: 100%;
        max-width: auto;
    }
}

.form-container .form-row--horizontal > div > div:nth-child(2) {
    flex: 1;
}

@media screen and (max-width:991px) {
    .form-container .form-row--horizontal > div > div:nth-child(2) {
        width: 100%;
    }
}

.form-container .form-row--label-right > div:nth-child(1) {
    justify-content: flex-end;
    padding-right: 10px;
}

.ui-selectmenu-button.ui-button {
    width: auto;
}

label, .label {
    position: relative;
    display: block;
    padding: 5px 0;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 300;
    color: #1e596c;
    white-space: normal;
    text-align: left;
}

@media screen and (max-width:991px) {
    label, .label {
        font-size: .9em;
    }
}

label.required-star:before, .label.required-star:before {
    content: '*';
    position: absolute;
    top: -5px;
    left: -10px;
    font-size: .8em;
}

label--small, .label--small {
    font-size: .9em;
    padding: 2px 0;
    margin: 0;
}

@media screen and (max-width:991px) {
    label--small, .label--small {
        font-size: .8em;
    }
}

label--remove-padding, .label--remove-padding {
    padding: 0;
}

label--large-font, .label--large-font {
    font-size: 18px;
    font-size: 1.2em;
    line-height: 2.55556;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    label--large-font, .label--large-font {
        font-size: 16px;
        font-size: 1.06667em;
        line-height: 1.5;
        font-weight: 300;
    }
}

label--white, .label--white {
    color: #fff;
}

label--centered, .label--centered {
    text-align: center;
}

.radio-buttons .custom-inputs [type="radio"]:not(:checked), .radio-buttons .custom-inputs [type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

    .radio-buttons .custom-inputs [type="radio"]:not(:checked) + label, .radio-buttons .custom-inputs [type="radio"]:checked + label {
        position: relative;
        margin: 0;
        padding: 0 0 0 35px;
        cursor: pointer;
        color: #636363;
    }

@media screen and (max-width:991px) {
    .radio-buttons .custom-inputs [type="radio"]:not(:checked) + label, .radio-buttons .custom-inputs [type="radio"]:checked + label {
        padding: 0 0 0 25px;
        font-size: .9em;
    }
}

.radio-buttons .custom-inputs [type="radio"]:not(:checked) + label:before, .radio-buttons .custom-inputs [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border: 1px solid #7b7b7b;
    background: #fff;
    border-radius: 50%;
    box-shadow: inset 0 0 0 0 white;
    transition: all .2s;
}

@media screen and (max-width:991px) {
    .radio-buttons .custom-inputs [type="radio"]:not(:checked) + label:before, .radio-buttons .custom-inputs [type="radio"]:checked + label:before {
        width: 20px;
        height: 20px;
    }
}

.radio-buttons .custom-inputs [type="radio"]:checked + label:after {
    content: '';
    background: #f99d1c;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    color: #474747;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

@media screen and (max-width:991px) {
    .radio-buttons .custom-inputs [type="radio"]:checked + label:after {
        width: 10px;
        height: 10px;
        left: 5px;
    }
}

.radio-buttons .custom-inputs [type="radio"]:not(:checked) + label:hover:before {
    border-color: #f99d1c;
}

.radio-buttons .custom-inputs [type="radio"]:disabled + label {
    cursor: not-allowed !important;
}

    .radio-buttons .custom-inputs [type="radio"]:disabled + label:after {
        background: #999;
    }

.radio-buttons--horizontal {
    display: flex;
    align-items: center;
}

@media screen and (max-width:991px) {
    .radio-buttons--horizontal {
        justify-content: center;
        justify-content: flex-start;
    }
}

.radio-buttons--horizontal > div {
    margin-left: 40px;
}

    .radio-buttons--horizontal > div:first-child:first-child {
        margin: 0;
    }

.radio-buttons--vertical > div {
    margin-bottom: 20px;
}

    .radio-buttons--vertical > div:last-child {
        margin-bottom: 0;
    }

.selectbox-wrap {
    position: relative;
}

    .selectbox-wrap .hasCustomSelect {
        left: 0;
        z-index: 1;
        font-size: 1em !important;
    }

    .selectbox-wrap select.input-validation-error + .customSelect {
        background-color: #ffefef;
        border: solid 1px #f00;
    }

    .selectbox-wrap select:focus + .customSelect {
        border-color: #82a3da;
        -webkit-box-shadow: 0 0 0 1px #a6c7ff;
        -ms-box-shadow: 0 0 0 1px #a6c7ff;
        -moz-box-shadow: 0 0 0 1px #a6c7ff;
        -o-box-shadow: 0 0 0 1px #a6c7ff;
        box-shadow: 0 0 0 1px #a6c7ff;
    }

    .selectbox-wrap .customSelect {
        display: block;
        padding-top: 12px;
        padding-bottom: 12px;
        border: 2px solid #e8e8e8;
        border-radius: 20px;
        background-color: #fff;
        text-align: left;
    }

@media screen and (max-width:991px) {
    .selectbox-wrap .customSelect {
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

.selectbox-wrap .customSelect.input-validation-error {
    background-color: #ffefef;
    border: solid 1px #f00;
}

.selectbox-wrap .customSelect .customSelectInner {
    position: relative;
    background: transparent;
    padding-right: 40px;
    padding-left: 15px;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 300;
    color: #32302f;
}

    .selectbox-wrap .customSelect .customSelectInner:after {
        width: 40px;
        position: absolute;
        top: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        text-align: center;
        content: "a";
        font-family: "eurolifeclientportal";
        font-size: .6em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #66a9b6;
    }

.selectbox-wrap .customSelectDisabled {
    background-color: #ebebeb !important;
}

.selectbox-wrap--theme-white select.input-validation-error + .customSelect {
    background-color: #ffefef;
    border: solid 1px #f00;
}

.selectbox-wrap--theme-white select:focus + .customSelect {
    border-color: #82a3da;
    -webkit-box-shadow: 0 0 0 1px #a6c7ff;
    -ms-box-shadow: 0 0 0 1px #a6c7ff;
    -moz-box-shadow: 0 0 0 1px #a6c7ff;
    -o-box-shadow: 0 0 0 1px #a6c7ff;
    box-shadow: 0 0 0 1px #a6c7ff;
}

.selectbox-wrap--theme-white .customSelect {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    border: 2px solid #e8e8e8;
    border-radius: 20px;
    background-color: #fff;
    text-align: left;
}

@media screen and (max-width:991px) {
    .selectbox-wrap--theme-white .customSelect {
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

.selectbox-wrap--theme-white .customSelect.input-validation-error {
    background-color: #ffefef;
    border: solid 1px #f00;
}

.selectbox-wrap--theme-white .customSelect .customSelectInner {
    position: relative;
    background: transparent;
    padding-right: 40px;
    padding-left: 15px;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 300;
    color: #32302f;
}

    .selectbox-wrap--theme-white .customSelect .customSelectInner:after {
        width: 40px;
        position: absolute;
        top: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        text-align: center;
        content: "a";
        font-family: "eurolifeclientportal";
        font-size: .6em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #66a9b6;
    }

.selectbox-wrap--theme-white .customSelectDisabled {
    background-color: #ebebeb !important;
}

.selectbox-wrap--theme-large select.input-validation-error + .customSelect {
    background-color: #ffefef;
    border: solid 1px #f00;
}

.selectbox-wrap--theme-large select:focus + .customSelect {
    border-color: #82a3da;
    -webkit-box-shadow: 0 0 0 1px #a6c7ff;
    -ms-box-shadow: 0 0 0 1px #a6c7ff;
    -moz-box-shadow: 0 0 0 1px #a6c7ff;
    -o-box-shadow: 0 0 0 1px #a6c7ff;
    box-shadow: 0 0 0 1px #a6c7ff;
}

.selectbox-wrap--theme-large .customSelect {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    border: 2px solid #e8e8e8;
    border-radius: 20px;
    background-color: #fff;
    text-align: left;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.02);
}

@media screen and (max-width:991px) {
    .selectbox-wrap--theme-large .customSelect {
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

.selectbox-wrap--theme-large .customSelect.input-validation-error {
    background-color: #ffefef;
    border: solid 1px #f00;
}

.selectbox-wrap--theme-large .customSelect .customSelectInner {
    position: relative;
    background: transparent;
    padding-right: 40px;
    padding-left: 15px;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 300;
    color: #32302f;
    font-size: 24px;
    font-size: 1.6em;
    line-height: 1.16667;
    font-weight: 700;
    color: #413f3e;
}

@media screen and (max-width:991px) {
    .selectbox-wrap--theme-large .customSelect .customSelectInner {
        font-size: 18px;
        font-size: 1.2em;
        line-height: 1.27778;
        font-weight: 500;
        color: #01788e;
        text-align: center;
    }
}

.selectbox-wrap--theme-large .customSelect .customSelectInner:after {
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    text-align: center;
    content: "a";
    font-family: "eurolifeclientportal";
    font-size: .6em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    color: #66a9b6;
    color: #66a9b6;
    font-size: .5em;
}

@media all and (-ms-high-contrast:none) {
    .selectbox-wrap--theme-large .customSelect .customSelectInner:after {
        font-size: 1.6em;
    }
}

@media screen and (max-width:991px) {
    .selectbox-wrap--theme-large .customSelect .customSelectInner:after {
        font-size: 1em;
        color: #01788e;
    }
}

.selectbox-wrap--theme-large .customSelectDisabled {
    background-color: #ebebeb !important;
}

.selectbox-wrap.is-invalid {
    border: solid 2px #f00;
}

.btn {
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    position: relative;
    padding: 13px 30px;
    background-color: #01788e;
    border: solid 2px #01788e;
    border-radius: 45px;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.30769;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

    .btn:hover, .btn:focus, .btn.active {
        text-decoration: none;
    }

@media screen and (max-width:991px) {
    .btn {
        padding: 12px 20px;
        font-size: .75em;
        border-width: 1.5px;
    }
}

.btn:hover, .btn:focus {
    color: #fff;
    background-color: #016375;
}

.btn:disabled {
    -webkit-opacity: .3;
    -ms-opacity: .3;
    -moz-opacity: .3;
    -o-opacity: .3;
    opacity: .3;
    cursor: default;
}

.btn--clear {
    padding: 0;
    border: none;
    background: transparent;
}

    .btn--clear:hover, .btn--clear:focus {
        background: transparent;
        color: #000;
    }

.btn--white {
    color: #fff;
}

    .btn--white:hover, .btn--white:focus {
        color: #f99d1c;
    }

.btn--language {
    padding: 10px;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.30769;
    font-weight: 500;
}

    .btn--language:after {
        display: inline-block;
        padding: 0 0 0 5px;
        -webkit-transition: all .2s;
        -ms-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        content: "a";
        font-family: "eurolifeclientportal";
        font-size: .5em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

.btn--transparent {
    background-color: transparent;
    color: #01788e;
}

.btn--transparent-white {
    background-color: transparent;
    color: #01788e;
    border-color: #fff;
    color: #fff;
}

    .btn--transparent-white:hover, .btn--transparent-white:focus {
        color: #fff;
        background-color: #01788e;
        border-color: #01788e;
    }

.btn--transparent-orange {
    background-color: transparent;
    color: #01788e;
    border-color: #f99d1c;
    color: #f99d1c;
}

    .btn--transparent-orange:hover, .btn--transparent-orange:focus {
        color: #fff;
        background-color: #f99d1c;
    }

.btn--orange {
    border-color: #f99d1c;
    background-color: #f99d1c;
}

    .btn--orange:hover, .btn--orange:focus {
        border-color: #dc8306;
        background-color: #dc8306;
    }

.btn--full-width {
    width: 100%;
}

@media(min-width:991px) {
    .btn--medium-width {
        min-width: 230px;
    }
}

.btn--upload {
    width: 35px;
    height: 35px;
    padding: 0;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    text-align: center !important;
}

    .btn--upload span:before {
        content: "K";
        font-family: "eurolifeclientportal";
        font-size: 1.5em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        line-height: 1.6;
    }

@media screen and (max-width:991px) {
    .btn--upload span:before {
        line-height: 2;
    }
}

.btn--add-requirement {
    position: relative;
    overflow: visible;
}

@media(min-width:991px) {
    .btn--add-requirement {
        padding-left: 50px;
    }
}

.btn--add-requirement:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    content: "Y";
    font-family: "eurolifeclientportal";
    font-size: 1.9em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

@media screen and (max-width:991px) {
    .btn--add-requirement:before {
        display: none;
    }
}

.btn--browse {
    padding: 0;
    border: none;
    background: transparent;
    margin-top: 3px;
    color: #01788e;
    font-size: 1em;
}

    .btn--browse:hover, .btn--browse:focus {
        background: transparent;
        color: #000;
    }

    .btn--browse:hover, .btn--browse:focus {
        color: #f99d1c;
    }

.btn--remove:before {
    content: "V";
    font-family: "eurolifeclientportal";
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    padding-right: 10px;
}

input[type="text"].datepicker {
    padding-left: 50px;
    background-image: url("../Images/icons-svg/calendar.svg");
    background-repeat: no-repeat;
    background-position: 10% 50%;
    background-size: auto 60%;
    cursor: default;
}

@media all and (-ms-high-contrast:none) {
    input[type="text"].datepicker {
        background-image: url("../Images/icons/calendar.png");
    }
}

@media screen and (max-width:991px) {
    input[type="text"].datepicker {
        background-position: 20px 50%;
    }
}

.ui-datepicker {
    background-color: #01788e;
    width: auto;
    padding: 60px 1em 1em 1em;
    border-radius: 8px;
}

@media screen and (max-width:991px) {
    .ui-datepicker {
        padding-top: 30px;
    }
}

.ui-datepicker .fromTo {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 18px 0;
    margin: 0;
    font-size: 18;
    font-size: 1.2em;
    line-height: 1.33333;
    font-weight: 500;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #018da7;
}

@media screen and (max-width:991px) {
    .ui-datepicker .fromTo {
        padding: 10px 0;
        font-size: .9em;
    }
}

.ui-datepicker .ui-datepicker-header {
    margin: 1em 0 .5em 0;
    background: #01788e;
    border: none;
    border-radius: 0;
    font-size: 16;
    font-size: 1.06667em;
    line-height: 1;
    font-weight: 300;
    color: #fff;
}

@media screen and (max-width:991px) {
    .ui-datepicker .ui-datepicker-header {
        font-size: 12;
        font-size: .8em;
        line-height: 1;
        font-weight: 300;
    }
}

.ui-datepicker th {
    padding: 1em .3em;
    font-size: 14;
    font-size: .93333em;
    line-height: 1;
    font-weight: 300;
    color: #fff;
}

@media screen and (max-width:991px) {
    .ui-datepicker th {
        font-size: 12;
        font-size: .8em;
        line-height: 1;
        font-weight: 300;
    }
}

.ui-datepicker td span, .ui-datepicker td a {
    padding: 8px;
}

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker .ui-button, .ui-datepicker .ui-button.ui-state-disabled:hover, .ui-datepicker .ui-button.ui-state-disabled:active {
    background: #fff;
    border-color: #ffc0cb;
    color: #000;
    text-align: center;
}

@media screen and (max-width:991px) {
    .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker .ui-button, .ui-datepicker .ui-button.ui-state-disabled:hover, .ui-datepicker .ui-button.ui-state-disabled:active {
        font-size: 12;
        font-size: .8em;
        line-height: 1;
        font-weight: 300;
    }
}

.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight {
    border-color: #000;
}

.ui-datepicker .ui-state-hover {
    background: #d9d9d9;
}

.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active, .ui-datepicker a.ui-button:active, .ui-datepicker .ui-button:active, .ui-datepicker .ui-button.ui-state-active:hover {
    background: #000;
    color: #fff;
}

.ui-datepicker .ui-state-disabled {
    opacity: .3;
    cursor: not-allowed;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    text-align: center;
    -webkit-transition: all .14s;
    -ms-transition: all .14s;
    -moz-transition: all .14s;
    -o-transition: all .14s;
    transition: all .14s;
    cursor: pointer;
}

    .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
        display: none;
        background-image: none !important;
    }

    .ui-datepicker .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-next:after {
        display: block;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        color: #fff;
        font-size: .5em;
    }

@media screen and (max-width:991px) {
    .ui-datepicker .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-next:after {
        font-size: 14px;
    }
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled {
    opacity: .3;
    cursor: not-allowed;
}

.ui-datepicker .ui-datepicker-prev {
    left: 4px;
}

    .ui-datepicker .ui-datepicker-prev:after {
        content: "d";
        font-family: "eurolifeclientportal";
        font-size: .8em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

@media all and (-ms-high-contrast:none) {
    .ui-datepicker .ui-datepicker-prev:after {
        font-size: 2em;
    }
}

.ui-datepicker .ui-datepicker-prev:hover {
    left: 0;
}

.ui-datepicker .ui-datepicker-next {
    right: 4px;
}

    .ui-datepicker .ui-datepicker-next:after {
        content: "c";
        font-family: "eurolifeclientportal";
        font-size: .8em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

@media all and (-ms-high-contrast:none) {
    .ui-datepicker .ui-datepicker-next:after {
        font-size: 2em;
    }
}

.ui-datepicker .ui-datepicker-next:hover {
    right: 0;
}

.ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month {
    -webkit-appearance: none;
    background: transparent 95% 50% no-repeat;
    background-image: url("../Images/arrows/down-arrow.white.24x24.png");
    background-size: 10px auto;
    margin: 0 3px;
    height: 2.5em;
    border-radius: 8px;
    padding: 0 .5em;
    border: none;
    color: #fff;
    line-height: 1.5;
}

@media all and (-ms-high-contrast:none) {
    .ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month {
        background: none;
        background-size: auto;
        padding: 0;
    }
}

@media screen and (max-width:767px) {
    .ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month {
        font-size: 16px;
    }
}

.ui-datepicker select.ui-datepicker-year option, .ui-datepicker select.ui-datepicker-month option {
    font-size: .85em;
    color: #000;
}

@media screen and (max-width:767px) {
    .ui-datepicker select.ui-datepicker-year option, .ui-datepicker select.ui-datepicker-month option {
        font-size: 16px;
    }
}

.custom-inpts [type="checkbox"]:not(:checked), .custom-inpts [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

    .custom-inpts [type="checkbox"]:not(:checked) + label, .custom-inpts [type="checkbox"]:checked + label, .custom-inpts [type="checkbox"]:not(:checked) + [type="hidden"] + label, .custom-inpts [type="checkbox"]:checked + [type="hidden"] + label {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0 0 0 35px;
        color: #000;
        line-height: 1;
        cursor: pointer;
    }

@media(min-width:991px) {
    .custom-inpts [type="checkbox"]:not(:checked) + label, .custom-inpts [type="checkbox"]:checked + label, .custom-inpts [type="checkbox"]:not(:checked) + [type="hidden"] + label, .custom-inpts [type="checkbox"]:checked + [type="hidden"] + label {
        font-size: 14.5px;
        font-size: .96667em;
        line-height: 2.06897;
        font-weight: 300;
    }
}

@media screen and (max-width:991px) {
    .custom-inpts [type="checkbox"]:not(:checked) + label, .custom-inpts [type="checkbox"]:checked + label, .custom-inpts [type="checkbox"]:not(:checked) + [type="hidden"] + label, .custom-inpts [type="checkbox"]:checked + [type="hidden"] + label {
        font-size: 12px;
        font-size: .8em;
        line-height: 1.25;
        font-weight: 300;
    }
}

.custom-inpts [type="checkbox"]:not(:checked) + label span, .custom-inpts [type="checkbox"]:checked + label span, .custom-inpts [type="checkbox"]:not(:checked) + [type="hidden"] + label span, .custom-inpts [type="checkbox"]:checked + [type="hidden"] + label span {
    display: inline-block;
    vertical-align: middle;
}

.custom-inpts [type="checkbox"]:not(:checked) + label:before, .custom-inpts [type="checkbox"]:checked + label:before, .custom-inpts [type="checkbox"]:not(:checked) + [type="hidden"] + label:before, .custom-inpts [type="checkbox"]:checked + [type="hidden"] + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #d8dde6;
    background-color: #fff;
}

.custom-inpts [type="checkbox"]:not(:checked) + label:after, .custom-inpts [type="checkbox"]:checked + label:after, .custom-inpts [type="checkbox"]:not(:checked) + [type="hidden"] + label:after, .custom-inpts [type="checkbox"]:checked + [type="hidden"] + label:after {
    content: '';
    display: block;
    content: "e";
    font-family: "eurolifeclientportal";
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 7px;
    margin-top: -7.5px;
    color: #f99d1c;
    line-height: 1;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

@media(min-width:991px) {
    .custom-inpts [type="checkbox"]:not(:checked) + label:after, .custom-inpts [type="checkbox"]:checked + label:after, .custom-inpts [type="checkbox"]:not(:checked) + [type="hidden"] + label:after, .custom-inpts [type="checkbox"]:checked + [type="hidden"] + label:after {
        font-size: 1em;
        height: 13px;
    }
}

@media screen and (max-width:991px) {
    .custom-inpts [type="checkbox"]:not(:checked) + label:after, .custom-inpts [type="checkbox"]:checked + label:after, .custom-inpts [type="checkbox"]:not(:checked) + [type="hidden"] + label:after, .custom-inpts [type="checkbox"]:checked + [type="hidden"] + label:after {
        left: 9px;
    }
}

.custom-inpts [type="checkbox"]:not(:checked) + label:after, .custom-inpts [type="checkbox"]:not(:checked) + [type="hidden"] + label:after {
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.custom-inpts [type="checkbox"]:checked + label:after, .custom-inpts [type="checkbox"]:checked + [type="hidden"] + label:after {
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.custom-inpts [type="checkbox"]:disabled:not(:checked) + label:before, .custom-inpts [type="checkbox"]:disabled:checked + label:before, .custom-inpts [type="checkbox"]:disabled:not(:checked) + [type="hidden"] + label:before, .custom-inpts [type="checkbox"]:disabled:checked + [type="hidden"] + label:before {
    box-shadow: none;
    border-color: #bbb;
}

.custom-inpts [type="checkbox"]:disabled:checked + label:after, .custom-inpts [type="checkbox"]:disabled:checked + [type="hidden"] + label:after {
    color: #999;
}

.custom-inpts [type="checkbox"]:disabled + label, .custom-inpts [type="checkbox"]:disabled + [type="hidden"] + label {
    color: #000;
    cursor: not-allowed;
}

.custom-inpts [type="checkbox"]:checked:focus + label:before, .custom-inpts [type="checkbox"]:not(:checked):focus + label:before, .custom-inpts [type="checkbox"]:checked:focus + [type="hidden"] + label:before, .custom-inpts [type="checkbox"]:not(:checked):focus + [type="hidden"] + label:before {
    border: 1px solid #d8dde6;
}

.custom-inpts label:hover:before {
    border: 1px solid #f99d1c !important;
}

.checkbox-list--horizontal {
    display: flex;
}

    .checkbox-list--horizontal > div {
        margin-right: 10%;
    }

        .checkbox-list--horizontal > div:last-child {
            margin-right: 0;
        }

@media(min-width:991px) {
    .jquery-data-table-container .dt-buttons {
        visibility: hidden;
        position: absolute;
    }

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 1px solid #fff;
    }

        .dataTables_wrapper.no-footer .dataTables_scrollBody th:before, .dataTables_wrapper.no-footer .dataTables_scrollBody th:after {
            display: none !important;
        }

    .dataTables_scrollHead table.dataTable.cell-border.jquery-data-table thead th {
        position: relative;
        background-image: none !important;
    }

        .dataTables_scrollHead table.dataTable.cell-border.jquery-data-table thead th:before {
            position: absolute;
            top: 12px;
            right: 10px;
            content: "j";
            font-family: "eurolifeclientportal";
            font-size: .5em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            color: #fff;
        }
}

@media all and (min-width:991px) and (-ms-high-contrast:none) {
    .dataTables_scrollHead table.dataTable.cell-border.jquery-data-table thead th:before {
        font-size: 1.45em;
    }
}

@media(min-width:991px) {
    .dataTables_scrollHead table.dataTable.cell-border.jquery-data-table thead th:after {
        position: absolute;
        bottom: 12px;
        right: 10px;
        content: "a";
        font-family: "eurolifeclientportal";
        font-size: .5em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #fff;
    }
}

@media all and (min-width:991px) and (-ms-high-contrast:none) {
    .dataTables_scrollHead table.dataTable.cell-border.jquery-data-table thead th:after {
        font-size: 1.45em;
    }
}

@media(min-width:991px) {
    .dataTables_scrollHead table.dataTable.cell-border.jquery-data-table thead th.sorting_disabled:before, .dataTables_scrollHead table.dataTable.cell-border.jquery-data-table thead th.sorting_disabled:after {
        display: none;
    }

    .dataTables_scrollHead table.dataTable.cell-border.jquery-data-table thead th.sorting_asc:before {
        color: #0d657b;
    }

    .dataTables_scrollHead table.dataTable.cell-border.jquery-data-table thead th.sorting_desc:after {
        color: #0d657b;
    }

    table.dataTable.cell-border.jquery-data-table {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.23077;
        color: #444;
    }

        table.dataTable.cell-border.jquery-data-table.no-footer {
            border-bottom: 1px solid transparent;
        }

        table.dataTable.cell-border.jquery-data-table thead th {
            position: relative;
            padding: 16px 18px;
            background-color: #66a9b6;
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff;
            color: #0e313e;
            font-weight: normal;
        }

            table.dataTable.cell-border.jquery-data-table thead th:last-child {
                border-right: none;
            }

            table.dataTable.cell-border.jquery-data-table thead th:before {
                position: absolute;
                top: 10px;
                right: 10px;
                content: "j";
                font-family: "eurolifeclientportal";
                font-size: .5em;
                font-weight: normal;
                line-height: 1;
                vertical-align: middle;
                color: #fff;
            }

            table.dataTable.cell-border.jquery-data-table thead th:after {
                position: absolute;
                bottom: 10px;
                right: 10px;
                content: "a";
                font-family: "eurolifeclientportal";
                font-size: .5em;
                font-weight: normal;
                line-height: 1;
                vertical-align: middle;
                color: #fff;
            }

            table.dataTable.cell-border.jquery-data-table thead th.sorting_disabled:before, table.dataTable.cell-border.jquery-data-table thead th.sorting_disabled:after {
                display: none;
            }

            table.dataTable.cell-border.jquery-data-table thead th.sorting_asc:before {
                color: #0d657b;
            }

            table.dataTable.cell-border.jquery-data-table thead th.sorting_desc:after {
                color: #0d657b;
            }

        table.dataTable.cell-border.jquery-data-table tbody tr {
            background-color: #f1f1ee;
        }

            table.dataTable.cell-border.jquery-data-table tbody tr > .sorting_1 {
                background-color: #ebebe7;
            }

        table.dataTable.cell-border.jquery-data-table tbody td {
            padding: 9px 10px;
            border-top: 1px solid #fff;
            border-right: 1px solid #fff;
        }

            table.dataTable.cell-border.jquery-data-table tbody td:first-child {
                border-left: 1px solid #f1f1ee;
            }

            table.dataTable.cell-border.jquery-data-table tbody td:last-child {
                border-right: 1px solid #f1f1ee;
            }

            table.dataTable.cell-border.jquery-data-table tbody td.status .status-icon {
                display: flex;
                align-items: center;
            }

                table.dataTable.cell-border.jquery-data-table tbody td.status .status-icon .lnk, table.dataTable.cell-border.jquery-data-table tbody td.status .status-icon .widget .data-table a, .widget .data-table table.dataTable.cell-border.jquery-data-table tbody td.status .status-icon a {
                    font-weight: 700;
                    white-space: nowrap;
                }

                table.dataTable.cell-border.jquery-data-table tbody td.status .status-icon:before {
                    margin-right: 10px;
                }

        table.dataTable.cell-border.jquery-data-table tbody .lnk, table.dataTable.cell-border.jquery-data-table tbody .widget .data-table a, .widget .data-table table.dataTable.cell-border.jquery-data-table tbody a {
            font-size: 1em;
        }

        table.dataTable.cell-border.jquery-data-table tbody .lnk--download {
            justify-content: flex-end;
        }

        table.dataTable.cell-border.jquery-data-table tbody .tooltip {
            position: absolute;
            top: calc(50% + 7px);
            right: 0;
            transform: translateY(-50%);
            font-size: 1.2em;
        }

        table.dataTable.cell-border.jquery-data-table.cell-border--gap tbody tr {
            background-color: #fafafa;
        }

            table.dataTable.cell-border.jquery-data-table.cell-border--gap tbody tr > .sorting_1 {
                background-color: #f4f4f4;
            }

            table.dataTable.cell-border.jquery-data-table.cell-border--gap tbody tr.status-pending .status {
                background-color: #fee;
            }

            table.dataTable.cell-border.jquery-data-table.cell-border--gap tbody tr.status-pending .status-icon:before {
                content: "i";
                font-family: "eurolifeclientportal";
                font-size: 1.2em;
                font-weight: normal;
                line-height: 1;
                vertical-align: middle;
                color: #01788e;
            }

            table.dataTable.cell-border.jquery-data-table.cell-border--gap tbody tr.status-confirmed .status-icon:before {
                content: "e";
                font-family: "eurolifeclientportal";
                font-size: 1.2em;
                font-weight: normal;
                line-height: 1;
                vertical-align: middle;
                color: #4fba6f;
            }

            table.dataTable.cell-border.jquery-data-table.cell-border--gap tbody tr.status-evaluation .status-icon:before {
                content: "R";
                font-family: "eurolifeclientportal";
                font-size: 1.2em;
                font-weight: normal;
                line-height: 1;
                vertical-align: middle;
                color: #f99d1c;
            }

            table.dataTable.cell-border.jquery-data-table.cell-border--gap tbody tr.status-canceled .status-icon:before {
                content: "N";
                font-family: "eurolifeclientportal";
                font-size: 1em;
                font-weight: normal;
                line-height: 1;
                vertical-align: middle;
                color: #dd2e44;
            }

            table.dataTable.cell-border.jquery-data-table.cell-border--gap tbody tr.status-completed {
                background-color: #f5f5f5;
            }

                table.dataTable.cell-border.jquery-data-table.cell-border--gap tbody tr.status-completed .status-icon:before {
                    content: "O";
                    font-family: "eurolifeclientportal";
                    font-size: 1.2em;
                    font-weight: normal;
                    line-height: 1;
                    vertical-align: middle;
                    color: #01788e;
                }

        table.dataTable.cell-border.jquery-data-table.cell-border--gap tbody td {
            position: relative;
            padding: 30px 10px 16px 10px;
            border-top: none;
            border-right: 1px solid #d8d8d8;
        }

            table.dataTable.cell-border.jquery-data-table.cell-border--gap tbody td:before {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: calc(100%);
                height: 14px;
                background-color: #fff;
            }

            table.dataTable.cell-border.jquery-data-table.cell-border--gap tbody td:first-child {
                border-left: 1px solid #fafafa;
            }

            table.dataTable.cell-border.jquery-data-table.cell-border--gap tbody td:last-child {
                border-right: 1px solid #fafafa;
            }

    .jquery-data-table-view-more {
        padding: 3vh 0 0 0;
        text-align: right;
    }

        .jquery-data-table-view-more a:focus {
            color: #01788e;
        }

            .jquery-data-table-view-more a:focus span:before, .jquery-data-table-view-more a:focus span:after {
                background-color: #01788e;
            }

    .jquery-data-table-print {
        display: flex;
        justify-content: flex-end;
        padding: 3vh 0 0 0;
    }
}

@media screen and (max-width:991px) {
    .jquery-data-table-container .dt-buttons {
        visibility: hidden;
        position: absolute;
    }

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border: none;
        max-height: 9999px !important;
    }

    table.dataTable.no-footer, table.dataTable.cell-border tbody td, table.dataTable.cell-border tbody tr td:first-child {
        border: none;
    }

    table.jquery-data-table.cell-border--gap tbody tr .status > div:nth-child(2) {
        padding-right: 3%;
        background-color: #fff;
        color: #01788e;
    }

    table.jquery-data-table.cell-border--gap tbody tr.status-pending .status > div:nth-child(2) {
        background-color: #fee;
    }

    table.jquery-data-table.cell-border--gap tbody tr.status-pending .status-icon:before {
        content: "i";
        font-family: "eurolifeclientportal";
        font-size: .8em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #01788e;
    }

    table.jquery-data-table.cell-border--gap tbody tr.status-confirmed .status-icon:before {
        content: "e";
        font-family: "eurolifeclientportal";
        font-size: .8em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #4fba6f;
    }

    table.jquery-data-table.cell-border--gap tbody tr.status-evaluation .status-icon:before {
        content: "R";
        font-family: "eurolifeclientportal";
        font-size: .8em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #f99d1c;
    }

    table.jquery-data-table.cell-border--gap tbody tr.status-canceled .status-icon:before {
        content: "N";
        font-family: "eurolifeclientportal";
        font-size: .8em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #dd2e44;
    }

    table.jquery-data-table.cell-border--gap tbody tr.status-completed .status-icon:before {
        content: "O";
        font-family: "eurolifeclientportal";
        font-size: .8em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #01788e;
    }

    table.jquery-data-table--mobile-block thead {
        display: none;
    }

    table.jquery-data-table--mobile-block tbody tr {
        position: relative;
        display: flex;
        flex-direction: column;
        margin: 0 0 2vh 0;
        padding: 1.5em;
        background-color: #f1f1ee;
        min-height: 75px;
        border-radius: 10px;
        overflow: hidden;
    }

        table.jquery-data-table--mobile-block tbody tr.is-invisible {
            display: none;
        }

        table.jquery-data-table--mobile-block tbody tr td {
            padding: 0;
            border: none;
        }

            table.jquery-data-table--mobile-block tbody tr td:nth-child(1) {
                order: 2;
                padding-right: 40%;
                font-size: 13px;
                font-size: .86667em;
                line-height: 1.53846;
                font-weight: 500;
                color: #01788e;
            }

            table.jquery-data-table--mobile-block tbody tr td:nth-child(2) {
                order: 1;
                padding-right: 40%;
                font-size: 13px;
                font-size: .86667em;
                line-height: 1.53846;
                font-weight: 300;
                color: #9b9b9b;
            }

            table.jquery-data-table--mobile-block tbody tr td:nth-child(3) {
                flex: 1;
                display: flex;
                align-items: flex-end;
                justify-content: flex-end;
                width: 40%;
                height: 100%;
                position: absolute;
                top: 0;
                right: 0;
            }

                table.jquery-data-table--mobile-block tbody tr td:nth-child(3) a {
                    flex-direction: column;
                    background-color: #01788e;
                    justify-content: center;
                    width: 100%;
                    height: 100%;
                    padding: 0 5px;
                    text-align: center;
                    color: #fff;
                }

                    table.jquery-data-table--mobile-block tbody tr td:nth-child(3) a:after {
                        order: 1;
                        margin: 0 0 5px 0;
                        padding: 0;
                    }

                    table.jquery-data-table--mobile-block tbody tr td:nth-child(3) a span {
                        order: 2;
                        line-height: 1.2;
                    }

            table.jquery-data-table--mobile-block tbody tr td.text-center {
                text-align: left;
            }

    table.jquery-data-table--mobile-list thead {
        display: none;
    }

    table.jquery-data-table--mobile-list tbody tr {
        position: relative;
        display: flex;
        flex-direction: column;
        margin: 0 0 3vh 0;
        padding: 1.5em 1em;
        background-color: #66a9b6;
        border-radius: 5px;
        color: #fff;
    }

        table.jquery-data-table--mobile-list tbody tr.is-invisible {
            display: none;
        }

        table.jquery-data-table--mobile-list tbody tr td {
            display: flex;
            align-items: center;
            padding: 0 5px;
            border: none;
            border-bottom: solid 1px #7eb6c1 !important;
            font-size: 13px;
            font-size: .86667em;
            line-height: 1.07692;
            font-weight: 300;
        }

            table.jquery-data-table--mobile-list tbody tr td > div {
                padding: 9px 0;
            }

                table.jquery-data-table--mobile-list tbody tr td > div:nth-child(1) {
                    width: 45%;
                }

                table.jquery-data-table--mobile-list tbody tr td > div:nth-child(2) {
                    width: 55%;
                    font-weight: 500;
                    text-align: right;
                }

            table.jquery-data-table--mobile-list tbody tr td.text-bold {
                font-weight: 300;
            }

            table.jquery-data-table--mobile-list tbody tr td.text-green {
                color: #fff;
            }

            table.jquery-data-table--mobile-list tbody tr td.text-center {
                text-align: left;
            }

            table.jquery-data-table--mobile-list tbody tr td.status {
                padding-right: 0;
            }

                table.jquery-data-table--mobile-list tbody tr td.status > div:nth-child(2) {
                    padding-top: 7px;
                    padding-bottom: 7px;
                }

                table.jquery-data-table--mobile-list tbody tr td.status .status-icon {
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                }

                    table.jquery-data-table--mobile-list tbody tr td.status .status-icon .lnk, table.jquery-data-table--mobile-list tbody tr td.status .status-icon .widget .data-table a, .widget .data-table table.jquery-data-table--mobile-list tbody tr td.status .status-icon a {
                        font-size: 1em;
                        font-weight: 700;
                        white-space: nowrap;
                    }

                        table.jquery-data-table--mobile-list tbody tr td.status .status-icon .lnk span, table.jquery-data-table--mobile-list tbody tr td.status .status-icon .widget .data-table a span, .widget .data-table table.jquery-data-table--mobile-list tbody tr td.status .status-icon a span {
                            text-decoration: none;
                            margin-right: 10px;
                        }

                        table.jquery-data-table--mobile-list tbody tr td.status .status-icon .lnk:after, table.jquery-data-table--mobile-list tbody tr td.status .status-icon .widget .data-table a:after, .widget .data-table table.jquery-data-table--mobile-list tbody tr td.status .status-icon a:after {
                            content: "M";
                            font-family: "eurolifeclientportal";
                            font-size: 2em;
                            font-weight: normal;
                            line-height: 1;
                            vertical-align: middle;
                        }

                    table.jquery-data-table--mobile-list tbody tr td.status .status-icon:before {
                        margin-right: 10px;
                    }

    table.jquery-data-table--mobile-list tbody .tooltip {
        color: #fff;
        margin-right: 0;
    }

    table.jquery-data-table--requirements tbody tr td:nth-child(1) {
        order: 2;
    }

    table.jquery-data-table--requirements tbody tr td:nth-child(2) {
        order: 3;
    }

    table.jquery-data-table--requirements tbody tr td:nth-child(3) {
        order: 1;
        border: none !important;
        justify-content: center;
        margin-bottom: 3vh;
        font-weight: 700;
    }

        table.jquery-data-table--requirements tbody tr td:nth-child(3) > div {
            width: auto;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-right: 10px;
        }

            table.jquery-data-table--requirements tbody tr td:nth-child(3) > div:first-child {
                padding-left: 10px;
                border-top: solid 1px #fff;
                border-bottom: solid 1px #fff;
                border-left: solid 1px #fff;
            }

            table.jquery-data-table--requirements tbody tr td:nth-child(3) > div:last-child {
                padding-right: 10px;
                border-top: solid 1px #fff;
                border-bottom: solid 1px #fff;
                border-right: solid 1px #fff;
            }

    table.jquery-data-table--requirements tbody tr td:nth-child(4) {
        order: 4;
    }

    table.jquery-data-table--requirements tbody tr td:nth-child(5) {
        order: 5;
    }

    table.jquery-data-table--requirements tbody tr td:nth-child(6) {
        order: 6;
    }

    table.jquery-data-table--requirements tbody tr td:nth-child(7) {
        order: 7;
    }

    table.jquery-data-table--requirements tbody tr td:nth-child(8) {
        order: 8;
    }

    table.jquery-data-table--requirements tbody tr td:nth-child(9) {
        order: 9;
    }

    table.jquery-data-table--requirements tbody tr td:nth-child(10) {
        order: 10;
    }

    table.jquery-data-table--requirements tbody tr td:nth-child(11) {
        order: 11;
    }

    table.jquery-data-table--payments tbody tr td:nth-child(1) {
        border: none !important;
        justify-content: center;
        margin-bottom: 3vh;
        font-size: 1em;
        font-weight: 700;
    }

        table.jquery-data-table--payments tbody tr td:nth-child(1) > div {
            width: auto;
            padding: 0;
        }

            table.jquery-data-table--payments tbody tr td:nth-child(1) > div:first-child {
                display: none;
            }

            table.jquery-data-table--payments tbody tr td:nth-child(1) > div:last-child {
                border: solid 1px #fff;
            }

            table.jquery-data-table--payments tbody tr td:nth-child(1) > div a {
                display: block;
                padding: 15px 10px;
                color: #fff;
                text-decoration: none;
                -webkit-transition: color .1s linear;
                -ms-transition: color .1s linear;
                -moz-transition: color .1s linear;
                -o-transition: color .1s linear;
                transition: color .1s linear;
            }

                table.jquery-data-table--payments tbody tr td:nth-child(1) > div a:hover, table.jquery-data-table--payments tbody tr td:nth-child(1) > div a.active, table.jquery-data-table--payments tbody tr td:nth-child(1) > div a.is-active {
                    color: #01788e;
                    text-decoration: none;
                }

                table.jquery-data-table--payments tbody tr td:nth-child(1) > div a:focus {
                    text-decoration: none;
                    outline: -webkit-focus-ring-color auto 5px;
                    outline-offset: -2px;
                }

                table.jquery-data-table--payments tbody tr td:nth-child(1) > div a:after {
                    padding-left: 10px;
                    content: "c";
                    font-family: "eurolifeclientportal";
                    font-size: .7em;
                    font-weight: normal;
                    line-height: 1;
                    vertical-align: middle;
                }

    .jquery-data-table-view-more-mobile {
        padding: 2vh 0;
        text-align: center;
    }

        .jquery-data-table-view-more-mobile em {
            font-style: normal;
        }

    .jquery-data-table-sorting-mobile {
        display: flex;
        align-items: center;
        margin-bottom: 2vh;
    }

        .jquery-data-table-sorting-mobile > div {
            width: 50%;
        }

    .jquery-data-table-total-mobile {
        margin-bottom: 2vh;
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.92308;
        font-weight: 300;
        color: #32302f;
    }

        .jquery-data-table-total-mobile em {
            font-style: normal;
            font-weight: 700;
        }
}

.tabs--page {
    width: 100%;
    padding: 0;
}

    .tabs--page .ui-tabs-nav {
        opacity: 1;
        padding: 0;
    }

@media screen and (max-width:991px) {
    .tabs--page .ui-tabs-nav {
        display: flex;
    }
}

.tabs--page .ui-tabs-nav li {
    width: 24%;
    margin: 0;
    padding: 0;
    background-color: #66a9b6;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    text-align: center;
    white-space: normal;
}

@media screen and (max-width:991px) {
    .tabs--page .ui-tabs-nav li {
        display: flex;
        width: 33.333%;
    }
}

.tabs--page .ui-tabs-nav li.ui-tabs-active {
    margin: 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 -2px 4px 0 rgba(74,74,74,.5);
}

    .tabs--page .ui-tabs-nav li.ui-tabs-active a {
        font-weight: bold;
        color: #01788e;
    }

.tabs--page .ui-tabs-nav li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 2.27778;
    font-weight: 300;
    color: #0e313e;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .tabs--page .ui-tabs-nav li a:hover, .tabs--page .ui-tabs-nav li a.active, .tabs--page .ui-tabs-nav li a.is-active {
        color: #01788e;
        text-decoration: none;
    }

    .tabs--page .ui-tabs-nav li a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

@media screen and (max-width:991px) {
    .tabs--page .ui-tabs-nav li a {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-size: .93333em;
        line-height: 1.57143;
        font-weight: 300;
    }
}

.tabs--page .ui-tabs-nav .ui-tabs-anchor {
    padding: 9.5px 10px;
}

@media screen and (max-width:991px) {
    .tabs--page .ui-tabs-nav .ui-tabs-anchor {
        min-height: 60px;
        padding: 9px 10px;
    }
}

.tabs--page .ui-tabs-panel {
    padding: 7vh 0 0 0;
}

@media screen and (max-width:991px) {
    .tabs--page .ui-tabs-panel {
        padding: 4vh 0 0 0;
    }
}

.tabs--page-light .ui-tabs-nav li {
    width: auto;
    background-color: #f1f1ee;
    text-align: left;
}

    .tabs--page-light .ui-tabs-nav li.ui-tabs-active a {
        font-weight: 300;
        color: #1e596c;
    }

    .tabs--page-light .ui-tabs-nav li a {
        color: #01788e;
        text-decoration: none;
        -webkit-transition: color .1s linear;
        -ms-transition: color .1s linear;
        -moz-transition: color .1s linear;
        -o-transition: color .1s linear;
        transition: color .1s linear;
    }

        .tabs--page-light .ui-tabs-nav li a:hover, .tabs--page-light .ui-tabs-nav li a.active, .tabs--page-light .ui-tabs-nav li a.is-active {
            color: #9b9b9b;
            text-decoration: none;
        }

        .tabs--page-light .ui-tabs-nav li a:focus {
            text-decoration: none;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px;
        }

.tabs--page-light .ui-tabs-nav .ui-tabs-anchor {
    padding: 9.5px 40px;
}

.tabs--cols-2 .ui-tabs-nav li {
    width: 50%;
}

.c-contract-file {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.5em;
    background-color: #f1f1ee;
    min-height: 180px;
}

@media screen and (max-width:991px) {
    .c-contract-file {
        min-height: 75px;
        border-radius: 10px;
        overflow: hidden;
    }
}

.c-contract-file .type {
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 300;
    color: #1e596c;
}

@media screen and (max-width:991px) {
    .c-contract-file .type {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.53846;
        font-weight: 300;
    }
}

.c-contract-file .name {
    font-size: 25px;
    font-size: 1.66667em;
    line-height: 1.2;
    font-weight: 500;
    color: #01788e;
}

@media screen and (max-width:991px) {
    .c-contract-file .name {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.53846;
        font-weight: 500;
    }
}

.c-contract-file .anchor {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

@media screen and (max-width:991px) {
    .c-contract-file .anchor {
        width: 40%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }

        .c-contract-file .anchor a {
            flex-direction: column;
            background-color: #01788e;
            justify-content: center;
            width: 100%;
            height: 100%;
            color: #fff;
        }

            .c-contract-file .anchor a:after {
                order: 1;
                margin: 0 0 5px 0;
                padding: 0;
                background-color: #fff;
                color: #01788e;
                border-radius: 50%;
            }

            .c-contract-file .anchor a span {
                order: 2;
            }
}

.header__top__languages .dropdown.open button:after {
    transform: scaleY(-1);
}

.header__top__languages .dropdown-menu {
    min-width: auto;
    left: 50%;
    transform: translateX(-50%);
}

.c-contract {
    position: relative;
    border-radius: 20px;
    box-shadow: 0 2px 14px 0 rgba(147,147,147,.5);
}

.c-contract__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 5%;
    background-color: #f9f9f9;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

@media screen and (max-width:991px) {
    .c-contract__header {
        border-radius: 20px;
        background-color: #fff;
        padding: 20px 20% 20px 5%;
    }
}

@media screen and (max-width:991px) {
    .c-contract__header > div:nth-child(2) {
        display: none;
    }
}

.c-contract__header .details {
    display: flex;
    align-items: center;
}

.c-contract__header .num {
    margin-right: 20px;
    padding: 5px;
    border: solid 1px #ebf1f3;
    text-align: center;
}

@media screen and (max-width:991px) {
    .c-contract__header .num {
        margin-right: 10px;
    }
}

.c-contract__header .num a {
    color: #0e313e;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .c-contract__header .num a:hover, .c-contract__header .num a.active, .c-contract__header .num a.is-active {
        color: #4b909e;
        text-decoration: none;
    }

    .c-contract__header .num a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

.c-contract__header .num em {
    display: block;
    font-style: normal;
    font-size: 32px;
    font-size: 2.13333em;
    line-height: 1.15625;
    font-weight: 700;
}

@media screen and (max-width:991px) {
    .c-contract__header .num em {
        font-size: 1em;
    }
}

.c-contract__header .num span {
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 300;
}

@media screen and (min-width:480px) and (max-width:991px) {
    .c-contract__header .num span {
        font-size: .8em;
    }
}

@media screen and (max-width:767px) {
    .c-contract__header .num span {
        font-size: .6em;
    }
}

.c-contract__header .title {
    font-size: 32px;
    font-size: 2.13333em;
    line-height: 1.15625;
    font-weight: 500;
}

@media screen and (max-width:991px) {
    .c-contract__header .title {
        font-size: 18px;
        font-size: 1.2em;
        line-height: 1.22222;
        font-weight: 500;
    }
}

.c-contract__header .title a {
    color: #4a4a4a;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .c-contract__header .title a:hover, .c-contract__header .title a.active, .c-contract__header .title a.is-active {
        color: #313131;
        text-decoration: none;
    }

    .c-contract__header .title a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

.c-contract__multi-selection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 5% 0 5%;
    background-color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

@media screen and (max-width:991px) {
    .c-contract__multi-selection {
        display: none;
    }
}

.c-contract__multi-selection > div:nth-child(1) {
    width: 70%;
}

.c-contract__multi-selection > div:nth-child(2) {
    width: 20%;
    text-align: right;
}

.c-contract__warnings {
    padding: 0 5% 10px 5%;
    background-color: #f9f9f9;
}

@media screen and (max-width:991px) {
    .c-contract__warnings {
        border-radius: 20px;
        background-color: #fff;
        padding: 0 20% 10px 5%;
    }
}

.c-contract__warnings__anchor {
    display: none;
}

@media screen and (max-width:991px) {
    .c-contract__warnings__anchor {
        display: block;
    }
}

.c-contract__warnings__anchor a {
    position: relative;
    display: block;
    padding: 9px 5%;
    background-color: #fee;
    border-radius: 13px;
    color: #01788e;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
    font-size: 14px;
    font-size: .93333em;
    line-height: 1.64286;
    font-weight: 500;
    text-align: center;
}

    .c-contract__warnings__anchor a:hover, .c-contract__warnings__anchor a.active, .c-contract__warnings__anchor a.is-active {
        color: #f99d1c;
        text-decoration: none;
    }

    .c-contract__warnings__anchor a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

    .c-contract__warnings__anchor a:focus {
        color: #01788e;
    }

        .c-contract__warnings__anchor a:focus span:before, .c-contract__warnings__anchor a:focus span:after {
            background-color: #01788e;
        }

    .c-contract__warnings__anchor a:before {
        content: "s";
        font-family: "eurolifeclientportal";
        font-size: 1.2em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        left: 5%;
        transform: translateY(-50%);
    }

    .c-contract__warnings__anchor a:after {
        display: block;
        content: "a";
        font-family: "eurolifeclientportal";
        font-size: .7em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        right: 5%;
        transform: translateY(-50%);
    }

@media screen and (max-width:991px) {
    .c-contract__warnings .warning-message {
        display: none;
        position: relative;
        margin: 0;
    }

        .c-contract__warnings .warning-message.is-visible {
            display: flex;
        }

        .c-contract__warnings .warning-message:last-child:after {
            display: none;
        }

        .c-contract__warnings .warning-message:after {
            position: absolute;
            bottom: 0%;
            left: 5%;
            content: '';
            width: 90%;
            height: 1px;
            margin: 0 auto;
            background-color: #e6ebed;
        }

        .c-contract__warnings .warning-message .lnk, .c-contract__warnings .warning-message .widget .data-table a, .widget .data-table .c-contract__warnings .warning-message a {
            margin-bottom: 10px;
            font-size: .83em;
        }
}

.c-contract__main {
    display: flex;
    background-color: #fff;
    padding: 50px 5% 100px 5%;
    color: #32302f;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

@media screen and (max-width:991px) {
    .c-contract__main {
        flex-direction: column;
        padding: 25px 5%;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }
}

.c-contract__main > div {
    width: 50%;
}

@media screen and (max-width:991px) {
    .c-contract__main > div {
        width: 100%;
    }
}

@media screen and (max-width:991px) {
    .c-contract__main .data-table {
        margin-bottom: 30px;
    }
}

.c-contract__main .data-table div > span {
    display: block;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.46667;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .c-contract__main .data-table div > span {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.15385;
        font-weight: 300;
    }
}

.c-contract__main .data-table .data-row {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #f1f1ee;
}

    .c-contract__main .data-table .data-row:last-child {
        border: none;
    }

    .c-contract__main .data-table .data-row > div {
        width: 50%;
    }

        .c-contract__main .data-table .data-row > div:nth-child(1) {
            padding-left: 10px;
        }

@media screen and (max-width:991px) {
    .c-contract__main .data-table .data-row > div:nth-child(2) {
        padding-right: 10px;
        text-align: right;
    }
}

.c-contract__main .data-table .data-row > div:nth-child(2) span {
    font-weight: 700;
}

.c-contract__main .data-table .icon-check, .c-contract__main .data-table .icon-close {
    display: inline;
    padding-right: 5px;
    color: #f99d1c;
}

    .c-contract__main .data-table .icon-check:before, .c-contract__main .data-table .icon-close:before {
        content: "e";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

    .c-contract__main .data-table .icon-check + span, .c-contract__main .data-table .icon-close + span {
        display: inline;
    }

    .c-contract__main .data-table .icon-close:before {
        content: "N";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

.c-contract__main .data-table .lnk, .c-contract__main .widget .data-table a, .widget .c-contract__main .data-table a {
    display: inline-block;
    margin-bottom: 20px;
}

    .c-contract__main .data-table .lnk:focus, .c-contract__main .widget .data-table a:focus, .widget .c-contract__main .data-table a:focus {
        color: #01788e;
    }

        .c-contract__main .data-table .lnk:focus span:before, .c-contract__main .widget .data-table a:focus span:before, .widget .c-contract__main .data-table a:focus span:before, .c-contract__main .data-table .lnk:focus span:after, .c-contract__main .widget .data-table a:focus span:after, .widget .c-contract__main .data-table a:focus span:after {
            background-color: #01788e;
        }

    .c-contract__main .data-table .lnk span, .c-contract__main .widget .data-table a span, .widget .c-contract__main .data-table a span {
        font-weight: 500 !important;
    }

.c-contract__main .tci-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .c-contract__main .tci-list > div {
        width: 50%;
        margin-bottom: 50px;
        text-align: center;
    }

@media screen and (max-width:991px) {
    .c-contract__main .tci-list > div {
        margin: 0;
    }

        .c-contract__main .tci-list > div:first-child {
            margin-bottom: 15px;
            border-right: 1px solid #e8e8e8;
        }
}

.c-contract__main .tci-list > div:last-child {
    margin-bottom: 0;
    border: none;
}

.c-contract__main .tci-list .title {
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.22222;
    font-weight: 500;
}

@media screen and (max-width:991px) {
    .c-contract__main .tci-list .title {
        font-size: 12px;
        font-size: .8em;
        line-height: 1.41667;
        font-weight: 500;
        color: #5e5e5e;
    }
}

.c-contract__main .tci-list .value {
    display: block;
    padding: 15px 0 0 0;
    font-size: 37px;
    font-size: 2.46667em;
    line-height: .67568;
    font-weight: 700;
}

@media screen and (max-width:991px) {
    .c-contract__main .tci-list .value {
        font-size: 18px;
        font-size: 1.2em;
        line-height: 1.05556;
        font-weight: 500;
    }
}

.c-contract__main .tci-list .value--is-active {
    color: #f99d1c;
}

.c-contract__main .tci-list .value--is-high {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0 0 0;
}

    .c-contract__main .tci-list .value--is-high:before {
        padding-right: 10px;
        content: "f";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #4fba6f;
    }

.c-contract__main .milestone-container {
    padding: 0 0 40px 0;
}

@media screen and (max-width:991px) {
    .c-contract__main .milestone-container {
        padding: 0 0 20px 0;
    }
}

.c-contract__main .milestone-anchor {
    text-align: center;
}

.c-contract__anchor {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    background-color: #f00;
    z-index: 5;
    border-radius: 0 20px 20px 0;
    background: linear-gradient(315deg,#01788e 0%,#16545f 100%);
}

@media screen and (max-width:991px) {
    .c-contract__anchor {
        display: block;
    }
}

.c-contract__anchor a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .c-contract__anchor a:hover, .c-contract__anchor a.active, .c-contract__anchor a.is-active {
        color: #f99d1c;
        text-decoration: none;
    }

    .c-contract__anchor a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

    .c-contract__anchor a:before {
        display: block;
        text-align: center;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "c";
        font-family: "eurolifeclientportal";
        font-size: 1.5em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

.c-milestone {
    margin: 0 auto;
}

.c-milestone__next {
    padding: 0 0 10px 0;
    text-align: center;
}

    .c-milestone__next > * {
        display: block;
    }

    .c-milestone__next .title {
        padding-bottom: 10px;
        font-size: 25px;
        font-size: 1.66667em;
        line-height: .8;
        font-weight: 300;
        color: #9b9b9b;
    }

@media screen and (max-width:991px) {
    .c-milestone__next .title {
        font-size: 17.5px;
        font-size: 1.16667em;
        line-height: 1.08571;
        font-weight: 700;
    }
}

.c-milestone__next .description {
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.46154;
    font-weight: 700;
    color: #4a4a4a;
}

.c-milestone__next .date {
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.46154;
    font-weight: 300;
    color: #4a4a4a;
}

.c-milestone__dates {
    position: relative;
    display: flex;
    padding: 10px 0;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.46154;
    font-weight: 300;
}

    .c-milestone__dates > div {
        position: relative;
        width: 50%;
    }

        .c-milestone__dates > div:nth-child(2) {
            text-align: right;
        }

    .c-milestone__dates:before {
        content: '';
        width: 1px;
        height: calc(100% + 47px);
        background-color: #f99d1c;
        position: absolute;
        top: 0%;
        left: 50%;
        transform: translateX(-1px);
        z-index: 5;
    }

    .c-milestone__dates:after {
        content: '';
        width: 25px;
        height: 1px;
        background-color: #f99d1c;
        position: absolute;
        top: calc(100% + 47px - 1px);
        left: 50%;
        transform: translateX(-50%);
        z-index: 5;
    }

.c-milestone__bar {
    display: flex;
    height: 47px;
}

    .c-milestone__bar > div {
        position: relative;
        width: 50%;
    }

        .c-milestone__bar > div:nth-child(1) {
            background-color: #f2d091;
        }

        .c-milestone__bar > div:nth-child(2) {
            background-color: #e6dac4;
        }

    .c-milestone__bar span {
        display: block;
        width: 4px;
        height: 100%;
        background-color: #e6dac4;
    }

.c-milestone--isobium .c-milestone__bar span {
    background-color: #fff;
}

.c-milestone__bar span:nth-child(1) {
    position: absolute;
    top: 0%;
    left: 70%;
}

.c-milestone__bar span:nth-child(2) {
    position: absolute;
    top: 0%;
    left: 84%;
}

.c-milestone__bar span:nth-child(3) {
    position: absolute;
    top: 0%;
    left: 94%;
}

.warning-message {
    display: flex;
    align-items: center;
    margin: 0 0 10px 0;
    padding: 7px 30px;
    border-radius: 30px;
    color: #01788e;
}

@media screen and (max-width:991px) {
    .warning-message {
        flex-wrap: wrap;
        padding: 10px 15px;
        border-radius: 0;
        background-color: #fcf7f7;
    }
}

.warning-message > div {
    max-width: 100%;
    flex-shrink: 1;
}

@media screen and (max-width:991px) {
    .warning-message > div:nth-child(1) {
        width: 40px;
    }
}

@media screen and (max-width:991px) {
    .warning-message > div:nth-child(2) {
        width: calc(100% - 40px);
    }
}

@media screen and (max-width:991px) {
    .warning-message > div:nth-child(3) {
        border: solid 1px transparent;
        flex: 1;
        text-align: center;
        margin-top: 10px;
    }
}

.warning-message .txt {
    display: block;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.22222;
    font-weight: 300;
    color: #32302f;
}

@media screen and (max-width:991px) {
    .warning-message .txt {
        font-size: 12px;
        font-size: .8em;
        line-height: 1.66667;
        font-weight: 500;
    }
}

.warning-message .txt--small-font {
    display: block;
    font-size: .95em;
}

.warning-message > div {
    padding-right: 20px;
}

@media screen and (max-width:991px) {
    .warning-message > div {
        padding-right: 0;
    }
}

.warning-message .btn {
    display: block;
    white-space: nowrap;
}

@media screen and (max-width:991px) {
    .warning-message .btn {
        display: inline-block;
    }
}

.warning-message .lnk, .warning-message .widget .data-table a, .widget .data-table .warning-message a {
    margin-left: 20px;
}

.warning-message--alert {
    background-color: #fee;
}

@media screen and (max-width:991px) {
    .warning-message--alert {
        background-color: #fcf7f7;
    }
}

.warning-message--alert .txt {
    color: #01788e;
    font-weight: 700;
}

.warning-message--alert > div:nth-child(1):before {
    content: "i";
    font-family: "eurolifeclientportal";
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

@media screen and (max-width:991px) {
    .warning-message--alert > div:nth-child(1):before {
        font-size: 1.2em;
    }
}

.warning-message--confirm > div:nth-child(1):before {
    content: "h";
    font-family: "eurolifeclientportal";
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

@media screen and (max-width:991px) {
    .warning-message--confirm > div:nth-child(1):before {
        font-size: 1.2em;
    }
}

.warning-message--pending > div:nth-child(1):before, .warning-message--apply > div:nth-child(1):before {
    content: "o";
    font-family: "eurolifeclientportal";
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

@media screen and (max-width:991px) {
    .warning-message--pending > div:nth-child(1):before, .warning-message--apply > div:nth-child(1):before {
        font-size: 1.2em;
    }
}

.warning-message--bonus > div:nth-child(1):before {
    content: "q";
    font-family: "eurolifeclientportal";
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

@media screen and (max-width:991px) {
    .warning-message--bonus > div:nth-child(1):before {
        font-size: 1.2em;
    }
}

.warning-message--font-light {
    padding-top: 25px;
    padding-bottom: 25px;
}

    .warning-message--font-light .txt {
        font-size: 1em;
        font-weight: 300;
    }

@media screen and (max-width:991px) {
    .warning-message--font-light .txt {
        font-size: .8em;
    }
}

.reminders-outer {
    background-color: #fee;
    margin: 0 0 5vh 0;
    padding: 20px 0;
}

@media screen and (max-width:991px) {
    .reminders-outer {
        padding: 10px 0;
        background-color: #fcf7f7;
    }
}

.reminders-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1330px;
}

@media(min-width:991px) {
    .reminders-wrapper {
        max-width: 1330px;
        padding: 0 25px;
    }
}

@media screen and (max-width:991px) {
    .reminders-wrapper {
        padding-left: 5%;
        padding-right: 5%;
    }
}

.reminders {
    display: flex;
    justify-content: center;
}

@media screen and (max-width:991px) {
    .reminders {
        flex-direction: column;
        align-items: center;
    }
}

.reminders > div:nth-child(1) {
    width: 52px;
}

@media screen and (max-width:991px) {
    .reminders > div:nth-child(1) {
        width: auto;
    }
}

@media screen and (max-width:991px) {
    .reminders > div:nth-child(2) {
        width: auto;
    }
}

.reminders__icon:before {
    display: block;
    color: #01788e;
    content: "o";
    font-family: "eurolifeclientportal";
    font-size: 2.6em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

@media screen and (max-width:991px) {
    .reminders__icon:before {
        font-size: 1.5em;
        margin-bottom: 10px;
    }
}

.reminders__list {
    display: flex;
    align-items: center;
}

@media screen and (max-width:991px) {
    .reminders__list {
        flex-direction: column;
    }

        .reminders__list .lnk--arrow-left:before, .reminders__list .widget .data-table a:before, .widget .data-table .reminders__list a:before {
            top: 6px;
        }
}

.reminders__list > div {
    max-width: 400px;
    padding: 0 20px 0 40px;
}

@media screen and (max-width:991px) {
    .reminders__list > div {
        margin-top: 2.5vh;
        padding: 0 20px;
    }

        .reminders__list > div:first-child {
            margin: 0;
        }
}

.reminders .warning-message {
    margin: 0;
    padding: 0;
}

    .reminders .warning-message > div {
        padding: 0;
    }

        .reminders .warning-message > div:first-child {
            display: none;
        }

.widget {
    margin-bottom: 2vh;
}

.widget__header {
    position: relative;
    padding: 18px 4%;
    text-align: center;
    font-size: 25px;
    font-size: 1.66667em;
    line-height: 1.12;
    font-weight: 400;
}

@media(min-width:992px) and (max-width:1199px) {
    .widget__header {
        font-size: 1.5em;
    }
}

@media screen and (max-width:991px) {
    .widget__header {
        display: flex;
        align-items: center;
        text-align: left;
        font-size: 16px;
        font-size: 1.06667em;
        line-height: 1.25;
        font-weight: 700;
    }

        .widget__header span:not(.icon) {
            flex: 1;
            padding-right: 5%;
        }
}

.widget--default .widget__header {
    background-color: #f4f4f2;
}

.widget--olive .widget__header {
    background-color: #ece4d3;
}

.widget--green .widget__header {
    background-color: #8fc0c9;
    color: #0e313e;
}

.widget--notifications .widget__header {
    background-color: #fff2f2;
}

    .widget--notifications .widget__header .icon:before {
        margin-right: 15px;
        content: "i";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #01788e;
    }

@media screen and (max-width:991px) {
    .widget--notifications .widget__header .icon:before {
        font-size: 1.3em;
        margin-right: 10px;
    }
}

@media screen and (max-width:991px) {
    .widget--agent .widget__header .icon:before {
        margin-right: 15px;
        content: "F";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #01788e;
    }
}

@media screen and (max-width:991px) and (max-width:991px) {
    .widget--agent .widget__header .icon:before {
        font-size: 1.3em;
        margin-right: 10px;
    }
}

@media screen and (max-width:991px) {
    .widget--contact .widget__header .icon:before {
        margin-right: 15px;
        content: "b";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #01788e;
    }
}

@media screen and (max-width:991px) and (max-width:991px) {
    .widget--contact .widget__header .icon:before {
        font-size: 1.3em;
        margin-right: 10px;
    }
}

@media screen and (max-width:991px) {
    .widget--apply .widget__header .icon:before {
        margin-right: 15px;
        content: "r";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #01788e;
    }
}

@media screen and (max-width:991px) and (max-width:991px) {
    .widget--apply .widget__header .icon:before {
        font-size: 1.3em;
        margin-right: 10px;
    }
}

@media screen and (max-width:991px) {
    .widget--redistribution .widget__header .icon:before {
        margin-right: 15px;
        content: "S";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #01788e;
    }
}

@media screen and (max-width:991px) and (max-width:991px) {
    .widget--redistribution .widget__header .icon:before {
        font-size: 1.3em;
        margin-right: 10px;
    }
}

@media screen and (max-width:991px) {
    .widget--milestone .widget__header .icon:before {
        margin-right: 15px;
        content: "R";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #fff;
    }
}

@media screen and (max-width:991px) and (max-width:991px) {
    .widget--milestone .widget__header .icon:before {
        font-size: 1.3em;
        margin-right: 10px;
    }
}

@media screen and (max-width:991px) {
    .widget--milestone .widget__header:after {
        color: #fff !important;
    }
}

@media screen and (max-width:991px) {
    .widget--collapsible-mobile .widget__header {
        padding: 40px 4%;
    }

        .widget--collapsible-mobile .widget__header:after {
            position: absolute;
            top: 50%;
            right: 5%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            content: "a";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            color: #01788e;
            -webkit-transition: all .2s;
            -ms-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
        }

        .widget--collapsible-mobile .widget__header.is-active:after {
            transform: translateY(-50%) scaleY(-1);
        }
}

.widget__body {
    padding: 15px 5% 30px 5%;
}

@media screen and (max-width:991px) {
    .widget__body.is-active {
        display: block;
    }
}

.widget__body p, .widget__body ul, .widget__body ol {
    font-size: 15px;
    font-size: 1em;
    line-height: 1.4;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .widget__body p, .widget__body ul, .widget__body ol {
        font-size: 15px;
        font-size: 1em;
        line-height: 1.33333;
        font-weight: 300;
    }
}

.widget__body .head {
    font-size: 1.2em;
}

.widget__body .btn {
    margin-top: 15px;
}

.widget--default .widget__body {
    background-color: #f1f1ee;
    text-align: center;
}

.widget--olive .widget__body {
    background-color: #e6dac4;
}

@media screen and (max-width:991px) {
    .widget--olive .widget__body {
        background-color: #f0ede7;
    }
}

.widget--notifications .widget__body {
    background-color: #fee;
}

@media screen and (max-width:991px) {
    .widget--notifications .widget__body {
        background-color: #fcf7f7;
    }
}

.widget--green .widget__body {
    background-color: #66a9b6;
    color: #0e313e;
}

.widget--account-menu .widget__body {
    padding-top: 0;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 15px;
}

@media(min-width:991px) {
    .widget--account-menu .widget__body .lnk--arrow-left:before, .widget--account-menu .widget__body .widget .data-table a:before, .widget .data-table .widget--account-menu .widget__body a:before {
        transform: translateY(-50%);
    }
}

.widget--milestone .widget__body {
    min-height: 130px;
}

@media screen and (max-width:991px) {
    .widget--milestone .widget__body {
        padding-top: 30px;
        min-height: 160px;
    }
}

@media(min-width:991px) {
    .widget--article .widget__body {
        padding: 0;
    }
}

@media screen and (max-width:991px) {
    .widget--article .widget__body {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.widget--download-files .widget__body {
    text-align: left;
    padding-top: 30px;
}

    .widget--download-files .widget__body .lnk, .widget--download-files .widget__body .widget .data-table a, .widget .data-table .widget--download-files .widget__body a {
        margin-top: 40px;
    }

@media screen and (max-width:991px) {
    .widget--collapsible-mobile .widget__body {
        display: none;
    }

        .widget--collapsible-mobile .widget__body.is-active {
            display: block;
        }
}

.widget--contact .item {
    position: relative;
    margin: 0 0 20px 0;
}

@media screen and (max-width:991px) {
    .widget--contact .item {
        padding-bottom: 10px;
        border-bottom: solid 1px #fff;
    }
}

.widget--contact .item > * {
    display: block;
}

.widget--contact .item .new {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    height: 35px;
    transform: translateX(-90%);
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.30769;
    font-weight: 700;
    background-color: #f99d1c;
    color: #fff;
    line-height: 35px;
}

@media screen and (max-width:991px) {
    .widget--contact .item .new {
        transform: translateY(-5px);
    }
}

.widget--contact .item .phone {
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.27778;
    font-weight: 700;
}

@media screen and (max-width:991px) {
    .widget--contact .item .phone {
        font-size: 22px;
        font-size: 1.46667em;
        line-height: 1.18182;
        font-weight: 700;
    }
}

.widget--contact .item .phone:after {
    position: relative;
    top: -5px;
    left: 5px;
    content: "b";
    font-family: "eurolifeclientportal";
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    color: #66a9b6;
}

.widget--contact .item .name {
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.27778;
    font-weight: 700;
}

@media screen and (max-width:991px) {
    .widget--contact .item .name {
        font-size: 16px;
        font-size: 1.06667em;
        line-height: 1.125;
        font-weight: 400;
    }
}

.widget--contact .item .description {
    padding: 5px 0 0 0;
    font-size: 1em;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .widget--contact .item .description {
        font-size: .95em;
    }
}

@media(min-width:991px) {
    .widget--agent a.directions {
        margin-top: 7px;
        font-size: .9em !important;
    }
}

@media screen and (max-width:991px) {
    .widget--agent a.directions {
        margin-top: 10px;
    }

        .widget--agent a.directions span {
            font-weight: 500 !important;
        }
}

@media screen and (max-width:991px) {
    .widget--agent .data-table .data-row {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media screen and (max-width:991px) {
    .widget--fixed-mobile {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 998;
        width: 100%;
        margin: 0;
        border-top: solid 1px #fff;
    }

        .widget--fixed-mobile .widget__header {
            display: none;
        }

        .widget--fixed-mobile .widget__body {
            padding: 0;
        }
}

.widget .data-table div > span:not(.info):not(.field-validation-error) {
    display: block;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.44444;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .widget .data-table div > span:not(.info):not(.field-validation-error) {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.15385;
        font-weight: 300;
    }
}

.widget .data-table .data-row {
    display: flex;
    padding: 2px 0;
    border-top: 1px solid transparent;
}

@media screen and (max-width:991px) {
    .widget .data-table .data-row {
        padding: calc(2px*1.5) 0;
        border-top: 1px solid #dad8d3;
    }
}

.widget .data-table .data-row:first-child {
    border: none;
}

.widget .data-table .data-row--remove-border {
    border: none;
}

.widget .data-table .data-row--cols-auto-width > div {
    width: auto !important;
}

.widget .data-table .data-row--align-items-center {
    align-items: center;
}

.widget .data-table .data-row--justify-space-between {
    justify-content: space-between;
}

.widget .data-table .data-row--justify-flex-end {
    justify-content: flex-end;
}

.widget .data-table .data-row > div {
    width: 50%;
}

@media screen and (max-width:991px) {
    .widget .data-table .data-row > div:nth-child(2) {
        text-align: right;
    }

        .widget .data-table .data-row > div:nth-child(2) span:not(.info):not(.field-validation-error) {
            font-weight: bold;
        }
}

.widget .data-table .icon-check, .widget .data-table .icon-close {
    display: inline;
    padding-right: 5px;
    color: #f99d1c;
}

    .widget .data-table .icon-check:before, .widget .data-table .icon-close:before {
        content: "e";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

    .widget .data-table .icon-check + span, .widget .data-table .icon-close + span {
        display: inline;
    }

    .widget .data-table .icon-close:before {
        content: "N";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

.widget .data-table .lnk span, .widget .data-table a span {
    font-weight: 500;
}

@media(min-width:992px) and (max-width:1199px) {
    .widget .data-table {
        font-size: .9em;
    }
}

.widget .data-table a {
    font-size: .7em;
}

@media screen and (max-width:991px) {
    .widget .data-table a {
        font-size: 1em;
    }
}

.widget .social-list {
    margin: 15px 0 0 0;
    display: flex;
}

    .widget .social-list a {
        margin-right: 10px;
        color: #01788e;
        text-decoration: none;
        -webkit-transition: color .1s linear;
        -ms-transition: color .1s linear;
        -moz-transition: color .1s linear;
        -o-transition: color .1s linear;
        transition: color .1s linear;
    }

        .widget .social-list a:hover, .widget .social-list a.active, .widget .social-list a.is-active {
            color: #014d5b;
            text-decoration: none;
        }

        .widget .social-list a:focus {
            text-decoration: none;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px;
        }

        .widget .social-list a.linkedin:before {
            content: "k";
            font-family: "eurolifeclientportal";
            font-size: 2.1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
        }

        .widget .social-list a.twitter:before {
            content: "m";
            font-family: "eurolifeclientportal";
            font-size: 2.1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
        }

        .widget .social-list a.facebook:before {
            content: "l";
            font-family: "eurolifeclientportal";
            font-size: 2.1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
        }

.widget .account-menu {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (min-width:480px) and (max-width:991px) {
    .widget .account-menu {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width:991px) {
    .widget .account-menu {
        flex-wrap: nowrap;
        justify-content: center;
        padding: 13px 0;
    }
}

.widget .account-menu > div {
    width: 50%;
    padding: 20px 10px 20px 25px;
}

@media(min-width:991px) {
    .widget .account-menu > div:nth-child(odd) {
        border-right: solid 1px #8fc0c9;
    }
}

@media(min-width:991px) {
    .widget .account-menu > div:nth-child(1), .widget .account-menu > div:nth-child(2) {
        border-bottom: solid 1px #8fc0c9;
    }
}

@media screen and (max-width:991px) {
    .widget .account-menu > div {
        flex: 1;
        width: auto;
        padding: 0 5px;
        border-left: solid 1px #98c5ce;
    }

        .widget .account-menu > div:first-child {
            border: none;
        }
}

.widget .account-menu a {
    position: relative;
    color: #0e313e;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 700;
}

    .widget .account-menu a:hover, .widget .account-menu a.active, .widget .account-menu a.is-active {
        color: #f99d1c;
        text-decoration: none;
    }

    .widget .account-menu a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

@media(min-width:992px) and (max-width:1199px) {
    .widget .account-menu a {
        font-size: 14px;
        font-size: .93333em;
        line-height: 1.35714;
        font-weight: 700;
    }
}

@media screen and (max-width:991px) {
    .widget .account-menu a {
        display: block;
        font-size: 12px;
        font-size: .8em;
        line-height: 1.08333;
        font-weight: 400;
        text-align: center;
    }
}

@media(max-width:320px) {
    .widget .account-menu a {
        font-size: 11px;
        font-size: .73333em;
        line-height: 1.18182;
        font-weight: 400;
    }
}

.widget .account-menu a:before {
    left: -15px;
}

@media(min-width:991px) {
    .widget .account-menu a:before {
        transform: translateY(0%) !important;
        top: 8px;
    }
}

@media screen and (max-width:991px) {
    .widget .account-menu a:before {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 13px;
        padding: 0;
    }
}

@media screen and (max-width:991px) {
    .widget .account-menu a.icon-apaithseis:before {
        content: "r";
        font-family: "eurolifeclientportal";
        font-size: 2.5em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

    .widget .account-menu a.icon-payments:before {
        content: "x";
        font-family: "eurolifeclientportal";
        font-size: 2.5em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

    .widget .account-menu a.icon-books:before {
        content: "z";
        font-family: "eurolifeclientportal";
        font-size: 2.5em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

    .widget .account-menu a.icon-edit:before {
        content: "G";
        font-family: "eurolifeclientportal";
        font-size: 2.5em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

    .widget .account-menu a.icon-tools:before {
        content: "T";
        font-family: "eurolifeclientportal";
        font-size: 2.5em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

    .widget .account-menu a.icon-supply:before {
        content: "U";
        font-family: "eurolifeclientportal";
        font-size: 2.5em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }
}

.widget .account-menu a:hover em, .widget .account-menu a:focus em {
    color: #fff;
}

@media screen and (max-width:991px) {
    .widget .account-menu a span {
        position: static;
    }
}

.widget .account-menu em {
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    margin-top: -13px;
    display: inline-block;
    width: 26px;
    height: 26px;
    border: 1px solid #fff;
    background-color: #8cbeb2;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    border-radius: 50%;
    text-align: center;
    font-style: normal;
    line-height: 25px;
}

@media screen and (max-width:991px) {
    .widget .account-menu em {
        width: 15px;
        height: 15px;
        top: 20%;
        left: auto;
        right: 10%;
        transform: translateY(-50%);
        font-size: .7em;
        line-height: 13px;
    }
}

.widget .warning-message {
    flex-direction: column;
    border-bottom: solid 1px #fff;
    padding-bottom: 15px;
}

    .widget .warning-message:last-child {
        border: none;
    }

    .widget .warning-message > div {
        width: 100%;
        padding-right: 0;
    }

        .widget .warning-message > div:first-child {
            display: none;
        }

        .widget .warning-message > div:nth-child(3) {
            text-align: left;
        }

@media screen and (max-width:991px) {
    .widget .warning-message--alert {
        text-align: center;
    }

        .widget .warning-message--alert > div:nth-child(3) {
            text-align: center;
        }
}

.widget .warning-message--alert .txt {
    font-weight: 300;
    color: #4a4a4a;
}

.widget .warning-message--confirm .txt {
    font-weight: 300;
    color: #4a4a4a;
}

@media screen and (max-width:991px) {
    .widget .warning-message .txt {
        font-size: 16px;
        font-size: 1.06667em;
        line-height: 1.25;
        font-weight: 500;
    }
}

.widget .warning-message .txt--small-font {
    margin-top: 10px;
}

@media screen and (max-width:991px) {
    .widget .warning-message .txt--small-font {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.61538;
        font-weight: 300;
    }
}

.widget .warning-message .btn {
    display: inline-block;
    position: relative;
}

@media(min-width:991px) {
    .widget .warning-message .btn {
        left: 50%;
        transform: translateX(-50%);
    }
}

.widget .warning-message .lnk, .widget .warning-message .data-table a, .widget .data-table .warning-message a {
    margin-top: 10px;
    font-size: .85em;
}

@media screen and (max-width:991px) {
    .widget .warning-message .lnk, .widget .warning-message .data-table a, .widget .data-table .warning-message a {
        margin-top: 0;
    }
}

.widget .warning-message .lnk span, .widget .warning-message .data-table a span, .widget .data-table .warning-message a span {
    font-weight: 500;
}

.c-milestone-circle {
    position: relative;
}

.c-milestone-circle--centered {
    text-align: center;
}

    .c-milestone-circle--centered .c100 {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

.c-milestone-circle__title {
    padding: 0 0 10px 0;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.55556;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .c-milestone-circle__title {
        display: none;
    }
}

.c-milestone-circle__cycle {
    position: relative;
}

@media screen and (max-width:991px) {
    .c-milestone-circle__cycle {
        position: absolute;
        top: 0;
        left: 0;
        width: 30%;
    }
}

.c-milestone-circle__cycle .totals {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
}

.c-milestone-circle__cycle .totals__num {
    font-size: 72px;
    font-size: 4.8em;
    line-height: 1;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .c-milestone-circle__cycle .totals__num {
        font-size: 3em;
    }
}

.c-milestone-circle__cycle .totals__unit {
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.46154;
    font-weight: 500;
    font-style: italic;
}

@media screen and (max-width:991px) {
    .c-milestone-circle__cycle .totals__unit {
        font-size: .65em;
    }
}

.c-milestone-circle__cycle .totals__caption {
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.46154;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .c-milestone-circle__cycle .totals__caption {
        font-size: .65em;
        white-space: nowrap;
    }
}

.c-milestone-circle__description {
    padding: 0 0 15px 0;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.38462;
    font-weight: 300;
    font-style: italic;
}

@media screen and (max-width:991px) {
    .c-milestone-circle__description {
        padding-left: 40%;
        font-style: normal;
        text-align: left;
    }
}

@media screen and (max-width:991px) {
    .c-milestone-circle__lnks {
        padding-left: 40%;
        text-align: left;
    }
}

.c-milestone-circle .c100 {
    font-size: 160px;
    background-color: #0d657b;
}

@media screen and (max-width:767px) {
    .c-milestone-circle .c100 {
        font-size: 7em;
        margin: 0;
    }
}

@media screen and (min-width:480px) and (max-width:991px) {
    .c-milestone-circle .c100 {
        font-size: 7em;
    }
}

.c-milestone-circle .c100:after {
    background-color: #66a9b6;
}

.c-milestone-circle .c100 .bar {
    border-color: #f2d091;
}

.c-milestone-circle .c100 .fill {
    border-color: #f2d091 !important;
}

.panel--default {
    border-radius: 20px;
    box-shadow: 0 2px 14px 0 rgba(147,147,147,.5);
}

    .panel--default > div:first-child {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .panel--default > div:last-child {
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

.panel--theme-transparent {
    background-color: transparent;
    box-shadow: 0 0 0 0 rgba(147,147,147,0);
    overflow: visible;
}

@media screen and (max-width:991px) {
    .panel--theme-transparent {
        padding-left: 0;
        padding-right: 0;
    }
}

.panel--remove-shadow {
    box-shadow: 0 0 0 0 rgba(147,147,147,0);
}

@media screen and (max-width:991px) {
    .panel--theme-transparent-mobile {
        background-color: transparent;
        box-shadow: 0 0 0 0 rgba(147,147,147,0);
        overflow: visible;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width:991px) {
    .panel--clear-all-mobile {
        border: none;
        background: transparent;
        box-shadow: none;
    }
}

@media screen and (max-width:991px) {
    .panel--margin-mobile {
        margin-left: 5%;
        margin-right: 5%;
    }
}

.panel__section {
    padding: 30px 0;
}

@media screen and (max-width:991px) {
    .panel__section {
        padding: 15px 0;
    }
}

.panel__section--theme-gray {
    background-color: #fafafa;
}

.panel__section--theme-gray-light {
    background-color: #f1f1ee;
}

@media screen and (max-width:991px) {
    .panel__section--theme-gray-light {
        background: transparent;
    }
}

.panel__section--theme-cararra {
    background-color: #e6e6de;
}

.panel__section--border-top {
    border-top: solid 1px #f1f1ee;
}

.panel__section--border-bottom {
    border-bottom: solid 1px #f1f1ee;
}

.panel__section--remove-padding-top {
    padding-top: 0;
}

.panel__section--remove-padding-all {
    padding: 0;
}

@media(min-width:991px) {
    .panel__section--remove-padding-all-desktop {
        padding: 0;
    }
}

@media screen and (max-width:991px) {
    .panel__section--remove-padding-top-mobile {
        padding-top: 0;
    }
}

@media screen and (max-width:991px) {
    .panel__section--remove-background-mobile {
        background-color: transparent;
    }
}

.panel__section__header {
    width: 85%;
    margin-bottom: 30px;
    padding: 0 30px;
}

@media screen and (max-width:991px) {
    .panel__section__header {
        width: 100%;
        margin-bottom: 15px;
        padding: 0 15px;
    }
}

.panel__section__header .title {
    font-size: 25px;
    font-size: 1.66667em;
    line-height: 1.12;
    font-weight: 300;
    color: #32302f;
}

@media screen and (max-width:991px) {
    .panel__section__header .title {
        text-align: center;
        font-size: 18px;
        font-size: 1.2em;
        line-height: 1.05556;
        font-weight: 700;
    }
}

.panel__section__body {
    padding: 0 30px;
}

@media screen and (max-width:991px) {
    .panel__section__body {
        padding: 0 15px;
    }
}

.panel__section__body--remove-padding-all {
    padding: 0;
}

@media(min-width:991px) {
    .panel__section__body--remove-padding-all-desktop {
        padding: 0;
    }
}

@media screen and (max-width:991px) {
    .panel__section__body--remove-padding-all-mobile {
        padding: 0;
    }
}

.panel__section .head-title {
    font-size: 25px;
    font-size: 1.66667em;
    line-height: 1.12;
    font-weight: 300;
    color: #32302f;
}

@media screen and (max-width:991px) {
    .panel__section .head-title {
        text-align: center;
        font-size: 18px;
        font-size: 1.2em;
        line-height: 1.05556;
        font-weight: 700;
    }
}

.panel__section .head-title em {
    display: block;
    font-style: normal;
    font-size: .75em;
}

@media screen and (max-width:991px) {
    .panel__section .head-title--clear-mobile {
        font-size: 14px;
        font-size: .93333em;
        line-height: 1.35714;
        font-weight: 400;
        font-weight: 400;
        text-align: left;
    }
}

.panel__section .head-title--text-center {
    text-align: center;
}

.panel__section .head-sub-title {
    position: relative;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.33333;
    font-weight: 300;
    color: #4a4a4a;
}

@media screen and (max-width:991px) {
    .panel__section .head-sub-title {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        padding: 5vh 25px;
        background-color: #fafafa;
    }
}

.panel__section .head-sub-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0%;
    z-index: 9;
    left: -30px;
    transform: translateX(-50%);
    width: 35px;
    height: 2px;
    background-color: #f99d1c;
}

@media screen and (max-width:991px) {
    .panel__section .head-sub-title:before {
        left: 0%;
    }
}

@media screen and (max-width:991px) {
    .panel__section .head-sub-title {
        text-align: center;
    }

        .panel__section .head-sub-title .tooltip {
            display: none;
        }
}

.panel__gap {
    height: 30px;
    background-color: #fafafa;
    border-top: solid 1px #f1f1ee;
    border-bottom: solid 1px #f1f1ee;
}

@media screen and (max-width:991px) {
    .panel__gap {
        display: none;
    }
}

@media screen and (max-width:991px) {
    .panel__convert-to-panel-mobile {
        margin: 0 5%;
        margin-top: 4vh;
        border-radius: 20px;
        box-shadow: 0 2px 14px 0 rgba(147,147,147,.5);
    }

        .panel__convert-to-panel-mobile + .widget-wrapper {
            margin-top: 2vh;
        }

        .panel__convert-to-panel-mobile > div:first-child {
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            padding-top: 0;
            padding-bottom: 0;
        }

            .panel__convert-to-panel-mobile > div:first-child > div:first-child {
                padding: 0;
            }

        .panel__convert-to-panel-mobile > div:last-child {
            border-bottom-right-radius: 20px;
            border-bottom-left-radius: 20px;
        }

        .panel__convert-to-panel-mobile .head-title {
            padding: 4.5vh 5vw;
        }

        .panel__convert-to-panel-mobile .head-title--clear-mobile {
            padding: 0;
        }
}

.questions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .questions > div {
        display: flex;
        align-items: center;
        width: 32.5%;
        min-height: 150px;
        margin-bottom: 10px;
        background-color: #f1f1ee;
    }

@media screen and (max-width:991px) {
    .questions > div {
        width: 100%;
        min-height: 0;
        margin-bottom: 2px;
    }
}

.questions a {
    position: relative;
    display: block;
    max-width: 100%;
    flex-shrink: 1;
    padding: 0 7%;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.38889;
    font-weight: 300;
    color: #01788e;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
    text-align: center;
}

    .questions a:hover, .questions a.active, .questions a.is-active {
        color: #f99d1c;
        text-decoration: none;
    }

    .questions a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

@media(min-width:992px) and (max-width:1199px) {
    .questions a {
        font-size: 16px;
        font-size: 1.06667em;
        line-height: 1.375;
        font-weight: 300;
    }
}

@media screen and (max-width:991px) {
    .questions a {
        width: 100%;
        padding: 17px 10% 17px 5%;
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.53846;
        font-weight: 500;
        color: #32302f;
        text-decoration: none;
        -webkit-transition: color .1s linear;
        -ms-transition: color .1s linear;
        -moz-transition: color .1s linear;
        -o-transition: color .1s linear;
        transition: color .1s linear;
        text-align: left;
    }

        .questions a:hover, .questions a.active, .questions a.is-active {
            color: #f99d1c;
            text-decoration: none;
        }

        .questions a:focus {
            text-decoration: none;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px;
        }

        .questions a:after {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 5%;
            left: auto;
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            color: #0d657b;
        }
}

.my-covers {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2vh;
    color: #32302f;
}

@media screen and (max-width:991px) {
    .my-covers {
        flex-direction: column;
        margin-bottom: 0;
    }
}

.my-covers .title {
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.16667;
    font-weight: 700;
    margin-bottom: 10px;
}

@media screen and (max-width:991px) {
    .my-covers .title {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.07692;
        font-weight: 500;
        margin-bottom: 0;
    }
}

.my-covers > div {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width:991px) {
    .my-covers > div {
        flex-direction: row;
        margin-bottom: 10px;
    }
}

.my-covers > div > div:last-child {
    flex: 1;
    display: flex;
    align-items: flex-end;
}

@media screen and (max-width:991px) {
    .my-covers > div > div:last-child {
        display: block;
        text-align: right;
        white-space: nowrap;
    }
}

.my-covers__maximum {
    width: 63%;
    min-height: 150px;
    padding: 20px 5%;
    background-color: #f1f1ee;
}

@media screen and (max-width:991px) {
    .my-covers__maximum {
        width: 100%;
        min-height: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.my-covers__maximum > div:first-child {
    height: 40%;
}

@media screen and (max-width:991px) {
    .my-covers__maximum > div:first-child {
        height: auto;
    }
}

.my-covers__maximum > div:last-child {
    padding: 10px 0 0 0;
    border-top: solid 1px #fff;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .my-covers__maximum > div:last-child {
        padding: 0;
        border: none;
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.07692;
        font-weight: 500;
    }
}

.my-covers__annual {
    width: 34%;
    padding: 20px 3%;
    background-color: #e6dac4;
}

@media screen and (max-width:991px) {
    .my-covers__annual {
        width: 100%;
        min-height: auto;
        background-color: #f1f1ee;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.my-covers__annual > div:nth-child(2) {
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.46154;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .my-covers__annual > div:nth-child(2) {
        display: none;
    }
}

.my-covers__annual > div:nth-child(3) {
    padding: 10px 0 0 0;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .my-covers__annual > div:nth-child(3) {
        padding: 0;
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.07692;
        font-weight: 500;
    }
}

.accordion-item__header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 22px 25px;
    border: 1px solid #f1f1ee;
    background-color: #f1f1ee;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.16667;
    font-weight: 700;
    cursor: pointer;
}

@media screen and (max-width:991px) {
    .accordion-item__header {
        min-height: 48px;
        margin-bottom: 10px;
        padding: 0 15px;
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.23077;
        font-weight: 500;
    }
}

.accordion-item__header.is-active {
    margin-bottom: 0;
}

    .accordion-item__header.is-active:after {
        transform: scaleY(-1);
    }

.accordion-item__header:after {
    flex: 1;
    text-align: right;
    content: "a";
    font-family: "eurolifeclientportal";
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    color: #01788e;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.accordion-item__body {
    display: none;
    margin-bottom: 15px;
    padding: 5px;
    border: 1px solid #f1f1ee;
    font-size: 14px;
    font-size: .93333em;
    line-height: 1.35714;
    font-weight: 300;
    color: #4a4a4a;
}

@media screen and (max-width:991px) {
    .accordion-item__body {
        padding: 0;
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.30769;
        font-weight: 300;
    }
}

.accordion-item__body--text {
    padding: 20px;
}

@media screen and (max-width:991px) {
    .accordion-item__body--text {
        padding: 10px 5%;
    }
}

.accordion-item__body.is-active {
    display: block;
}

.breadcrumb {
    padding: 26px 0;
}

    .breadcrumb nav {
        display: flex;
        align-items: center;
    }

    .breadcrumb a {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.07692;
        font-weight: 300;
        color: #01788e;
        text-decoration: none;
        -webkit-transition: color .1s linear;
        -ms-transition: color .1s linear;
        -moz-transition: color .1s linear;
        -o-transition: color .1s linear;
        transition: color .1s linear;
    }

        .breadcrumb a:hover, .breadcrumb a.active, .breadcrumb a.is-active {
            color: #f99d1c;
            text-decoration: none;
        }

        .breadcrumb a:focus {
            text-decoration: none;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px;
        }

        .breadcrumb a:after {
            padding: 0 5px;
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: .7em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
        }

    .breadcrumb span {
        font-size: 18px;
        font-size: 1.2em;
        line-height: 1.55556;
        font-weight: 700;
        color: #413f3e;
    }

.contract-tabs .ui-tabs-vertical {
    width: 100%;
    padding: 0;
}

    .contract-tabs .ui-tabs-vertical .ui-tabs-nav {
        float: left;
        width: 32%;
        padding: 0;
    }

@media screen and (max-width:991px) {
    .contract-tabs .ui-tabs-vertical .ui-tabs-nav {
        display: none;
    }
}

.contract-tabs .ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    margin: 0;
    padding: 0;
    white-space: normal;
    border: none;
    background-color: #fafafa;
    border-top: solid 1px #f1f1ee;
    border-right: solid 1px #f1f1ee;
}

    .contract-tabs .ui-tabs-vertical .ui-tabs-nav li:first-child {
        border-top: solid 1px transparent;
    }

    .contract-tabs .ui-tabs-vertical .ui-tabs-nav li a {
        display: block;
        width: 100%;
        font-size: 18px;
        font-size: 1.2em;
        line-height: 1.55556;
        font-weight: 300;
        color: #413f3e;
        text-decoration: none;
        -webkit-transition: color .1s linear;
        -ms-transition: color .1s linear;
        -moz-transition: color .1s linear;
        -o-transition: color .1s linear;
        transition: color .1s linear;
    }

        .contract-tabs .ui-tabs-vertical .ui-tabs-nav li a:hover, .contract-tabs .ui-tabs-vertical .ui-tabs-nav li a.active, .contract-tabs .ui-tabs-vertical .ui-tabs-nav li a.is-active {
            color: #f99d1c;
            text-decoration: none;
        }

        .contract-tabs .ui-tabs-vertical .ui-tabs-nav li a:focus {
            text-decoration: none;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px;
        }

        .contract-tabs .ui-tabs-vertical .ui-tabs-nav li a em {
            display: block;
            font-style: normal;
            font-size: .8em;
            color: #9b9b9b;
        }

    .contract-tabs .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
        padding: 0;
        border-color: transparent;
        background-color: #fff;
    }

.contract-tabs .ui-tabs-vertical .ui-tabs-nav .ui-tabs-anchor {
    padding: 20px;
}

.contract-tabs .ui-tabs-vertical .ui-tabs-panel {
    float: right;
    width: 68%;
    padding: 20px 7%;
    font-size: 14px;
    font-size: .93333em;
    line-height: 1.35714;
    font-weight: 300;
    color: #4a4a4a;
}

@media screen and (max-width:991px) {
    .contract-tabs .ui-tabs-vertical .ui-tabs-panel {
        display: block !important;
        width: 100%;
        padding: 0 0;
    }
}

.contract-tabs .ui-tabs-vertical .ui-tabs-panel .ui-tabs-nav-mobile {
    display: block;
    width: 100%;
    padding: 15px;
    border-bottom: solid 1px #f4f3f1;
    font-size: 1.1em;
    font-weight: 400;
    color: #413f3e;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .contract-tabs .ui-tabs-vertical .ui-tabs-panel .ui-tabs-nav-mobile:hover, .contract-tabs .ui-tabs-vertical .ui-tabs-panel .ui-tabs-nav-mobile.active, .contract-tabs .ui-tabs-vertical .ui-tabs-panel .ui-tabs-nav-mobile.is-active {
        color: #f99d1c;
        text-decoration: none;
    }

    .contract-tabs .ui-tabs-vertical .ui-tabs-panel .ui-tabs-nav-mobile:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

    .contract-tabs .ui-tabs-vertical .ui-tabs-panel .ui-tabs-nav-mobile em {
        display: block;
        font-style: normal;
        font-size: .95em;
        color: #9b9b9b;
    }

@media screen and (max-width:991px) {
    .contract-tabs .ui-tabs-vertical .ui-tabs-panel .ui-tabs-nav-mobile {
        background-color: #fbf7f7;
    }
}

@media screen and (max-width:991px) {
    .contract-tabs .ui-tabs-vertical .ui-tabs-panel .ui-tabs-panel-main {
        display: none;
        padding: 15px;
    }

        .contract-tabs .ui-tabs-vertical .ui-tabs-panel .ui-tabs-panel-main.is-active {
            display: block;
        }
}

.tooltip {
    margin: 0 10px;
    color: #01788e;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .tooltip:hover, .tooltip.active, .tooltip.is-active {
        color: #f99d1c;
        text-decoration: none;
    }

    .tooltip:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

    .tooltip:before {
        content: "E";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        vertical-align: middle;
    }

.c-cover-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media screen and (max-width:991px) {
    .c-cover-list {
        flex-direction: column;
    }
}

.c-cover-list .c-cover {
    width: 49.5%;
}

@media screen and (max-width:991px) {
    .c-cover-list .c-cover {
        width: 100%;
        margin-bottom: 3vh;
    }
}

.c-cover {
    background-color: #f1f1ee;
    margin-bottom: 1vh;
    padding: 15px 4%;
}

@media screen and (max-width:991px) {
    .c-cover {
        padding: 15px 5%;
    }
}

.c-cover__title {
    max-height: 57px;
    padding: 0 0 35px 0;
    border-bottom: solid 1px #fff;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.16667;
    font-weight: 700;
}

@media screen and (max-width:991px) {
    .c-cover__title {
        padding-bottom: 15px;
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.07692;
        font-weight: 500;
    }
}

.c-cover__bar {
    width: 100%;
    padding: 25px 0 0 0;
    min-height: 55px;
}

    .c-cover__bar:after {
        content: '';
        display: block;
        width: 100%;
        height: 6px;
        background-color: #e6dac4;
    }

@media screen and (max-width:991px) {
    .c-cover__bar:after {
        width: 80%;
        margin: 0 auto;
    }
}

.c-cover__bar > div {
    position: relative;
    display: flex;
}

@media screen and (max-width:991px) {
    .c-cover__bar > div {
        width: 80%;
        margin: 0 auto;
    }
}

.c-cover__bar span {
    display: block;
    position: relative;
    width: 50%;
    margin-bottom: 10px;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.46154;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .c-cover__bar span {
        font-size: 12px;
        font-size: .8em;
        line-height: 1.25;
        font-weight: 300;
    }
}

.c-cover__bar span:first-child:before {
    left: 3px;
}

.c-cover__bar span:last-child {
    text-align: right;
}

    .c-cover__bar span:last-child:before {
        right: 3px;
    }

.c-cover__bar span:before {
    content: '';
    position: absolute;
    bottom: -24px;
    width: 2px;
    height: 22px;
    background-color: #efbb70;
    z-index: 5;
}

.c-cover__data {
    padding: 20px 0 0 0;
}

    .c-cover__data .data-table div > span:not(.info):not(.field-validation-error) {
        display: block;
        font-size: 15px;
        font-size: 1em;
        line-height: 1.33333;
        font-weight: 300;
    }

@media screen and (max-width:991px) {
    .c-cover__data .data-table div > span:not(.info):not(.field-validation-error) {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.15385;
        font-weight: 300;
    }
}

.c-cover__data .data-table .data-row {
    display: flex;
    padding: 13px 0;
    border-top: 1px solid #e9e9e8;
}

@media screen and (max-width:991px) {
    .c-cover__data .data-table .data-row {
        padding: calc(13px*1.5) 0;
        border-top: 1px solid #dad8d3;
    }
}

.c-cover__data .data-table .data-row:first-child {
    border: none;
}

.c-cover__data .data-table .data-row--remove-border {
    border: none;
}

.c-cover__data .data-table .data-row--cols-auto-width > div {
    width: auto !important;
}

.c-cover__data .data-table .data-row--align-items-center {
    align-items: center;
}

.c-cover__data .data-table .data-row--justify-space-between {
    justify-content: space-between;
}

.c-cover__data .data-table .data-row--justify-flex-end {
    justify-content: flex-end;
}

.c-cover__data .data-table .data-row > div {
    width: 50%;
}

@media screen and (max-width:991px) {
    .c-cover__data .data-table .data-row > div:nth-child(2) {
        text-align: right;
    }

        .c-cover__data .data-table .data-row > div:nth-child(2) span:not(.info):not(.field-validation-error) {
            font-weight: bold;
        }
}

.c-cover__data .data-table .icon-check, .c-cover__data .data-table .icon-close {
    display: inline;
    padding-right: 5px;
    color: #f99d1c;
}

    .c-cover__data .data-table .icon-check:before, .c-cover__data .data-table .icon-close:before {
        content: "e";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

    .c-cover__data .data-table .icon-check + span, .c-cover__data .data-table .icon-close + span {
        display: inline;
    }

    .c-cover__data .data-table .icon-close:before {
        content: "N";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

.c-cover__data .data-table .lnk span, .c-cover__data .widget .data-table a span, .widget .c-cover__data .data-table a span {
    font-weight: 500;
}

.c-cover__data .data-table .data-row > div:nth-child(2) span {
    font-weight: 700;
}

.allocation {
    display: flex;
    align-items: center;
}

@media screen and (max-width:991px) {
    .allocation {
        align-items: flex-start;
        flex-direction: column;
        font-size: 12px;
        font-size: .8em;
        line-height: 1.75;
        color: #4a4a4a;
    }
}

.allocation > div:nth-child(1) {
    width: 45%;
    padding: 0 5%;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.4;
    font-weight: 300;
    color: #4a4a4a;
}

@media screen and (max-width:991px) {
    .allocation > div:nth-child(1) {
        order: 2;
        width: 100%;
        margin-top: 3vh;
    }
}

.allocation > div:nth-child(2) {
    width: 55%;
}

@media screen and (max-width:991px) {
    .allocation > div:nth-child(2) {
        order: 1;
        width: 100%;
    }
}

.allocation__graph {
    min-height: 280px;
}

.page-title-outer--theme-gray {
    background-color: #e6e6de;
}

.page-title-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1330px;
    font-size: 32px;
    font-size: 2.13333em;
    line-height: 1.15625;
    font-weight: 500;
    color: #4a4a4a;
}

@media(min-width:991px) {
    .page-title-wrapper {
        max-width: 1330px;
        padding: 0 25px;
    }
}

@media screen and (max-width:991px) {
    .page-title-wrapper {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media screen and (max-width:991px) {
    .page-title-wrapper {
        text-align: center;
        font-size: 18px;
        font-size: 1.2em;
        line-height: 1.16667;
        font-weight: 700;
    }
}

.page-title {
    padding: 30px 0;
}

.page-sub-title {
    display: flex;
    align-items: center;
    margin: 3vh 0;
}

@media screen and (max-width:991px) {
    .page-sub-title {
        justify-content: center;
    }
}

.page-sub-title h2 {
    font-size: 25px;
    font-size: 1.66667em;
    line-height: 1.12;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .page-sub-title h2 {
        font-size: 16px;
        font-size: 1.06667em;
        line-height: 1.75;
        font-weight: 500;
    }
}

.page-sub-title .lnk, .page-sub-title .widget .data-table a, .widget .data-table .page-sub-title a {
    margin-left: 30px;
}

@media screen and (max-width:991px) {
    .page-sub-title .lnk, .page-sub-title .widget .data-table a, .widget .data-table .page-sub-title a {
        margin-left: 15px;
    }
}

@media screen and (max-width:991px) {
    .page-sub-title .lnk span, .page-sub-title .widget .data-table a span, .widget .data-table .page-sub-title a span {
        display: none;
    }
}

.page-sub-title .info {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 5px;
    text-align: right;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.38462;
    font-weight: 300;
    color: #898989;
    font-style: normal;
}

@media screen and (max-width:991px) {
    .page-sub-title .info {
        text-align: center;
        font-size: 11px;
        font-size: .73333em;
        line-height: 1.36364;
        font-weight: 300;
    }
}

.page-sub-title .info:before, .page-sub-title .info:after {
    content: "E";
    font-family: "eurolifeclientportal";
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    color: #01788e;
    font-style: normal;
}

.page-sub-title .info:before {
    display: none;
    margin-right: 10px;
    display: block;
}

.page-sub-title .info:after {
    display: none;
    margin-left: 10px;
}

.article-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1330px;
}

@media screen and (max-width:991px) {
    .article-wrapper {
        padding-left: 5%;
        padding-right: 5%;
    }
}

.article {
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.38889;
    font-weight: 300;
    color: #4a4a4a;
}

@media screen and (max-width:991px) {
    .article {
        font-size: .95em;
    }
}

.article a {
    color: #f99d1c;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .article a:hover, .article a.active, .article a.is-active {
        color: #01788e;
        text-decoration: none;
    }

    .article a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

.article p {
    text-align: justify;
}

.article h2 {
    padding-bottom: 15px;
    font-size: 1.38em;
    color: #32302f;
}

.article h3 {
    padding-bottom: 10px;
    font-size: 1.2em;
}

.article h4 {
    padding-bottom: 5px;
    font-size: 1.1em;
}

.article .sub-title {
    padding-bottom: 65px;
}

@media screen and (max-width:991px) {
    .article .sub-title {
        padding-bottom: 30px;
    }
}

.notification-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #d8d8d8;
    padding: 50px 1%;
}

@media screen and (max-width:991px) {
    .notification-item {
        flex-direction: column;
        padding: 25px 1%;
    }
}

.notification-item:last-child {
    border: none;
}

.notification-item > div:nth-child(1) {
    width: 130px;
}

@media screen and (max-width:991px) {
    .notification-item > div:nth-child(1) {
        width: 80px;
        position: absolute;
        top: 25px;
        left: 0;
    }
}

.notification-item > div:nth-child(2) {
    width: calc(100% - 4% - 130px);
}

@media screen and (max-width:991px) {
    .notification-item > div:nth-child(2) {
        width: 100%;
    }
}

.notification-item .pic {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #d7d7d7;
    text-align: center;
}

@media screen and (max-width:991px) {
    .notification-item .pic {
        width: 80px;
        height: 80px;
    }
}

.notification-item .pic img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
}

.notification-item .pic--default img {
    width: 80%;
}

.notification-item .date {
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.15385;
    font-weight: 300;
    color: #32302f;
}

@media screen and (max-width:991px) {
    .notification-item .date {
        padding-left: calc(80px + 5%);
        padding-bottom: 10px;
        font-size: 12px;
        font-size: .8em;
        line-height: 1.33333;
        font-weight: 700;
    }
}

.notification-item .title {
    padding: 0 0 10px 0;
    font-size: 20px;
    font-size: 1.33333em;
    line-height: 1.4;
    font-weight: 700;
}

@media screen and (max-width:991px) {
    .notification-item .title {
        min-height: 70px;
        padding-left: calc(80px + 5%);
        font-size: 16px;
        font-size: 1.06667em;
        line-height: 1.25;
        font-weight: 700;
    }
}

.notification-item .title a {
    color: #32302f;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .notification-item .title a:hover, .notification-item .title a.active, .notification-item .title a.is-active {
        color: #f99d1c;
        text-decoration: none;
    }

    .notification-item .title a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

.notification-item .summary {
    padding: 0 0 10px 0;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.38889;
    font-weight: 300;
    color: #4a4a4a;
}

@media screen and (max-width:991px) {
    .notification-item .summary {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.15385;
        font-weight: 300;
    }
}

.notification-item .anchor {
    padding-left: 20px;
}

.common-modal {
    padding: 60px 20%;
    border: 1px solid #9b9b9b;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 2px 14px 0 rgba(147,147,147,.5);
    color: #32302f;
}

@media screen and (max-width:991px) {
    .common-modal {
        padding: 30px 5%;
    }
}

.common-modal__header {
    padding: 0 0 3vh 0;
    font-size: 25px;
    font-size: 1.66667em;
    line-height: 1.12;
    font-weight: 300;
    text-align: center;
}

@media screen and (max-width:991px) {
    .common-modal__header {
        font-size: 1.4em;
    }
}

.common-modal__success {
    margin: 0 0 3vh 0;
    padding: 0 10%;
    font-size: 1.5em;
    color: #f99d1c;
    text-align: center;
}

@media screen and (max-width:991px) {
    .common-modal__success {
        font-size: 1.2em;
    }
}

.common-modal__success:before {
    display: block;
    margin-bottom: 10px;
    content: "L";
    font-family: "eurolifeclientportal";
    font-size: 2em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

@media screen and (max-width:991px) {
    .common-modal__success:before {
        font-size: 1.8em;
    }
}

.common-modal__body {
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.61111;
    font-weight: 300;
    text-align: center;
}

@media screen and (max-width:991px) {
    .common-modal__body {
        font-size: 1em;
    }
}

.common-modal__body small {
    font-size: .83em;
}

.common-modal__btns-wrapper {
    margin-top: 3vh;
    text-align: center;
}

.common-modal__loader {
    padding: 3vh 0;
}

    .common-modal__loader:after {
        content: '';
        border-radius: 50%;
        font-size: 3px;
        text-indent: -9999em;
        border-top: 1.1em solid #61a7b4;
        border-right: 1.1em solid #61a7b4;
        border-bottom: 1.1em solid #61a7b4;
        border-left: 1.1em solid #01788e;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -25px;
        margin-left: -25px;
        z-index: 10;
    }

.fancybox-bg {
    background: #66a9b6;
}

.fancybox-slide > * {
    background-color: transparent;
}

.fancybox-close-small {
    position: absolute;
    top: 30px;
    right: 30px;
    border: solid 2px #01788e;
    border-radius: 50%;
}

@media screen and (max-width:991px) {
    .fancybox-close-small {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        border-width: 1px;
    }
}

.fancybox-close-small:after {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    content: "I";
    font-family: "eurolifeclientportal";
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    color: #01788e;
}

@media screen and (max-width:991px) {
    .fancybox-close-small:after {
        font-size: .7em;
        line-height: 1.6;
    }
}

.fancybox-close-small:hover {
    border-color: #f99d1c;
}

    .fancybox-close-small:hover:after {
        background-color: transparent;
        color: #f99d1c;
    }

.c-widget-file {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5em;
    background-color: #f1f1ee;
    min-height: 180px;
}

@media screen and (max-width:991px) {
    .c-widget-file {
        min-height: 75px;
        border-radius: 10px;
        overflow: hidden;
    }
}

.c-widget-file .name {
    font-size: 25px;
    font-size: 1.66667em;
    line-height: 1.2;
    font-weight: 500;
    color: #01788e;
}

@media screen and (max-width:991px) {
    .c-widget-file .name {
        padding-right: 40%;
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.53846;
        font-weight: 500;
    }

    .medica-form {
        width: 10px;
    }

        .c-widget-file .name:after {
            margin-left: 5px;
            content: "E";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
        }
}

.c-widget-file .anchor {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

@media screen and (max-width:991px) {
    .c-widget-file .anchor {
        width: 40%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .online-form {
        right: 110px !important;
        width: 33% !important;
    }

    .by-hand-form {
        width: 30% !important;
    }

        .c-widget-file .anchor a {
            flex-direction: column;
            background-color: #01788e;
            justify-content: center;
            width: 100%;
            height: 100%;
            color: #fff;
        }

            .c-widget-file .anchor a:after {
                order: 1;
                margin: 0 0 5px 0;
                padding: 0;
            }

            .c-widget-file .anchor a span {
                order: 2;
            }
}

.table-analytics-container {
    position: relative;
}

.table-analytics {
    width: 100%;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.92308;
    font-weight: 300;
    color: #747474;
}

@media screen and (max-width:767px) {
    .table-analytics {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

.table-analytics thead {
    background-color: #f1f1ee;
}

    .table-analytics thead th {
        padding: 10px 0;
        background-color: #f1f1ee;
        font-weight: 300;
        text-align: center;
    }

@media screen and (max-width:991px) {
    .table-analytics thead th {
        padding: 10px 5px;
        border-right: solid 1px #fff;
        font-weight: 500;
    }
}

@media(min-width:991px) {
    .table-analytics thead th:first-child {
        padding-left: 8%;
        text-align: left;
    }
}

.table-analytics thead th em {
    font-style: normal;
}

@media screen and (max-width:991px) {
    .table-analytics thead th em {
        display: block;
        font-style: normal;
        line-height: 1;
    }
}

.table-analytics tbody tr:first-child td {
    padding-top: 10px;
}

.table-analytics tbody tr:last-child td {
    padding-bottom: 10px;
}

.table-analytics tbody td {
    text-align: center;
}

@media screen and (max-width:991px) {
    .table-analytics tbody td {
        padding: 10px 5px;
        background-color: #fafafa;
        border-bottom: solid 1px #fff;
        border-right: solid 1px #fff;
    }
}

@media(min-width:991px) {
    .table-analytics tbody td:first-child {
        padding-left: 8%;
        text-align: left;
    }
}

@media(min-width:991px) {
    .table-analytics tbody td.negative {
        color: #ddc1c1;
    }
}

@media screen and (max-width:991px) {
    .table-analytics tbody td.negative {
        background-color: #f6f1f1;
    }
}

.table-analytics tfoot {
    background-color: #f1f1ee;
    font-weight: 700;
}

    .table-analytics tfoot th {
        padding: 13px 0;
        background-color: #f1f1ee;
        text-align: center;
    }

@media screen and (max-width:991px) {
    .table-analytics tfoot th {
        padding: 10px 5px;
    }
}

@media(min-width:991px) {
    .table-analytics tfoot th:first-child {
        padding-left: 8%;
        text-align: left;
    }
}

.table-analytics.clone {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

@media screen and (max-width:767px) {
    .table-analytics.clone {
        display: block;
    }
}

.table-analytics.clone th, .table-analytics.clone td {
    visibility: hidden;
}

.table-analytics.clone tbody th {
    visibility: visible;
}

.table-analytics.clone .fixed-side {
    visibility: visible;
}

.table-analytics.clone thead, .table-analytics.clone tfoot {
    background: transparent;
}

.upload-files-container__body {
    display: flex;
    justify-content: space-between;
    width: 67%;
    margin: 0 auto;
}

@media screen and (max-width:991px) {
    .upload-files-container__body {
        width: 100%;
        flex-direction: column;
    }
}

.upload-files-container__body > div {
    width: 47%;
}

@media screen and (min-width:480px) and (max-width:991px) {
    .upload-files-container__body > div {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width:991px) {
    .upload-files-container__body > div {
        width: 100%;
    }
}

@media screen and (max-width:991px) {
    .upload-files-container__body > div:nth-child(1) {
        width: 80%;
        height: 160px;
        margin: 0 auto;
    }
}

.upload-files-container__submit {
    display: flex;
    justify-content: center;
    margin: 50px 0;
}

@media screen and (max-width:991px) {
    .upload-files-container__submit {
        margin: 25px 0;
    }
}

.upload-files-container__submit > div {
    padding: 0 10px;
}

.drop_zone {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 240px;
    padding: 0 5%;
    border: 1px dashed #979797;
    border-radius: 8px;
    background-color: #fafafa;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.61538;
    color: #4f4f4f;
}

    .drop_zone .icon {
        margin-bottom: 25px;
    }

        .drop_zone .icon:before {
            content: "W";
            font-family: "eurolifeclientportal";
            font-size: 4em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            color: #01788e;
        }

    .drop_zone span {
        max-width: 100%;
    }

        .drop_zone span em {
            display: block;
            font-style: normal;
            color: #01788e;
        }

.files_list {
    overflow: hidden;
}

@media screen and (max-width:991px) {
    .files_list {
        margin-top: 15px;
    }
}

.files_list > div:nth-child(2) {
    margin-top: 25px;
}

@media screen and (max-width:991px) {
    .files_list > div:nth-child(2) {
        margin-top: 15px;
    }
}

.files_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.files_list li {
    display: flex;
    padding: 18px 0;
    border-top: 1px solid #f1f1ee;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.23077;
    color: #837c77;
}

@media screen and (max-width:991px) {
    .files_list li {
        font-size: 12px;
        font-size: .8em;
        line-height: 1.25;
    }
}

.files_list li > div:nth-child(1) {
    flex: 1;
}

.files_list li > div:nth-child(2) {
    width: 20px;
    text-align: center;
}

.files_list li .remove {
    color: #01788e;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .files_list li .remove:hover, .files_list li .remove.active, .files_list li .remove.is-active {
        color: #f99d1c;
        text-decoration: none;
    }

    .files_list li .remove:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

    .files_list li .remove:before {
        content: "V";
        font-family: "eurolifeclientportal";
        font-size: 1.3em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

.files_list .textarea {
    min-height: 110px;
}

@media screen and (max-width:991px) {
    .files_list .textarea {
        min-height: 90px;
    }
}

#files_trigger {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#files_comments {
    display: none;
}

#files_remove {
    display: none;
}

.faqs {
    margin-bottom: 10vh;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.38889;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .faqs {
        font-size: .95em;
    }
}

.faqs__topic.ui-accordion {
    -webkit-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

@media(min-width:991px) {
    .faqs__topic {
        display: none;
    }

        .faqs__topic.active {
            display: block;
        }
}

@media(min-width:991px) {
    .faqs__topic__body {
        display: block !important;
    }
}

.faqs__topic__body.ui-accordion-content-active {
    display: block !important;
}

.faqs__topic__q {
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

    .faqs__topic__q.ui-accordion-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
        padding: 22px 25px;
        border: 1px solid #f1f1ee;
        background-color: #f1f1ee;
        font-size: 1.1em;
        font-weight: 300;
        color: #32302f;
    }

    .faqs__topic__q .ui-icon {
        display: none;
    }

    .faqs__topic__q:after {
        display: block;
        content: "a";
        font-family: "eurolifeclientportal";
        font-size: 20px;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #01788e;
        -webkit-transition: all .2s;
        -ms-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

    .faqs__topic__q.ui-state-active:after {
        -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        transform: scaleY(-1);
    }

.faqs__topic__a {
    padding: 0 !important;
}

.faqs__topic__a__cont {
    padding: 0 25px 50px 25px;
}

.account-form {
    margin: 30px 13%;
}

@media(min-width:992px) and (max-width:1199px) {
    .account-form {
        margin: 30px 7%;
    }
}

@media screen and (max-width:991px) {
    .account-form {
        margin: 30px 0%;
    }
}

.account-form .form-container {
    padding: 0 15%;
}

@media(min-width:992px) and (max-width:1199px) {
    .account-form .form-container {
        padding: 0 10%;
    }
}

@media screen and (max-width:991px) {
    .account-form .form-container {
        padding: 0;
    }
}

.account-form .form-container .form-section {
    padding: 0 0 20px 0;
}

.account-form .form-container .form-section--btns-wrap {
    padding-top: 2vh;
}

.account-form .form-container .form-row > div {
    margin-bottom: 10px;
}

@media screen and (max-width:991px) {
    .account-form .form-container .form-row > div:nth-child(1) {
        margin-bottom: 0;
    }
}

@media(min-width:991px) {
    .account-form .form-container .form-row > div .label {
        text-align: right;
    }

        .account-form .form-container .form-row > div .label:not(.label--remove-padding) {
            padding-top: 15px;
        }
}

.account-form .form-container .form-row--horizontal > div {
    display: block;
}

.account-form .form-container .directions {
    display: block;
    padding: 0 0 10px 0;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.53846;
    font-weight: 700;
    color: #9b9b9b;
}

@media screen and (max-width:991px) {
    .account-form .form-container .directions {
        font-weight: 500;
    }
}

.account-form .form-container .captcha-container {
    padding: 1vh 0;
}

.account-form .form-container .selectbox-wrap {
    width: 100% !important;
    max-width: none !important;
}

@media screen and (max-width:991px) {
    body.menu-phone {
        overflow: hidden;
    }
}

.header-outer {
    background-color: #01788e;
}

@media screen and (max-width:991px) {
    .header-outer {
        background: linear-gradient(315deg,#01788e 0%,#16545f 100%);
    }
}

.header-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1330px;
}

@media(min-width:991px) {
    .header-wrapper {
        max-width: 1330px;
        padding: 0 25px;
    }
}

.header {
    margin: 0;
    padding: 21px 0 0 0;
}

.header-outer--minimal .header {
    padding: 21px 0;
}

@media screen and (max-width:991px) {
    .header-outer--minimal .header {
        padding: 0;
    }
}

@media screen and (max-width:991px) {
    .header {
        padding: 0;
    }
}

.header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width:991px) {
    .header__top {
        padding: 11px 0;
    }

    .header-outer--minimal .header__top {
        padding: 11px 5vw;
    }
}

.header__top > div:nth-child(2) {
    display: flex;
    height: auto;
}

@media screen and (max-width:991px) {
    .header__top__logo {
        padding-left: 5vw;
    }

    .header-outer--minimal .header__top__logo {
        padding-left: 0;
    }
}

.header__top__logo img {
    width: 207px;
    height: auto;
}

@media screen and (max-width:991px) {
    .header__top__logo img {
        width: 157px;
    }
}

@media(max-width:320px) {
    .header__top__logo img {
        width: 130px;
    }
}

.header__top__account {
    visibility: visible;
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 30px;
    background-color: #228799;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
    color: #fff;
}

@media screen and (max-width:991px) {
    .header__top__account {
        height: 36px;
        padding: 0 calc(5vw + 48px) 0 0;
        border-radius: 0;
        background-color: transparent;
    }
}

@media screen and (max-width:991px) {
    .header__top__account > div:nth-child(2) {
        display: none;
    }
}

.header__top__account a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .header__top__account a:hover, .header__top__account a.active, .header__top__account a.is-active {
        color: #f4b051;
        text-decoration: none;
    }

    .header__top__account a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

        .header__top__account a:hover em, .header__top__account a:focus em {
            color: #fff;
        }

.header__top__account .name {
    display: block;
    padding: 0 0 3px 0;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 700;
}

.header__top__account input {
    display: block;
}

.header__top__account .icon-account {
    margin-right: 20px;
}

    .header__top__account .icon-account:before {
        content: "g";
        font-family: "eurolifeclientportal";
        font-size: 2.4em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        vertical-align: middle;
    }

.header__top__account .icon-notifications {
    display: block;
    position: relative;
    margin-left: 40px;
}

@media screen and (max-width:991px) {
    .header__top__account .icon-notifications {
        margin-left: 0;
    }
}

.header__top__account .icon-notifications:before {
    content: "n";
    font-family: "eurolifeclientportal";
    font-size: 2.4em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    vertical-align: middle;
}

.header__top__account .icon-notifications em {
    position: absolute;
    top: -5px;
    right: -5px;
    display: block;
    font-style: normal;
    font-size: 12px;
    font-size: .8em;
    line-height: 1.66667;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f99d1c;
    text-align: center;
}

.header__top__languages {
    visibility: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    background-color: #228799;
    border-left: solid 1px #55a2b0;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
}

@media screen and (max-width:991px) {
    .header__top__languages {
        display: none;
    }

    .header-outer--minimal .header__top__languages {
        display: block;
        padding: 0 10px;
        border-left: none;
    }
}

.header-outer--minimal .header__top__languages {
    border-radius: 60px;
}

.header__top__languages li {
    list-style-image: url(data:0);
}

.header__main-menu {
    padding: 80px 0 0 0;
}

@media screen and (max-width:991px) {
    .header__main-menu {
        display: none;
        position: absolute;
        z-index: 999;
        width: 80vw;
        height: calc(100vh - 58px);
        overflow: auto;
        transform: translateX(20vw);
        padding: 0;
        background-color: #165460;
    }
}

@media screen and (max-width:991px) {
    .header__main-menu.is-active {
        display: block;
    }
}

.header__main-menu nav {
    display: flex;
    justify-content: center;
}

@media screen and (max-width:991px) {
    .header__main-menu nav {
        flex-direction: column;
    }
}

.header__main-menu nav a {
    position: relative;
    display: block;
    margin: 0 .5px;
    padding: 15px 30px;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.16667;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .header__main-menu nav a:hover, .header__main-menu nav a.active, .header__main-menu nav a.is-active {
        color: #0e313e;
        text-decoration: none;
    }

    .header__main-menu nav a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

@media screen and (max-width:991px) {
    .header__main-menu nav a {
        display: flex;
        align-items: center;
        margin: 0 0;
        padding: 2.5vh 30px;
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.30769;
        font-weight: 500;
        color: #fff;
        text-decoration: none;
        -webkit-transition: color .1s linear;
        -ms-transition: color .1s linear;
        -moz-transition: color .1s linear;
        -o-transition: color .1s linear;
        transition: color .1s linear;
    }

        .header__main-menu nav a:hover, .header__main-menu nav a.active, .header__main-menu nav a.is-active {
            color: #0e313e;
            text-decoration: none;
        }

        .header__main-menu nav a:focus {
            text-decoration: none;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px;
        }

        .header__main-menu nav a:before {
            margin-right: 20px;
        }

        .header__main-menu nav a.icon-symvolaia:before {
            content: "z";
            font-family: "eurolifeclientportal";
            font-size: 2.2em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
        }

        .header__main-menu nav a.icon-apaithseis:before {
            content: "r";
            font-family: "eurolifeclientportal";
            font-size: 2.2em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
        }

        .header__main-menu nav a.icon-payments:before {
            content: "x";
            font-family: "eurolifeclientportal";
            font-size: 2.2em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
        }

        .header__main-menu nav a.icon-books:before {
            content: "t";
            font-family: "eurolifeclientportal";
            font-size: 2.2em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
        }

        .header__main-menu nav a.icon-bell:before {
            content: "s";
            font-family: "eurolifeclientportal";
            font-size: 2.2em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
        }

        .header__main-menu nav a.icon-profile:before {
            content: "y";
            font-family: "eurolifeclientportal";
            font-size: 2.2em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
        }

        .header__main-menu nav a.icon-form:before {
            content: "v";
            font-family: "eurolifeclientportal";
            font-size: 2.2em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
        }

        .header__main-menu nav a.icon-exit:before {
            content: "u";
            font-family: "eurolifeclientportal";
            font-size: 2.2em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
        }
}

.header__main-menu nav a:hover, .header__main-menu nav a.is-active {
    color: #0e313e;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
    background-color: #f4b051;
}

    .header__main-menu nav a:hover:hover, .header__main-menu nav a:hover.active, .header__main-menu nav a:hover.is-active, .header__main-menu nav a.is-active:hover, .header__main-menu nav a.is-active.active, .header__main-menu nav a.is-active.is-active {
        color: #0e313e;
        text-decoration: none;
    }

    .header__main-menu nav a:hover:focus, .header__main-menu nav a.is-active:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

@media screen and (max-width:991px) {
    .header__main-menu nav a:hover, .header__main-menu nav a.is-active {
        color: #0e313e;
        text-decoration: none;
        -webkit-transition: color .1s linear;
        -ms-transition: color .1s linear;
        -moz-transition: color .1s linear;
        -o-transition: color .1s linear;
        transition: color .1s linear;
        background-color: transparent;
    }

        .header__main-menu nav a:hover:hover, .header__main-menu nav a:hover.active, .header__main-menu nav a:hover.is-active, .header__main-menu nav a.is-active:hover, .header__main-menu nav a.is-active.active, .header__main-menu nav a.is-active.is-active {
            color: #0e313e;
            text-decoration: none;
        }

        .header__main-menu nav a:hover:focus, .header__main-menu nav a.is-active:focus {
            text-decoration: none;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px;
        }
}

.header__main-menu nav a:hover:after, .header__main-menu nav a.is-active:after {
    display: block;
}

@media screen and (max-width:991px) {
    .header__main-menu nav a:hover:after, .header__main-menu nav a.is-active:after {
        display: none;
    }
}

.header__main-menu nav a:after {
    display: none;
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0%;
    left: 50%;
    bottom: -9px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 8.5px 0 8.5px;
    border-color: #f4b051 transparent transparent transparent;
}

.header__main-menu nav .icon-global {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 .5px;
    padding: 15px 30px;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.30769;
    font-weight: 500;
    color: #fff;
}

    .header__main-menu nav .icon-global:before {
        margin-right: 20px;
        content: "w";
        font-family: "eurolifeclientportal";
        font-size: 2.2em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

    .header__main-menu nav .icon-global a {
        display: inline-block;
        padding: 0 3px;
        font-size: 1em;
    }

        .header__main-menu nav .icon-global a.is-active {
            font-weight: 700;
            color: #fff;
        }

.menuIconWrap {
    visibility: visible;
    width: 48px;
    height: 58px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ff9f00;
    cursor: pointer;
}

    .menuIconWrap .menui {
        display: inline-block;
        width: 54%;
        height: 3px;
        position: absolute;
        left: 23%;
        background: #fff;
        color: #fff;
    }

        .menuIconWrap .menui.topMenu {
            top: 27%;
        }

        .menuIconWrap .menui.midMenu1, .menuIconWrap .menui.midMenu2 {
            top: 41%;
        }

        .menuIconWrap .menui.bottomMenu {
            top: 55%;
        }

        .menuIconWrap .menui.txt {
            top: 69%;
            left: 13%;
            background: transparent;
            font-size: 12px;
            line-height: 1.25;
            font-weight: 500;
            text-align: center;
        }

    .menuIconWrap.is-active {
        width: calc(48px*3.5);
        background: #165460;
    }

@media screen and (min-width:480px) and (max-width:991px) {
    .menuIconWrap.is-active {
        width: calc(48px*5);
    }
}

.menuIconWrap.is-active .menui {
    width: calc(54%/3.5);
    left: calc(23%*3.5);
    background-color: #fff;
}

    .menuIconWrap.is-active .menui.midMenu1, .menuIconWrap.is-active .menui.midMenu2 {
        top: 50%;
    }

    .menuIconWrap.is-active .menui.txt {
        top: 50%;
        left: auto;
        width: 100%;
        height: auto;
        transform: translateY(-50%);
        background: transparent;
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.30769;
        font-weight: 700;
    }

.menuIconWrap.is-active .topMenu {
    width: 0;
    opacity: 0;
    top: 9px;
}

.menuIconWrap.is-active .midMenu1 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menuIconWrap.is-active .midMenu2 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menuIconWrap.is-active .bottomMenu {
    width: 0;
    opacity: 0;
    bottom: 9px;
}

footer {
    visibility: visible;
}

.footer-outer {
    background-color: #32302f;
    color: #fff;
}

@media screen and (max-width:991px) {
    .footer-outer {
        background-color: #2f3231;
    }
}

.footer-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1330px;
}

@media(min-width:991px) {
    .footer-wrapper {
        max-width: 1330px;
        padding: 0 25px;
    }
}

.footer {
    display: flex;
    padding: 45px 0 0 0;
}

@media screen and (max-width:991px) {
    .footer {
        flex-direction: column;
        background: url("../Images/icons-svg/footer-bg.svg") 100% 30% no-repeat;
    }
}

.footer > div:nth-child(1) {
    width: 37%;
    padding: 0 3%;
}

@media screen and (max-width:991px) {
    .footer > div:nth-child(1) {
        width: 100%;
        padding: 0;
        order: 3;
    }
}

.footer > div:nth-child(2) {
    width: 21%;
}

@media screen and (max-width:991px) {
    .footer > div:nth-child(2) {
        width: 100%;
    }
}

.footer > div:nth-child(3) {
    width: 28%;
}

@media screen and (max-width:991px) {
    .footer > div:nth-child(3) {
        width: 100%;
    }
}

.footer__call {
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.44444;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .footer__call {
        font-size: 14px;
        font-size: .93333em;
        line-height: 2;
        font-weight: 300;
        background-color: #454443;
    }
}

.footer__call article > * {
    display: block;
}

@media screen and (max-width:991px) {
    .footer__call article > * {
        padding: 2vh 0;
        text-align: center;
        border-bottom: solid 1px #575655;
    }

        .footer__call article > *:last-child {
            border: none;
        }
}

@media screen and (max-width:991px) {
    .footer__call article > *:nth-child(1) {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.footer__call .title {
    font-size: 1.38em;
}

@media screen and (max-width:991px) {
    .footer__call .title {
        font-size: 1em;
        font-weight: 500;
    }
}

.footer__call .phone {
    font-size: 2.5em;
    font-weight: 300;
    line-height: 1.2;
    color: #f99d1c;
}

@media screen and (max-width:991px) {
    .footer__call .phone {
        font-size: 1.5em;
        padding-left: 10px;
    }
}

.footer__call .phone:after {
    padding-left: 10px;
    content: "b";
    font-family: "eurolifeclientportal";
    font-size: .7em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    vertical-align: auto !important;
}

@media screen and (max-width:991px) {
    .footer__call .phone:after {
        display: inline-block;
        padding-left: 0;
        transform: translateY(-100%);
    }
}

.footer--minimal .footer__call {
    font-size: 15px;
    font-size: 1em;
    line-height: 1.66667;
    font-weight: 300;
}

    .footer--minimal .footer__call article {
        display: flex;
        align-items: center;
    }

@media screen and (max-width:991px) {
    .footer--minimal .footer__call article {
        flex-direction: column;
    }
}

.footer--minimal .footer__call article > * {
    width: 50%;
}

@media screen and (max-width:991px) {
    .footer--minimal .footer__call article > * {
        width: 90%;
    }
}

.footer--minimal .footer__call article > *:last-child {
    text-align: right;
}

@media screen and (max-width:991px) {
    .footer--minimal .footer__call article > *:last-child {
        text-align: center;
        padding-left: 5%;
        padding-right: 5%;
        margin: 0 auto;
    }
}

.footer--minimal .footer__call .title {
    font-size: 1em;
}

.footer--minimal .footer__call .phone {
    font-size: 1.3em;
}

    .footer--minimal .footer__call .phone:after {
        position: relative;
        display: inline;
        top: -10px;
        left: 3px;
        padding-left: 0;
        content: "b";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

.footer--minimal .footer__call p {
    margin: 0;
}

@media screen and (max-width:991px) {
    .footer__main-menu {
        padding: 0 0 3vh 0;
        text-align: center;
    }
}

.footer__main-menu nav {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width:991px) {
    .footer__main-menu nav {
        display: inline-block;
        text-align: left;
    }
}

.footer__main-menu a {
    display: block;
    font-size: 15px;
    font-size: 1em;
    line-height: 2.33333;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .footer__main-menu a:hover, .footer__main-menu a.active, .footer__main-menu a.is-active {
        color: #f99d1c;
        text-decoration: none;
    }

    .footer__main-menu a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

@media screen and (max-width:991px) {
    .footer__main-menu a {
        display: block;
        font-size: 15px;
        font-size: 1em;
        line-height: 3.33333;
        font-weight: 500;
    }

        .footer__main-menu a:before {
            content: '>';
            padding-right: 15px;
        }
}

.footer__newsletter {
    padding: 0 0 35px 0;
}

@media screen and (max-width:991px) {
    .footer__newsletter {
        width: 80%;
        margin: 0 auto;
        padding: 0 0 2vh 0;
    }
}

@media screen and (max-width:991px) {
    .footer__newsletter label {
        font-size: 15px;
        font-size: 1em;
        line-height: 2.2;
        font-weight: 300;
        text-align: center;
    }
}

.footer__newsletter > div {
    padding-bottom: 10px;
}

.footer__contact {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width:991px) {
    .footer__contact {
        align-items: center;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 3vh;
    }
}

@media screen and (max-width:991px) {
    .footer__contact label {
        font-size: 15px;
        font-size: 1em;
        line-height: 2.2;
        font-weight: 300;
    }
}

.footer--minimal {
    padding: 20px 0;
    background-image: none;
}

@media screen and (max-width:991px) {
    .footer--minimal {
        background-color: #454443;
    }
}

.footer--minimal > div:nth-child(1) {
    width: 100%;
    padding: 0;
}

.footer-bottom {
    display: flex;
    padding: 5vh 0 35px 3%;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.30769;
    font-weight: 500;
    color: #fff;
}

@media screen and (max-width:991px) {
    .footer-bottom {
        padding: 1vh 0;
        flex-direction: column;
        align-items: center;
        background-color: #f5f5f4;
        color: #706964;
    }
}

.footer-bottom > div {
    padding-right: 2%;
}

@media screen and (max-width:991px) {
    .footer-bottom > div {
        padding-bottom: 1vh;
    }
}

.footer-bottom__bottom-menu a {
    padding-right: 15px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .footer-bottom__bottom-menu a:hover, .footer-bottom__bottom-menu a.active, .footer-bottom__bottom-menu a.is-active {
        color: #f99d1c;
        text-decoration: none;
    }

    .footer-bottom__bottom-menu a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

@media screen and (max-width:991px) {
    .footer-bottom__bottom-menu a {
        color: #706964;
        text-decoration: none;
        -webkit-transition: color .1s linear;
        -ms-transition: color .1s linear;
        -moz-transition: color .1s linear;
        -o-transition: color .1s linear;
        transition: color .1s linear;
    }

        .footer-bottom__bottom-menu a:hover, .footer-bottom__bottom-menu a.active, .footer-bottom__bottom-menu a.is-active {
            color: #f99d1c;
            text-decoration: none;
        }

        .footer-bottom__bottom-menu a:focus {
            text-decoration: none;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px;
        }
}

.contracts-list {
    padding: 0 0 5vh 0;
}

    .contracts-list > div {
        margin-top: 5vh;
    }

        .contracts-list > div:first-child {
            margin-top: 0;
        }

@media screen and (max-width:991px) {
    .contracts-list .c-contract__main {
        display: none;
    }
}

.contracts-list .c-milestone {
    width: 68%;
}

.contract-details .contract-selector {
    margin: 3vh 5%;
    text-align: center;
}

.contract-details .c-contract {
    margin: 0 0 3vh 0;
}

@media screen and (max-width:991px) {
    .contract-details .c-contract {
        margin: 0 5% 3vh 5%;
    }
}

.contract-details .c-contract > div {
    background-color: #fafafa;
}

@media(min-width:991px) {
    .contract-details .c-contract__main {
        padding-bottom: 50px;
    }
}

.contract-details .c-contract .c-milestone {
    width: 85%;
}

@media(min-width:991px) {
    .contract-details .c-contract .tci-list .title {
        font-size: 1em;
    }

    .contract-details .c-contract .tci-list .value {
        font-size: 1.75em;
    }
}

@media(min-width:991px) {
    .contract-details .widget-wrapper {
        display: none;
    }
}

@media screen and (max-width:991px) {
    .top-anchor-wrapper {
        position: relative;
        z-index: 2;
        transform: translateY(50%);
    }
}

.top-anchor {
    padding: 0 0 5vh 0;
    text-align: center;
}

@media screen and (max-width:991px) {
    .top-anchor {
        padding: 0;
    }
}

.top-anchor a {
    display: inline-block;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 500;
    color: #01788e;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    .top-anchor a:hover, .top-anchor a.active, .top-anchor a.is-active {
        color: #f99d1c;
        text-decoration: none;
    }

    .top-anchor a:focus {
        text-decoration: none;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

    .top-anchor a:focus {
        color: #01788e;
    }

        .top-anchor a:focus span:before, .top-anchor a:focus span:after {
            background-color: #01788e;
        }

@media screen and (max-width:991px) {
    .top-anchor a {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        margin: 0 auto;
        padding: 17px 0;
        height: 69.1px;
        width: 69.1px;
        border: .1px solid #32302f;
        background-color: #32302f;
        border-radius: 50%;
        color: #f99d1c;
        text-decoration: none;
        -webkit-transition: color .1s linear;
        -ms-transition: color .1s linear;
        -moz-transition: color .1s linear;
        -o-transition: color .1s linear;
        transition: color .1s linear;
    }

        .top-anchor a:hover, .top-anchor a.active, .top-anchor a.is-active {
            color: #f99d1c;
            text-decoration: none;
        }

        .top-anchor a:focus {
            text-decoration: none;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px;
        }
}

.top-anchor a:hover:before {
    background-color: #f99d1c;
}

@media screen and (max-width:991px) {
    .top-anchor a:hover:before {
        background-color: #32302f;
    }
}

@media(min-width:991px) {
    .top-anchor a:before {
        content: '';
        display: block;
        height: 46px;
        width: 46px;
        background-color: #66a9b6;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.5),0 2px 4px 0 rgba(0,0,0,.5);
        border-radius: 50%;
        -webkit-transition: all .2s;
        -ms-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        content: "j";
        font-family: "eurolifeclientportal";
        font-size: .9em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #fff;
        line-height: 46px;
    }
}

@media screen and (max-width:991px) {
    .top-anchor a:before {
        content: "j";
        font-family: "eurolifeclientportal";
        font-size: .6em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #f99d1c;
    }
}

.top-anchor a span {
    display: block;
    padding-top: 3px;
}

@media screen and (max-width:991px) {
    .top-anchor a span {
        padding: 0;
    }
}

.welcome-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1330px;
}

@media(min-width:991px) {
    .welcome-wrapper {
        max-width: 1330px;
        padding: 0 25px;
    }
}

@media screen and (max-width:991px) {
    .welcome-wrapper {
        padding-left: 5%;
        padding-right: 5%;
    }
}

.welcome {
    visibility: hidden;
    padding: 1vh 0;
    font-size: 36px;
    font-size: 2.4em;
    line-height: 1.19444;
    text-align: center;
    transition: all .5s;
}

@media screen and (max-width:991px) {
    .welcome {
        font-size: 18px;
        font-size: 1.2em;
        line-height: 1.16667;
    }
}

.welcome.is-active {
    visibility: visible;
    display: block;
    padding: 5vh 0;
}

.welcome.is-disabled {
    padding: 1vh 0;
    opacity: 0;
}

.promo-carousel {
    position: relative;
    height: 420px;
    margin: 0 0 5vh 0;
}

@media screen and (max-width:991px) {
    .promo-carousel {
        height: auto;
        border-radius: 20px;
        overflow: hidden;
    }
}

.promo-carousel__figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    height: 100%;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

@media screen and (max-width:991px) {
    .promo-carousel__figure {
        width: 100%;
        height: 32vh;
    }
}

.promo-carousel__carousel {
    position: absolute;
    top: 0%;
    left: 0%;
    left: calc(55% - 40px);
    width: calc(45% + 40px);
    height: 420px;
    background-color: #e2c9ab;
}

    .promo-carousel__carousel .owl-carousel {
        overflow: hidden;
    }

.pagemode-edit .promo-carousel__carousel .owl-carousel {
    display: block;
}

.promo-carousel__carousel .owl-carousel .owl-stage-outer, .promo-carousel__carousel .owl-carousel .owl-stage, .promo-carousel__carousel .owl-carousel .owl-item, .promo-carousel__carousel .owl-carousel .item {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

    .promo-carousel__carousel .owl-carousel .owl-stage-outer.owl-height .owl-stage, .promo-carousel__carousel .owl-carousel .owl-stage-outer.owl-height .owl-item, .promo-carousel__carousel .owl-carousel .owl-stage-outer.owl-height .item {
        height: auto;
    }

@media screen and (max-width:991px) {
    .promo-carousel__carousel .owl-carousel .owl-nav > button {
        width: 32.5px;
        height: 87.5px;
        color: #ff3200;
        text-align: center;
    }

    .promo-carousel__carousel .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 0;
        left: 0;
        border-left: solid 1px #ff3200;
    }

        .promo-carousel__carousel .owl-carousel .owl-nav .owl-prev:before {
            content: "d";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .promo-carousel__carousel .owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 0;
        right: 0;
        border-right: solid 1px #ff3200;
    }

        .promo-carousel__carousel .owl-carousel .owl-nav .owl-next:before {
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
}

@media(min-width:991px) {
    .promo-carousel__carousel .owl-carousel--navigation-desktop-centered .owl-nav > button {
        width: 40px;
        height: 170px;
        color: #ff3200;
        text-align: center;
    }

    .promo-carousel__carousel .owl-carousel--navigation-desktop-centered .owl-nav .owl-prev {
        position: absolute;
        top: 0%;
        right: 50%;
        border-right: solid 1px #ff3200;
    }

        .promo-carousel__carousel .owl-carousel--navigation-desktop-centered .owl-nav .owl-prev:before {
            content: "d";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .promo-carousel__carousel .owl-carousel--navigation-desktop-centered .owl-nav .owl-next {
        position: absolute;
        top: 0%;
        left: 50%;
    }

        .promo-carousel__carousel .owl-carousel--navigation-desktop-centered .owl-nav .owl-next:before {
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
}

@media(min-width:991px) {
    .promo-carousel__carousel .owl-carousel--navigation-desktop-right .owl-nav > button {
        width: 30px;
        height: 55px;
        color: #ff3200;
        text-align: center;
    }

        .promo-carousel__carousel .owl-carousel--navigation-desktop-right .owl-nav > button.disabled {
            -webkit-opacity: .3;
            -ms-opacity: .3;
            -moz-opacity: .3;
            -o-opacity: .3;
            opacity: .3;
            cursor: default;
        }

    .promo-carousel__carousel .owl-carousel--navigation-desktop-right .owl-nav .owl-prev {
        position: absolute;
        top: 0;
        right: 30px;
        border-right: solid 1px #ff3200;
    }

        .promo-carousel__carousel .owl-carousel--navigation-desktop-right .owl-nav .owl-prev:before {
            content: "d";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            -webkit-transform: translateY(100%);
            -ms-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -o-transform: translateY(100%);
            transform: translateY(100%);
        }

    .promo-carousel__carousel .owl-carousel--navigation-desktop-right .owl-nav .owl-next {
        position: absolute;
        top: 0;
        right: 0;
    }

        .promo-carousel__carousel .owl-carousel--navigation-desktop-right .owl-nav .owl-next:before {
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            -webkit-transform: translateY(100%);
            -ms-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -o-transform: translateY(100%);
            transform: translateY(100%);
        }
}

@media(min-width:991px) {
    .promo-carousel__carousel .owl-carousel--navigation-desktop-space-between .owl-nav > button {
        width: 40px;
        height: 180px;
        color: #0d657b;
        text-align: center;
    }

        .promo-carousel__carousel .owl-carousel--navigation-desktop-space-between .owl-nav > button.disabled {
            -webkit-opacity: .3;
            -ms-opacity: .3;
            -moz-opacity: .3;
            -o-opacity: .3;
            opacity: .3;
            cursor: default;
        }

        .promo-carousel__carousel .owl-carousel--navigation-desktop-space-between .owl-nav > button:before, .promo-carousel__carousel .owl-carousel--navigation-desktop-space-between .owl-nav > button:after {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

    .promo-carousel__carousel .owl-carousel--navigation-desktop-space-between .owl-nav .owl-prev {
        position: absolute;
        top: 0;
        left: 0;
    }

        .promo-carousel__carousel .owl-carousel--navigation-desktop-space-between .owl-nav .owl-prev:before {
            content: "d";
            font-family: "eurolifeclientportal";
            font-size: 2.5em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
        }

    .promo-carousel__carousel .owl-carousel--navigation-desktop-space-between .owl-nav .owl-next {
        position: absolute;
        top: 0;
        right: 0;
    }

        .promo-carousel__carousel .owl-carousel--navigation-desktop-space-between .owl-nav .owl-next:before {
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: 2.5em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
        }
}

@media(min-width:991px) {
    .promo-carousel__carousel .owl-carousel--navigation-desktop-vertical .owl-nav > button {
        width: 40px;
        height: 210px;
        color: #ff3200;
        text-align: center;
    }

    .promo-carousel__carousel .owl-carousel--navigation-desktop-vertical .owl-nav .owl-prev {
        position: absolute;
        top: 245px;
        left: 25px;
        border-right: solid 1px #ff3200;
    }

        .promo-carousel__carousel .owl-carousel--navigation-desktop-vertical .owl-nav .owl-prev:before {
            content: "d";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .promo-carousel__carousel .owl-carousel--navigation-desktop-vertical .owl-nav .owl-next {
        position: absolute;
        top: 245px;
        left: 65px;
    }

        .promo-carousel__carousel .owl-carousel--navigation-desktop-vertical .owl-nav .owl-next:before {
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
}

@media screen and (max-width:991px) {
    .promo-carousel__carousel .owl-carousel--navigation-mobile-centered .owl-nav > button {
        width: 32.5px;
        height: 87.5px;
        color: #ff3200;
        text-align: center;
        top: 50% !important;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .promo-carousel__carousel .owl-carousel--navigation-mobile-centered .owl-nav .owl-prev {
        position: absolute;
        top: 0;
        left: 0;
        border-left: solid 1px #ff3200;
    }

        .promo-carousel__carousel .owl-carousel--navigation-mobile-centered .owl-nav .owl-prev:before {
            content: "d";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .promo-carousel__carousel .owl-carousel--navigation-mobile-centered .owl-nav .owl-next {
        position: absolute;
        top: 0;
        right: 0;
        border-right: solid 1px #ff3200;
    }

        .promo-carousel__carousel .owl-carousel--navigation-mobile-centered .owl-nav .owl-next:before {
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
}

.promo-carousel__carousel .owl-nav.disabled {
    display: none;
}

.promo-carousel__carousel .owl-nav > button {
    cursor: pointer;
}

    .promo-carousel__carousel .owl-nav > button.disabled {
        opacity: .3;
        cursor: default;
    }

    .promo-carousel__carousel .owl-nav > button:hover {
        color: #f99d1c;
    }

.promo-carousel__carousel .owl-dots {
    text-align: center;
}

    .promo-carousel__carousel .owl-dots.disabled {
        display: none;
    }

    .promo-carousel__carousel .owl-dots > button {
        cursor: pointer;
    }

    .promo-carousel__carousel .owl-dots .owl-dot {
        display: inline-block;
        margin: 0 3px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: solid 1px #9d9d9d;
        font-size: 1px;
        font-size: .06667em;
        line-height: 1.3;
        font-weight: 400;
    }

        .promo-carousel__carousel .owl-dots .owl-dot.active {
            border-color: #ff3200;
            background-color: #ff3200;
        }

@media screen and (max-width:991px) {
    .promo-carousel__carousel {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        height: auto;
        width: auto;
    }
}

.promo-carousel__carousel .owl-carousel {
    height: 100%;
}

.promo-carousel__carousel .item {
    padding-left: 40px;
    color: #fff;
}

@media screen and (max-width:991px) {
    .promo-carousel__carousel .item {
        padding-top: 30vh;
        padding-left: 0;
    }
}

.promo-carousel__carousel .item > div {
    padding: 0 15%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width:991px) {
    .promo-carousel__carousel .item > div {
        padding: 20px 5%;
        position: relative;
        top: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

.promo-carousel__carousel .item .title {
    margin-top: 10px;
    padding: 0 0 15px 0;
    font-size: 38px;
    font-size: 2.53333em;
    line-height: 1.07895;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .promo-carousel__carousel .item .title {
        padding: 15px 0;
        font-size: 18px;
        font-size: 1.2em;
        line-height: 1.22222;
        font-weight: 300;
    }
}

.promo-carousel__carousel .item .sub-title {
    padding: 0 0 25px 0;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.44444;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .promo-carousel__carousel .item .sub-title {
        padding: 0 0 15px 0;
        font-size: 13px;
        font-size: .86667em;
        line-height: 2;
        font-weight: 300;
    }
}

.promo-carousel__carousel .owl-dots {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80px;
    margin-left: 40px;
    transform: translateX(-50%) translateY(-50%);
    position: relative;
    top: -50%;
    z-index: 15;
}

@media screen and (max-width:991px) {
    .promo-carousel__carousel .owl-dots {
        flex-direction: row;
        justify-content: center;
        position: absolute;
        top: 32vh;
        z-index: 10;
        width: 100%;
        margin-left: 0;
        transform: translateX(0%) translateY(-50%);
    }
}

.promo-carousel__carousel .owl-dots .owl-dot {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    margin-top: 15px;
    background-color: #fff;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.23);
    transition: all .2s;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.16667;
    font-weight: 300;
    color: #01788e;
}

    .promo-carousel__carousel .owl-dots .owl-dot:first-child {
        margin: 0;
    }

@media screen and (max-width:991px) {
    .promo-carousel__carousel .owl-dots .owl-dot {
        width: 20px;
        height: 20px;
        margin: 0 5px;
        font-size: 9px;
        font-size: .6em;
        line-height: 1.11111;
        font-weight: 300;
    }
}

.promo-carousel__carousel .owl-dots .owl-dot.active {
    width: 80px;
    height: 80px;
    background-color: #fff;
    border: none;
    font-size: 30px;
    font-size: 2em;
    line-height: 1.16667;
    font-weight: 300;
    color: #32302f;
}

@media screen and (max-width:991px) {
    .promo-carousel__carousel .owl-dots .owl-dot.active {
        width: 40px;
        height: 40px;
        font-size: 15px;
        font-size: 1em;
        line-height: 1.13333;
        font-weight: 300;
    }
}

.documents-category {
    position: relative;
    margin: 0 auto;
    max-width: 1330px;
}

@media screen and (max-width:991px) {
    .documents-category {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media screen and (max-width:991px) {
    .documents-category .panel__section {
        padding: 0;
    }
}

@media screen and (max-width:991px) {
    .documents-category .panel__section__body {
        padding: 0;
    }
}

.documents-category__title {
    padding: 0 0 30px 0;
    font-size: 25px;
    font-size: 1.66667em;
    line-height: 1.12;
    font-weight: 300;
    color: #32302f;
}

@media screen and (max-width:991px) {
    .documents-category__title {
        margin: 0 0 2vh 0;
        padding: 3vh 0;
        font-size: 18px;
        font-size: 1.2em;
        line-height: 1.5;
        font-weight: 300;
        text-align: center;
        background-color: #fafafa;
    }
}

@media screen and (max-width:991px) {
    .documents-category__list {
        padding: 0 15px;
    }
}

.documents-category__list__item .title {
    padding: 0 0 20px 0;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.22222;
    font-weight: 300;
    color: #4a4a4a;
}

.documents-search {
    position: relative;
    margin: 0 auto;
    max-width: 1330px;
    position: absolute;
    top: 0%;
    right: 0;
    width: 24%;
    transform: translateY(15%);
}

@media screen and (max-width:991px) {
    .documents-search {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media screen and (max-width:991px) {
    .documents-search {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
        margin-bottom: 4vh;
        transform: translateY(0);
    }
}

.documents-search .panel {
    margin-bottom: 0;
}

.documents-search .panel__section {
    padding: 20px 0;
}

.documents-search .panel__section__body {
    padding: 0 20px;
}

.certificates {
    position: relative;
    margin: 0 auto;
    max-width: 1330px;
}

@media screen and (max-width:991px) {
    .certificates {
        padding-left: 5%;
        padding-right: 5%;
    }
}

.certificates__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 8vh 0;
}

    .certificates__list > div {
        width: 31%;
        margin-left: 2%;
    }

@media screen and (max-width:991px) {
    .certificates__list > div {
        width: 100%;
        margin-bottom: 2vh;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .certificates__download .form-container .form-row {
        flex-wrap: wrap;
    }
}

.certificates__download .form-container .form-row > div:nth-child(1) {
    width: 45%;
}

@media(min-width:992px) and (max-width:1199px) {
    .certificates__download .form-container .form-row > div:nth-child(1) {
        width: 45%;
    }
}

@media screen and (max-width:991px) {
    .certificates__download .form-container .form-row > div:nth-child(1) {
        width: 100%;
    }
}

.certificates__download .form-container .form-row > div:nth-child(2) {
    width: 31%;
}

@media(min-width:992px) and (max-width:1199px) {
    .certificates__download .form-container .form-row > div:nth-child(2) {
        width: 45%;
    }
}

@media screen and (max-width:991px) {
    .certificates__download .form-container .form-row > div:nth-child(2) {
        width: 100%;
    }
}

.certificates__download .form-container .form-row > div:nth-child(3) {
    width: 20%;
}

@media(min-width:992px) and (max-width:1199px) {
    .certificates__download .form-container .form-row > div:nth-child(3) {
        width: 100%;
        justify-content: center;
    }
}

@media screen and (max-width:991px) {
    .certificates__download .form-container .form-row > div:nth-child(3) {
        width: 100%;
        align-items: center;
    }
}

.requirements-tools {
    position: relative;
    margin-bottom: 25px;
}

@media screen and (min-width:480px) and (max-width:991px) {
    .requirements-tools {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width:991px) {
    .requirements-tools {
        margin-bottom: 3vh;
    }
}

@media(min-width:991px) {
    .requirements-tools > div:nth-child(2) {
        position: absolute;
        top: 0;
        right: 0;
        transform: translateY(-100%);
    }
}

.requirements-tools p {
    margin-bottom: 0;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .requirements-tools p {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.30769;
        font-weight: 500;
    }
}

.requirements-tools .info-icon {
    display: flex;
    align-items: center;
}

    .requirements-tools .info-icon:before {
        margin-right: 10px;
        content: "E";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
        color: #01788e;
        font-style: normal;
    }

@media screen and (max-width:991px) {
    .requirements-tools {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .requirements-tools > div {
            width: 48%;
        }

            .requirements-tools > div:nth-child(1) {
                justify-content: center;
                order: 2;
                padding: 10px 0;
                border-bottom: solid 1px #01788e;
            }

            .requirements-tools > div:nth-child(2) {
                order: 1;
            }

                .requirements-tools > div:nth-child(2) .btn {
                    font-size: .75em;
                    padding-left: 10px;
                    padding-right: 10px;
                }
}

.requirements-filters {
    margin: 0 0 4vh 0;
}

.requirements-filters__body__form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width:991px) {
    .requirements-filters__body__form {
        justify-content: flex-start;
        flex-direction: column;
    }
}

.requirements-filters__body__form > div:nth-child(1), .requirements-filters__body__form > div:nth-child(3) {
    width: 100%;
}

.with-datepicker .requirements-filters__body__form > div:nth-child(1), .with-datepicker .requirements-filters__body__form > div:nth-child(3) {
    width: 61%;
}

@media screen and (max-width:991px) {
    .with-datepicker .requirements-filters__body__form > div:nth-child(1), .with-datepicker .requirements-filters__body__form > div:nth-child(3) {
        width: 100%;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .with-datepicker .requirements-filters__body__form > div:nth-child(1), .with-datepicker .requirements-filters__body__form > div:nth-child(3) {
        width: 57%;
    }
}

@media screen and (max-width:991px) {
    .requirements-filters__body__form > div:nth-child(1), .requirements-filters__body__form > div:nth-child(3) {
        order: 2;
        width: 100%;
    }
}

.requirements-filters__body__form > div:nth-child(2) {
    width: 22%;
}

.with-datepicker .requirements-filters__body__form > div:nth-child(2) {
    width: 30%;
}

@media(min-width:992px) and (max-width:1199px) {
    .with-datepicker .requirements-filters__body__form > div:nth-child(2) {
        width: 37%;
    }
}

@media screen and (max-width:991px) {
    .requirements-filters__body__form > div:nth-child(2) {
        order: 1;
        width: 90%;
    }
}

.requirements-filters__body__submit {
    display: flex;
    justify-content: center;
}

.requirements-filters .label--bold {
    margin-bottom: 10px;
    color: #32302f;
    font-weight: 500;
}

@media screen and (max-width:991px) {
    .requirements-filters .label--bold {
        display: none;
    }
}

.filters-sorting-triggers {
    position: relative;
    display: flex;
    justify-content: space-between;
}

    .filters-sorting-triggers > div {
        width: 48%;
    }

    .filters-sorting-triggers .trigger {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 15px 0;
        border: 1px solid #66a9b6;
        border-radius: 6px;
        font-size: 14px;
        font-size: .93333em;
        line-height: 1.14286;
        font-weight: 400;
        color: #01788e;
        text-decoration: none;
        -webkit-transition: color .1s linear;
        -ms-transition: color .1s linear;
        -moz-transition: color .1s linear;
        -o-transition: color .1s linear;
        transition: color .1s linear;
    }

        .filters-sorting-triggers .trigger:hover, .filters-sorting-triggers .trigger.active, .filters-sorting-triggers .trigger.is-active {
            color: #01788e;
            text-decoration: none;
        }

        .filters-sorting-triggers .trigger:focus {
            text-decoration: none;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px;
        }

        .filters-sorting-triggers .trigger:after {
            position: absolute;
            top: 50%;
            right: 5%;
            content: "a";
            font-family: "eurolifeclientportal";
            font-size: .65em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            transform: translateY(-50%);
        }

        .filters-sorting-triggers .trigger.is-active {
            padding: 15px 0 35px 0;
            background-color: #66a9b6;
            color: #fff;
        }

            .filters-sorting-triggers .trigger.is-active:after {
                content: "j";
                font-family: "eurolifeclientportal";
                font-size: .65em;
                font-weight: normal;
                line-height: 1;
                vertical-align: middle;
                transform: translateY(calc(-50% - 10px));
            }

        .filters-sorting-triggers .trigger:before {
            margin-right: 10px;
        }

    .filters-sorting-triggers .trigger--filter:before {
        content: "P";
        font-family: "eurolifeclientportal";
        font-size: 1.3em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

    .filters-sorting-triggers .trigger--sorting:before {
        content: "Q";
        font-family: "eurolifeclientportal";
        font-size: 1.3em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

.filters-sorting-panel {
    position: relative;
    top: -8px;
    width: 100%;
    margin-bottom: -8px;
    padding: 5vh 5vw;
    background-color: #66a9b6;
    z-index: 100;
    border-radius: 6px;
}

    .filters-sorting-panel.is-active {
        display: block !important;
    }

    .filters-sorting-panel .form-container .form-row:not(.cols-2):last-child > div {
        margin-bottom: 0;
    }

@media screen and (max-width:991px) {
    .filters-sorting-panel .form-container .form-row.cols-2:last-child > div:last-child {
        margin-bottom: 0;
    }
}

.filters-sorting-panel .radio-buttons--vertical > div {
    margin-bottom: 0;
    padding: 15px 0;
    border-bottom: solid 1px #98c5ce;
}

    .filters-sorting-panel .radio-buttons--vertical > div:last-child {
        border: none;
        padding-bottom: 0;
    }

.filters-sorting-panel .radio-buttons .custom-inputs [type="radio"] + label {
    color: #fff;
}

.filters-sorting-panel .btn {
    font-size: 17px;
    font-size: 1.13333em;
    line-height: 1.35294;
    font-weight: 700;
}

.application {
    position: relative;
    margin: 0 auto;
    max-width: 1330px;
    padding: 0 0 0 25px;
    color: #32302f;
}

@media screen and (max-width:991px) {
    .application {
        padding-left: 5%;
        padding-right: 5%;
    }
}

.application__summary {
    margin-bottom: 8vh;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.38889;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .application__summary {
        margin-bottom: 3vh;
        padding: 3vh 10px;
        background-color: #fafafa;
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.30769;
    }

        .application__summary p {
            margin-bottom: 0;
        }
}

.application__widgets {
    margin-bottom: 3vh;
}

.application__list {
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.38889;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .application__list {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.30769;
        font-weight: 300;
    }
}

.application__item {
    display: flex;
    margin-bottom: 75px;
}

@media screen and (max-width:991px) {
    .application__item {
        margin-bottom: 5vh;
    }
}

.application__item > div:nth-child(1) {
    width: 35px;
}

@media screen and (max-width:991px) {
    .application__item > div:nth-child(1) {
        width: 25px;
    }
}

.application__item > div:nth-child(2) {
    flex: 1;
}

.application__item .num {
    border-right: solid 1px #66a9b6;
    font-size: 2em;
    line-height: 1;
    color: #cac5c2;
}

@media screen and (max-width:991px) {
    .application__item .num {
        font-weight: 700;
    }
}

.application__item .title {
    padding: 0 0 20px 20px;
    font-size: 1.33em;
    color: #4a4a4a;
}

@media screen and (max-width:991px) {
    .application__item .title {
        padding: 0 0 10px 15px;
        font-weight: 700;
    }
}

.application__item .content {
    padding: 0 0 0 20px;
}

@media screen and (max-width:991px) {
    .application__item .content {
        padding: 0 0 0 15px;
    }
}

@media screen and (max-width:991px) {
    .application__item ul {
        padding-left: 5vw;
    }
}

.application__item ul li {
    list-style: none;
}

    .application__item ul li:before {
        content: '-';
        padding-right: 5px;
    }

.application__item .lnk, .application__item .widget .data-table a, .widget .data-table .application__item a {
    margin-left: 20px;
}

.graphics-filters-container {
    transition: padding .2s;
}

    .graphics-filters-container.onStick {
        padding: 15px 0;
        box-shadow: 0 3px 5px 0 #ccc;
    }

@media screen and (max-width:991px) {
    .graphics-filters-container.onStick {
        padding: 0 0 10px 0;
    }
}

@media screen and (min-width:480px) and (max-width:991px) {
    .graphics-filters {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
}

.graphics-filters__filters {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width:991px) {
    .graphics-filters__filters {
        flex-wrap: wrap;
    }
}

@media screen and (max-width:991px) {
    .graphics-filters__filters > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
    }
}

.graphics-filters__filters > div:nth-child(1) {
    width: 40%;
}

@media screen and (max-width:991px) {
    .graphics-filters__filters > div:nth-child(1) {
        width: 100%;
        border-bottom: solid 1px #fff;
    }

        .graphics-filters__filters > div:nth-child(1) > *:nth-child(1) {
            width: 40%;
        }

        .graphics-filters__filters > div:nth-child(1) > *:nth-child(2) {
            width: 60%;
        }
}

.graphics-filters__filters > div:nth-child(2) {
    width: 55%;
}

@media screen and (max-width:991px) {
    .graphics-filters__filters > div:nth-child(2) {
        width: 100%;
    }
}

.graphics-filters__filters > div:nth-child(3) {
    flex: 1;
    width: 100%;
    border: solid 1px #f00;
}

.graphics-filters__submit {
    margin-top: 30px;
    display: none;
}

@media screen and (max-width:991px) {
    .graphics-filters__submit {
        margin-top: 15px;
    }
}

.graphics-filters__submit.is-visible {
    display: flex;
    justify-content: center;
}

.graphics-filters .label {
    color: #4a4a4a;
}

@media screen and (max-width:991px) {
    .graphics-filters .label {
        margin: 0;
        font-size: 12px;
        font-size: .8em;
        line-height: 1;
    }
}

.graphics-filters .form-container .form-row > div {
    margin-bottom: 0;
}

@media screen and (max-width:991px) {
    .graphics-filters .form-container .form-row > div {
        display: flex;
        flex-direction: column;
    }

        .graphics-filters .form-container .form-row > div > div:nth-child(1) {
            width: 40%;
        }

        .graphics-filters .form-container .form-row > div > div:nth-child(2) {
            width: 100%;
        }

        .graphics-filters .form-container .form-row > div .cols-2 {
            flex-direction: row;
            justify-content: space-between;
        }

            .graphics-filters .form-container .form-row > div .cols-2 > div {
                width: 47%;
            }
}

@media(min-width:991px) {
    .graphics-filters .checkbox-list {
        padding-top: 10px;
    }
}

@media screen and (max-width:991px) {
    .graphics-filters .checkbox-list--horizontal > div {
        margin: 0;
        padding-right: 15px;
    }

        .graphics-filters .checkbox-list--horizontal > div:last-child {
            padding-right: 0;
        }
}

.fluctuations__options {
    display: flex;
    align-items: center;
    margin: 0 0 45px 0;
}

@media screen and (max-width:991px) {
    .fluctuations__options {
        justify-content: center;
    }
}

.fluctuations__options > div:nth-child(2) {
    width: 47.5%;
}

@media screen and (max-width:991px) {
    .fluctuations__options > div:nth-child(2) {
        width: auto;
    }
}

.fluctuations__options .label {
    margin-right: 10px;
}

@media screen and (max-width:991px) {
    .fluctuations__options .label {
        margin-bottom: 0;
    }
}

.fluctuations__filters {
    display: flex;
    justify-content: center;
    margin: 0 0 35px 0;
}

@media screen and (max-width:767px) {
    .fluctuations__filters .radio-buttons--horizontal {
        font-size: .8em;
    }

        .fluctuations__filters .radio-buttons--horizontal > div {
            margin-left: 10px;
        }

            .fluctuations__filters .radio-buttons--horizontal > div:not(:last-child) label {
                white-space: nowrap;
            }
}

.fluctuations__canvas__row {
    display: none;
}

    .fluctuations__canvas__row:first-child {
        display: block;
    }

    .fluctuations__canvas__row > div {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

@media screen and (max-width:991px) {
    .fluctuations__canvas__row > div {
        flex-direction: column;
    }
}

.fluctuations__canvas__row > div > div {
    width: 47%;
}

@media screen and (max-width:991px) {
    .fluctuations__canvas__row > div > div {
        width: 100%;
    }
}

.fluctuations__canvas__row > div > div:nth-child(1) {
    min-height: 260px;
}

@media screen and (max-width:991px) {
    .fluctuations__canvas__row > div > div:nth-child(1) {
        margin-bottom: 2vh;
    }
}

.fluctuations__canvas__row > div .table-title {
    margin-bottom: 15px;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 700;
    color: #32302f;
}

.fluctuations__canvas__row > div .data-table {
    margin-bottom: 30px;
}

    .fluctuations__canvas__row > div .data-table div > span:not(.info):not(.field-validation-error) {
        display: block;
        font-size: 15px;
        font-size: 1em;
        line-height: 1.73333;
        font-weight: 300;
    }

@media screen and (max-width:991px) {
    .fluctuations__canvas__row > div .data-table div > span:not(.info):not(.field-validation-error) {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.15385;
        font-weight: 300;
    }
}

.fluctuations__canvas__row > div .data-table .data-row {
    display: flex;
    padding: 5px 0;
    border-top: 1px solid #f2f2f2;
}

@media screen and (max-width:991px) {
    .fluctuations__canvas__row > div .data-table .data-row {
        padding: calc(5px*1.5) 0;
        border-top: 1px solid #dad8d3;
    }
}

.fluctuations__canvas__row > div .data-table .data-row:first-child {
    border: none;
}

.fluctuations__canvas__row > div .data-table .data-row--remove-border {
    border: none;
}

.fluctuations__canvas__row > div .data-table .data-row--cols-auto-width > div {
    width: auto !important;
}

.fluctuations__canvas__row > div .data-table .data-row--align-items-center {
    align-items: center;
}

.fluctuations__canvas__row > div .data-table .data-row--justify-space-between {
    justify-content: space-between;
}

.fluctuations__canvas__row > div .data-table .data-row--justify-flex-end {
    justify-content: flex-end;
}

.fluctuations__canvas__row > div .data-table .data-row > div {
    width: 50%;
}

@media screen and (max-width:991px) {
    .fluctuations__canvas__row > div .data-table .data-row > div:nth-child(2) {
        text-align: right;
    }

        .fluctuations__canvas__row > div .data-table .data-row > div:nth-child(2) span:not(.info):not(.field-validation-error) {
            font-weight: bold;
        }
}

.fluctuations__canvas__row > div .data-table .icon-check, .fluctuations__canvas__row > div .data-table .icon-close {
    display: inline;
    padding-right: 5px;
    color: #f99d1c;
}

    .fluctuations__canvas__row > div .data-table .icon-check:before, .fluctuations__canvas__row > div .data-table .icon-close:before {
        content: "e";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

    .fluctuations__canvas__row > div .data-table .icon-check + span, .fluctuations__canvas__row > div .data-table .icon-close + span {
        display: inline;
    }

    .fluctuations__canvas__row > div .data-table .icon-close:before {
        content: "N";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

.fluctuations__canvas__row > div .data-table .lnk span, .fluctuations__canvas__row > div .widget .data-table a span, .widget .fluctuations__canvas__row > div .data-table a span {
    font-weight: 500;
}

.fluctuations__canvas__row > div .data-table .data-row > div:nth-child(2) span {
    font-weight: bold;
}

.profile-personal-details {
    margin-bottom: 5vh;
}

@media screen and (max-width:991px) {
    .profile-personal-details .page-sub-title .info {
        display: none;
    }
}

@media(min-width:991px) {
    .profile-personal-details__header {
        display: none;
    }
}

@media screen and (max-width:991px) {
    .profile-personal-details__header {
        text-align: center;
        font-size: 16px;
        font-size: 1.06667em;
        line-height: 1.75;
        font-weight: 500;
        color: #32302f;
    }
}

@media screen and (max-width:991px) {
    .profile-personal-details__header .title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .profile-personal-details__header .title .lnk, .profile-personal-details__header .title .widget .data-table a, .widget .data-table .profile-personal-details__header .title a {
            margin-left: 15px;
        }
}

.profile-personal-details__content {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width:991px) {
    .profile-personal-details__content {
        flex-direction: column;
    }
}

.profile-personal-details__content > div {
    width: 31%;
}

@media screen and (max-width:991px) {
    .profile-personal-details__content > div {
        width: 100%;
        margin-top: 3vh;
    }

        .profile-personal-details__content > div:first-child {
            margin-top: 0;
        }
}

.profile-personal-details__content .title {
    font-size: 13px;
    font-size: .86667em;
    line-height: 3.30769;
    font-weight: 700;
    color: #9b9b9b;
}

@media screen and (max-width:991px) {
    .profile-personal-details__content .title {
        text-align: center;
    }
}

.profile-personal-details__content .data .data-table {
    color: #898989;
}

    .profile-personal-details__content .data .data-table div > span:not(.info):not(.field-validation-error) {
        display: block;
        font-size: 15px;
        font-size: 1em;
        line-height: 1.33333;
        font-weight: 300;
    }

@media screen and (max-width:991px) {
    .profile-personal-details__content .data .data-table div > span:not(.info):not(.field-validation-error) {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.15385;
        font-weight: 300;
    }
}

.profile-personal-details__content .data .data-table .data-row {
    display: flex;
    padding: 10px 0;
    border-top: 1px solid #e8e8e8;
}

@media screen and (max-width:991px) {
    .profile-personal-details__content .data .data-table .data-row {
        padding: calc(10px*1.5) 0;
        border-top: 1px solid #dad8d3;
    }
}

.profile-personal-details__content .data .data-table .data-row:first-child {
    border: none;
}

.profile-personal-details__content .data .data-table .data-row--remove-border {
    border: none;
}

.profile-personal-details__content .data .data-table .data-row--cols-auto-width > div {
    width: auto !important;
}

.profile-personal-details__content .data .data-table .data-row--align-items-center {
    align-items: center;
}

.profile-personal-details__content .data .data-table .data-row--justify-space-between {
    justify-content: space-between;
}

.profile-personal-details__content .data .data-table .data-row--justify-flex-end {
    justify-content: flex-end;
}

.profile-personal-details__content .data .data-table .data-row > div {
    width: 50%;
}

@media screen and (max-width:991px) {
    .profile-personal-details__content .data .data-table .data-row > div:nth-child(2) {
        text-align: right;
    }

        .profile-personal-details__content .data .data-table .data-row > div:nth-child(2) span:not(.info):not(.field-validation-error) {
            font-weight: bold;
        }
}

.profile-personal-details__content .data .data-table .icon-check, .profile-personal-details__content .data .data-table .icon-close {
    display: inline;
    padding-right: 5px;
    color: #f99d1c;
}

    .profile-personal-details__content .data .data-table .icon-check:before, .profile-personal-details__content .data .data-table .icon-close:before {
        content: "e";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

    .profile-personal-details__content .data .data-table .icon-check + span, .profile-personal-details__content .data .data-table .icon-close + span {
        display: inline;
    }

    .profile-personal-details__content .data .data-table .icon-close:before {
        content: "N";
        font-family: "eurolifeclientportal";
        font-size: 1em;
        font-weight: normal;
        line-height: 1;
        vertical-align: middle;
    }

.profile-personal-details__content .data .data-table .lnk span, .profile-personal-details__content .data .widget .data-table a span, .widget .profile-personal-details__content .data .data-table a span {
    font-weight: 500;
}

.profile-personal-details .info {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 5px;
    text-align: right;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.38462;
    font-weight: 300;
    color: #1e596c;
    font-style: normal;
}

@media screen and (max-width:991px) {
    .profile-personal-details .info {
        text-align: center;
        font-size: 11px;
        font-size: .73333em;
        line-height: 1.36364;
        font-weight: 300;
    }
}

.profile-personal-details .info:before, .profile-personal-details .info:after {
    content: "E";
    font-family: "eurolifeclientportal";
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    color: #01788e;
    font-style: normal;
}

.profile-personal-details .info:before {
    display: none;
    margin-right: 10px;
    display: block;
}

.profile-personal-details .info:after {
    display: none;
    margin-left: 10px;
}

@media screen and (max-width:991px) {
    .profile-personal-details .warning-message {
        display: none;
        position: relative;
        margin: 0;
    }

        .profile-personal-details .warning-message.is-visible {
            display: flex;
        }

        .profile-personal-details .warning-message:last-child:after {
            display: none;
        }

        .profile-personal-details .warning-message:after {
            position: absolute;
            bottom: 0%;
            left: 5%;
            content: '';
            width: 90%;
            height: 1px;
            margin: 0 auto;
            background-color: #e6ebed;
        }
}

.profile-manage-reminders {
    margin-bottom: 5vh;
}

.profile-manage-reminders__content {
    display: flex;
}

@media screen and (max-width:991px) {
    .profile-manage-reminders__content {
        flex-direction: column;
    }
}

.profile-manage-reminders__content > div:nth-child(1) {
    width: 70%;
    margin-right: 5%;
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.38889;
    font-weight: 300;
    color: #4a4a4a;
}

@media screen and (max-width:991px) {
    .profile-manage-reminders__content > div:nth-child(1) {
        width: 100%;
        margin-right: 0;
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.84615;
        font-weight: 300;
    }
}

.profile-manage-reminders__content > div:nth-child(2) {
    width: auto;
}

.profile-manage-password {
    border-top: 1px solid #d8d8d8;
    margin-bottom: 10vh;
    padding-top: 20px;
}

@media screen and (max-width:991px) {
    .profile-personal-details--edit .profile-personal-details__content .data .data-table .data-row {
        align-items: center;
    }
}

@media screen and (max-width:991px) {
    .profile-personal-details--edit .profile-personal-details__content .data .data-table .info {
        text-align: right;
    }
}

@media screen and (max-width:991px) {
    .profile-personal-details--edit .profile-personal-details__content .data .data-table .data-row > div:nth-child(2) {
        text-align: left;
    }

        .profile-personal-details--edit .profile-personal-details__content .data .data-table .data-row > div:nth-child(2) span:not(.field-validation-error) {
            text-align: right;
        }
}

.profile-personal-details--edit .data-table .info {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 5px;
    text-align: right;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.38462;
    font-weight: 300;
    color: #000;
    font-style: italic;
    margin-top: 0;
}

@media screen and (max-width:991px) {
    .profile-personal-details--edit .data-table .info {
        text-align: center;
        font-size: 11px;
        font-size: .73333em;
        line-height: 1.36364;
        font-weight: 300;
    }
}

.profile-personal-details--edit .data-table .info:before, .profile-personal-details--edit .data-table .info:after {
    content: "E";
    font-family: "eurolifeclientportal";
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    color: #01788e;
    font-style: normal;
}

.profile-personal-details--edit .data-table .info:before {
    display: none;
    margin-right: 10px;
}

.profile-personal-details--edit .data-table .info:after {
    display: none;
    margin-left: 10px;
    display: block;
}

.profile-personal-details--edit .btn--upload {
    margin-left: 15px;
}

.profile-personal-details .btns {
    text-align: center;
}

.profile-manage-password--edit .new-password {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width:991px) {
    .profile-manage-password--edit .new-password {
        flex-direction: column;
    }
}

.profile-manage-password--edit .new-password > div {
    width: 30%;
}

@media screen and (max-width:991px) {
    .profile-manage-password--edit .new-password > div {
        width: 100%;
    }
}

.profile-manage-password--edit .new-password .form-row {
    margin-bottom: 15px;
}

.profile-manage-password--edit .new-password .form-row--horizontal {
    display: flex;
    align-items: center;
}

    .profile-manage-password--edit .new-password .form-row--horizontal > div {
        position: relative;
    }

        .profile-manage-password--edit .new-password .form-row--horizontal > div:nth-child(1) {
            margin-right: 10px;
        }

@media screen and (max-width:991px) {
    .profile-manage-password--edit .new-password .form-row--horizontal > div:nth-child(1) {
        width: 50%;
    }
}

.profile-manage-password--edit .new-password .form-row--horizontal > div:nth-child(2) {
    max-width: 100%;
    flex-shrink: 1;
}

@media screen and (max-width:991px) {
    .profile-manage-password--edit .new-password .form-row--horizontal > div:nth-child(2) {
        width: 50%;
    }
}

@media(min-width:991px) {
    .profile-manage-password--edit .new-password .form-row--horizontal > div .info {
        position: absolute;
        right: 0;
    }
}

.profile-manage-password--edit .security-question {
    width: 65%;
    margin: 0 auto;
}

@media screen and (max-width:991px) {
    .profile-manage-password--edit .security-question {
        width: 100%;
    }
}

.profile-manage-password--edit .security-question .form-row {
    margin-bottom: 15px;
}

.profile-manage-password--edit .security-question .form-row--horizontal {
    display: flex;
    align-items: center;
}

    .profile-manage-password--edit .security-question .form-row--horizontal > div:nth-child(1) {
        width: 40%;
        margin-right: 10px;
    }

@media screen and (max-width:991px) {
    .profile-manage-password--edit .security-question .form-row--horizontal > div:nth-child(1) {
        margin-right: 0;
        width: 50%;
    }
}

@media(min-width:991px) {
    .profile-manage-password--edit .security-question .form-row--horizontal > div:nth-child(1) .label {
        text-align: right;
    }
}

.profile-manage-password--edit .security-question .form-row--horizontal > div:nth-child(2) {
    width: 60%;
}

@media screen and (max-width:991px) {
    .profile-manage-password--edit .security-question .form-row--horizontal > div:nth-child(2) {
        width: 50%;
    }
}

.profile-manage-password--edit .btns {
    text-align: center;
}

.profile-manage-password--edit .info {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 5px;
    text-align: right;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.38462;
    font-weight: 300;
    color: #000;
    font-style: italic;
}

@media screen and (max-width:991px) {
    .profile-manage-password--edit .info {
        text-align: center;
        font-size: 11px;
        font-size: .73333em;
        line-height: 1.36364;
        font-weight: 300;
    }
}

.profile-manage-password--edit .info:before, .profile-manage-password--edit .info:after {
    content: "E";
    font-family: "eurolifeclientportal";
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    color: #01788e;
    font-style: normal;
}

.profile-manage-password--edit .info:before {
    display: none;
    margin-right: 10px;
    display: block;
}

.profile-manage-password--edit .info:after {
    display: none;
    margin-left: 10px;
}

.contact-details-wrapper {
    padding-bottom: 2vh;
}

@media screen and (max-width:991px) {
    .contact-details-wrapper {
        padding: 0;
    }

        .contact-details-wrapper > .panel--default {
            margin-bottom: 0;
        }
}

.contact-details {
    display: flex;
}

@media screen and (max-width:991px) {
    .contact-details {
        flex-direction: column;
        text-align: center;
    }
}

.contact-details > div {
    position: relative;
    width: 33%;
    padding: 30px 30px;
}

@media screen and (max-width:991px) {
    .contact-details > div {
        width: 100%;
        margin-bottom: 3vh;
        padding: 0 5%;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 2px 4px 0 rgba(207,207,207,.5);
    }

        .contact-details > div:before {
            position: absolute;
            top: 0%;
            left: 5%;
            content: '';
            display: block;
            width: 1px;
            height: 30px;
            background-color: #66a9b6;
        }
}

@media screen and (max-width:991px) {
    .contact-details > div:nth-child(1) {
        padding: 30px 0;
    }
}

@media screen and (max-width:991px) {
    .contact-details > div:nth-child(2) {
        padding: 0 0 30px 0;
    }
}

.contact-details > div:nth-child(3), .contact-details > div:nth-child(4) {
    flex: 1;
    background-color: #fafafa;
}

@media screen and (max-width:991px) {
    .contact-details > div:nth-child(3), .contact-details > div:nth-child(4) {
        padding: 30px 0;
    }
}

.contact-details__call {
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.44444;
    font-weight: 300;
    color: #4a4a4a;
}

@media screen and (max-width:991px) {
    .contact-details__call {
        font-size: 14px;
        font-size: .93333em;
        line-height: 1.42857;
        font-weight: 300;
    }
}

.contact-details__call article > * > * {
    display: block;
}

.contact-details__call .title {
    font-size: 1.38em;
}

@media screen and (max-width:991px) {
    .contact-details__call .title {
        margin-bottom: 20px;
        font-size: 1.15em;
        color: #01788e;
    }
}

.contact-details__call .phone {
    font-size: 2.5em;
    font-weight: 300;
    line-height: 1.2;
    color: #0e313e;
}

@media screen and (max-width:991px) {
    .contact-details__call .phone {
        font-size: 1.5em;
        padding-left: 10px;
    }
}

.contact-details__call .phone:after {
    padding-left: 10px;
    content: "b";
    font-family: "eurolifeclientportal";
    font-size: .7em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    vertical-align: auto !important;
}

@media screen and (max-width:991px) {
    .contact-details__call .phone:after {
        display: inline-block;
        padding-left: 0;
        transform: translateY(-100%);
    }
}

@media screen and (max-width:991px) {
    .contact-details__call .phone {
        font-size: 2em;
        font-weight: 700;
        color: #7a7a7a;
    }

        .contact-details__call .phone:last-child {
            margin-bottom: 10px;
        }

        .contact-details__call .phone:after {
            display: none;
        }
}

@media(min-width:991px) {
    .contact-details__call__address {
        padding-top: 10px;
    }
}

.contact-details__info {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.73333;
    font-weight: 300;
    color: #4a4a4a;
}

@media screen and (max-width:991px) {
    .contact-details__info {
        color: #01788e;
    }
}

.contact-details__info > div {
    position: relative;
    margin-bottom: 30px;
    padding-left: 50px;
}

@media screen and (max-width:991px) {
    .contact-details__info > div {
        border-top: solid 1px #e9e9e9;
        padding-top: 30px;
        padding-left: 0;
    }

        .contact-details__info > div:first-child {
            border: none;
        }
}

.contact-details__info > div:last-child {
    margin: 0;
}

.contact-details__info > div:before {
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width:991px) {
    .contact-details__info > div:before {
        display: block;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin-bottom: 15px;
    }
}

.contact-details__info .hours:before {
    content: "D";
    font-family: "eurolifeclientportal";
    font-size: 2.2em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

.contact-details__info .fax:before {
    content: "C";
    font-family: "eurolifeclientportal";
    font-size: 2.2em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

.contact-details__info .telephone:before {
    content: "A";
    font-family: "eurolifeclientportal";
    font-size: 2.2em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

.contact-details__info .email a {
    font-size: 1.2em;
    font-weight: 700;
}

@media screen and (max-width:991px) {
    .contact-details__info .email a {
        color: #7a7a7a;
        text-decoration: none;
        -webkit-transition: color .1s linear;
        -ms-transition: color .1s linear;
        -moz-transition: color .1s linear;
        -o-transition: color .1s linear;
        transition: color .1s linear;
    }

        .contact-details__info .email a:hover, .contact-details__info .email a.active, .contact-details__info .email a.is-active {
            color: #f99d1c;
            text-decoration: none;
        }

        .contact-details__info .email a:focus {
            text-decoration: none;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px;
        }
}

.contact-details__info .email:before {
    content: "B";
    font-family: "eurolifeclientportal";
    font-size: 2.2em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

@media(min-width:991px) {
    .contact-details__info p {
        margin-bottom: 0;
    }
}

.contact-details__info em {
    display: block;
    font-style: normal;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.3;
}

@media screen and (max-width:991px) {
    .contact-details__info em {
        color: #7a7a7a;
        font-size: 1.8em;
    }
}

.contact-details__info em.small-font {
    font-size: 1em;
}

.contact-details__article {
    color: #4a4a4a;
    text-align: center;
}

.contact-details__article--theme-gray {
    background-color: #fafafa !important;
}

@media(min-width:991px) {
    .contact-details__article > div {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.contact-details__article .icon {
    padding: 0 0 15px 0;
    color: #01788e;
}

.contact-details__article .icon--form:before {
    content: "v";
    font-family: "eurolifeclientportal";
    font-size: 2em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

.contact-details__article .icon--store:before {
    content: "J";
    font-family: "eurolifeclientportal";
    font-size: 2em;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

.contact-details__article p {
    font-size: 18px;
    font-size: 1.2em;
    line-height: 1.44444;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .contact-details__article p {
        font-size: 14px;
        font-size: .93333em;
        line-height: 1.14286;
        font-weight: 300;
    }
}

.contact-details__article .title {
    margin-bottom: 10px;
    font-size: 25px;
    font-size: 1.66667em;
    line-height: 1.24;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .contact-details__article .title {
        font-size: 16px;
        font-size: 1.06667em;
        line-height: 1.125;
        font-weight: 300;
        color: #01788e;
    }
}

.contact-details__article .btn {
    margin-top: 10px;
}

@media screen and (max-width:991px) {
    .contact-form-container {
        display: none;
        position: relative;
    }

        .contact-form-container.is-active {
            display: block;
        }
}

.contact-form-type p {
    margin: 0;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.33333;
    font-weight: 300;
    color: #1e596c;
}

@media screen and (max-width:991px) {
    .contact-form-type p {
        font-size: 12px;
        font-size: .8em;
        line-height: 1.66667;
        font-weight: 400;
        color: #32302f;
    }
}

.contact-form-buttons {
    padding: 5vh 0;
    text-align: center;
}

.contact-form-panel {
    padding: 25px 0;
    border-bottom: solid 1px #d8d8d8;
}

@media screen and (max-width:991px) {
    .contact-form-panel {
        padding: 20px 0 0 0;
    }
}

.contact-form-panel:last-child, .contact-form-panel--remove-border {
    border: none;
}

.contact-form-panel__header {
    padding: 0 0 20px 0;
    font-size: 13px;
    font-size: .86667em;
    line-height: 3.30769;
    font-weight: 700;
    color: #0e313e;
}

@media screen and (max-width:991px) {
    .contact-form-panel__header {
        padding: 0;
    }
}

.contact-form-panel .form-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

@media screen and (max-width:991px) {
    .contact-form-panel .form-row {
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 0;
    }
}

.contact-form-panel .form-row:last-child {
    margin-bottom: 0;
}

.contact-form-panel .form-row > div {
    width: 100%;
}

@media screen and (max-width:991px) {
    .contact-form-panel .form-row > div {
        margin-bottom: 30px;
    }
}

.contact-form-panel .form-row.cols-2 > div {
    width: 45%;
}

@media screen and (max-width:991px) {
    .contact-form-panel .form-row.cols-2 > div {
        width: 100%;
    }
}

.contact-form-panel .form-row--horizontal > div {
    display: flex;
    align-items: center;
}

@media screen and (max-width:991px) {
    .contact-form-panel .form-row--horizontal > div {
        flex-direction: column;
        align-items: flex-start;
    }
}

.contact-form-panel .form-row--horizontal > div > div:nth-child(1) {
    width: 30%;
    max-width: 165px;
}

@media screen and (max-width:991px) {
    .contact-form-panel .form-row--horizontal > div > div:nth-child(1) {
        width: 100%;
        max-width: auto;
    }
}

.contact-form-panel .form-row--horizontal > div > div:nth-child(2) {
    flex: 1;
}

@media screen and (max-width:991px) {
    .contact-form-panel .form-row--horizontal > div > div:nth-child(2) {
        width: 100%;
    }
}

.contact-form-panel .textarea {
    min-height: 140px;
}

.login {
    display: flex;
    margin: 2vh 0 10vh 0;
}

@media screen and (max-width:991px) {
    .login {
        margin: 2vh 0 5vh 0;
    }
}

.login__form {
    width: 40%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 2px 14px 0 rgba(147,147,147,.5);
    color: #fff;
}

@media(min-width:991px) {
    .login__form {
        position: relative;
        transform: translateX(15px);
        z-index: 5;
    }
}

@media screen and (max-width:991px) {
    .login__form {
        width: 100%;
    }
}

.login__carousel {
    position: relative;
    width: 60%;
}

@media screen and (max-width:991px) {
    .login__carousel {
        display: none;
    }
}

.login-form__header {
    padding: 5vh 18% 20px 18%;
    background: #0d657b;
}

@media screen and (max-width:991px) {
    .login-form__header {
        padding: 3vh 5% 10px 5%;
        background-color: #085361;
    }
}

.login-form__header .title {
    font-size: 24px;
    font-size: 1.6em;
    line-height: 1.16667;
    font-weight: 300;
    text-align: center;
}

@media screen and (max-width:991px) {
    .login-form__header .title {
        font-size: 18px;
        font-size: 1.2em;
        line-height: 1.16667;
        font-weight: 700;
    }
}

.login-form__header .title * {
    display: block;
}

.login-form__header .title img {
    margin: 0 auto;
    width: 207px;
}

.login-form__header .title span {
    margin-bottom: 5px;
}

.login-form__form {
    padding: 0 18% 0 18%;
    background: #0d657b;
}

@media screen and (max-width:991px) {
    .login-form__form {
        padding: 2vh 5% 0 5%;
    }
}

.login-form__form .field-validation-error {
    position: relative;
    top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 3px;
    background-color: #f00;
    color: #fff;
}

    .login-form__form .field-validation-error:before {
        border-color: transparent transparent #fff transparent;
    }

.login-form__forgot {
    padding: 0 18% 60px 18%;
    background: #0d657b;
    text-align: center;
}

@media screen and (max-width:991px) {
    .login-form__forgot {
        padding: 0 5% 30px 5%;
    }
}

.login-form__register {
    padding: 30px 0 5vh 0;
    background-color: #fff;
    text-align: center;
}

@media screen and (max-width:991px) {
    .login-form__register {
        padding: 15px 0 2.5vh 0;
    }
}

.login-form .form-row {
    padding-bottom: 20px;
}

.login-carousel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

    .login-carousel .owl-carousel {
        overflow: hidden;
    }

.pagemode-edit .login-carousel .owl-carousel {
    display: block;
}

.login-carousel .owl-carousel .owl-stage-outer, .login-carousel .owl-carousel .owl-stage, .login-carousel .owl-carousel .owl-item, .login-carousel .owl-carousel .item {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

    .login-carousel .owl-carousel .owl-stage-outer.owl-height .owl-stage, .login-carousel .owl-carousel .owl-stage-outer.owl-height .owl-item, .login-carousel .owl-carousel .owl-stage-outer.owl-height .item {
        height: auto;
    }

@media screen and (max-width:991px) {
    .login-carousel .owl-carousel .owl-nav > button {
        width: 32.5px;
        height: 87.5px;
        color: #ff3200;
        text-align: center;
    }

    .login-carousel .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 0;
        left: 0;
        border-left: solid 1px #ff3200;
    }

        .login-carousel .owl-carousel .owl-nav .owl-prev:before {
            content: "d";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .login-carousel .owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 0;
        right: 0;
        border-right: solid 1px #ff3200;
    }

        .login-carousel .owl-carousel .owl-nav .owl-next:before {
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
}

@media(min-width:991px) {
    .login-carousel .owl-carousel--navigation-desktop-centered .owl-nav > button {
        width: 40px;
        height: 170px;
        color: #ff3200;
        text-align: center;
    }

    .login-carousel .owl-carousel--navigation-desktop-centered .owl-nav .owl-prev {
        position: absolute;
        top: 0%;
        right: 50%;
        border-right: solid 1px #ff3200;
    }

        .login-carousel .owl-carousel--navigation-desktop-centered .owl-nav .owl-prev:before {
            content: "d";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .login-carousel .owl-carousel--navigation-desktop-centered .owl-nav .owl-next {
        position: absolute;
        top: 0%;
        left: 50%;
    }

        .login-carousel .owl-carousel--navigation-desktop-centered .owl-nav .owl-next:before {
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
}

@media(min-width:991px) {
    .login-carousel .owl-carousel--navigation-desktop-right .owl-nav > button {
        width: 30px;
        height: 55px;
        color: #ff3200;
        text-align: center;
    }

        .login-carousel .owl-carousel--navigation-desktop-right .owl-nav > button.disabled {
            -webkit-opacity: .3;
            -ms-opacity: .3;
            -moz-opacity: .3;
            -o-opacity: .3;
            opacity: .3;
            cursor: default;
        }

    .login-carousel .owl-carousel--navigation-desktop-right .owl-nav .owl-prev {
        position: absolute;
        top: 0;
        right: 30px;
        border-right: solid 1px #ff3200;
    }

        .login-carousel .owl-carousel--navigation-desktop-right .owl-nav .owl-prev:before {
            content: "d";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            -webkit-transform: translateY(100%);
            -ms-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -o-transform: translateY(100%);
            transform: translateY(100%);
        }

    .login-carousel .owl-carousel--navigation-desktop-right .owl-nav .owl-next {
        position: absolute;
        top: 0;
        right: 0;
    }

        .login-carousel .owl-carousel--navigation-desktop-right .owl-nav .owl-next:before {
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            -webkit-transform: translateY(100%);
            -ms-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -o-transform: translateY(100%);
            transform: translateY(100%);
        }
}

@media(min-width:991px) {
    .login-carousel .owl-carousel--navigation-desktop-space-between .owl-nav > button {
        width: 40px;
        height: 180px;
        color: #0d657b;
        text-align: center;
    }

        .login-carousel .owl-carousel--navigation-desktop-space-between .owl-nav > button.disabled {
            -webkit-opacity: .3;
            -ms-opacity: .3;
            -moz-opacity: .3;
            -o-opacity: .3;
            opacity: .3;
            cursor: default;
        }

        .login-carousel .owl-carousel--navigation-desktop-space-between .owl-nav > button:before, .login-carousel .owl-carousel--navigation-desktop-space-between .owl-nav > button:after {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

    .login-carousel .owl-carousel--navigation-desktop-space-between .owl-nav .owl-prev {
        position: absolute;
        top: 0;
        left: 0;
    }

        .login-carousel .owl-carousel--navigation-desktop-space-between .owl-nav .owl-prev:before {
            content: "d";
            font-family: "eurolifeclientportal";
            font-size: 2.5em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
        }

    .login-carousel .owl-carousel--navigation-desktop-space-between .owl-nav .owl-next {
        position: absolute;
        top: 0;
        right: 0;
    }

        .login-carousel .owl-carousel--navigation-desktop-space-between .owl-nav .owl-next:before {
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: 2.5em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
        }
}

@media(min-width:991px) {
    .login-carousel .owl-carousel--navigation-desktop-vertical .owl-nav > button {
        width: 40px;
        height: 210px;
        color: #ff3200;
        text-align: center;
    }

    .login-carousel .owl-carousel--navigation-desktop-vertical .owl-nav .owl-prev {
        position: absolute;
        top: 245px;
        left: 25px;
        border-right: solid 1px #ff3200;
    }

        .login-carousel .owl-carousel--navigation-desktop-vertical .owl-nav .owl-prev:before {
            content: "d";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .login-carousel .owl-carousel--navigation-desktop-vertical .owl-nav .owl-next {
        position: absolute;
        top: 245px;
        left: 65px;
    }

        .login-carousel .owl-carousel--navigation-desktop-vertical .owl-nav .owl-next:before {
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
}

@media screen and (max-width:991px) {
    .login-carousel .owl-carousel--navigation-mobile-centered .owl-nav > button {
        width: 32.5px;
        height: 87.5px;
        color: #ff3200;
        text-align: center;
        top: 50% !important;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .login-carousel .owl-carousel--navigation-mobile-centered .owl-nav .owl-prev {
        position: absolute;
        top: 0;
        left: 0;
        border-left: solid 1px #ff3200;
    }

        .login-carousel .owl-carousel--navigation-mobile-centered .owl-nav .owl-prev:before {
            content: "d";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .login-carousel .owl-carousel--navigation-mobile-centered .owl-nav .owl-next {
        position: absolute;
        top: 0;
        right: 0;
        border-right: solid 1px #ff3200;
    }

        .login-carousel .owl-carousel--navigation-mobile-centered .owl-nav .owl-next:before {
            content: "c";
            font-family: "eurolifeclientportal";
            font-size: 1em;
            font-weight: normal;
            line-height: 1;
            vertical-align: middle;
            display: block;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
}

.login-carousel .owl-nav.disabled {
    display: none;
}

.login-carousel .owl-nav > button {
    cursor: pointer;
}

    .login-carousel .owl-nav > button.disabled {
        opacity: .3;
        cursor: default;
    }

    .login-carousel .owl-nav > button:hover {
        color: #f99d1c;
    }

.login-carousel .owl-dots {
    text-align: center;
}

    .login-carousel .owl-dots.disabled {
        display: none;
    }

    .login-carousel .owl-dots > button {
        cursor: pointer;
    }

    .login-carousel .owl-dots .owl-dot {
        display: inline-block;
        margin: 0 3px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: solid 1px #9d9d9d;
        font-size: 1px;
        font-size: .06667em;
        line-height: 1.3;
        font-weight: 400;
    }

        .login-carousel .owl-dots .owl-dot.active {
            border-color: #ff3200;
            background-color: #ff3200;
        }

.login-carousel .owl-carousel {
    height: 100%;
}

.login-carousel .item {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .login-carousel .item > div {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
        color: #0d657b;
    }

    .login-carousel .item .overlay {
        position: relative;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg,rgba(251,251,251,0) 0%,#f5f5f5 100%);
    }

        .login-carousel .item .overlay > div {
            width: 50%;
            position: absolute;
            bottom: 14%;
            right: 8%;
        }

    .login-carousel .item .title {
        font-size: 36px;
        font-size: 2.4em;
        line-height: 1.11111;
        font-weight: 500;
    }

    .login-carousel .item .sub-title {
        font-size: 18px;
        font-size: 1.2em;
        line-height: 1.44444;
        font-weight: 300;
    }

.login-carousel .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 38px;
    left: 50%;
    transform: translateX(-50%);
}

    .login-carousel .owl-dots .owl-dot {
        height: 11px;
        width: 11px;
        background-color: #b8d8d8;
        border: none;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.23);
    }

        .login-carousel .owl-dots .owl-dot.active {
            background-color: #01788e;
        }

.login-carousel .owl-nav {
    position: relative;
    bottom: 240px;
    left: 0;
    width: 90%;
    margin: 0 auto;
}

    .login-carousel .owl-nav button {
        border: unset;
        background: unset;
    }

.notifications-filters {
    display: flex;
    align-items: center;
}

@media screen and (max-width:991px) {
    .notifications-filters {
        flex-direction: column;
    }
}

.notifications-filters > div:nth-child(1) {
    width: 77%;
}

@media screen and (max-width:991px) {
    .notifications-filters > div:nth-child(1) {
        order: 2;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

        .notifications-filters > div:nth-child(1) > div {
            display: inline-block;
        }
}

.notifications-filters > div:nth-child(2) {
    flex: 1;
}

@media screen and (min-width:480px) and (max-width:991px) {
    .notifications-filters > div:nth-child(2) {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width:991px) {
    .notifications-filters > div:nth-child(2) {
        order: 1;
        width: 100%;
        margin-bottom: 3vh;
    }
}

.notifications-filters .label {
    margin-bottom: 30px;
    color: #32302f;
    font-weight: 500;
}

@media screen and (max-width:991px) {
    .notifications-filters .label {
        display: none;
    }
}

@media screen and (max-width:991px) {
    .notifications-filters .radio-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

        .notifications-filters .radio-buttons > div {
            margin-left: 0;
            margin-top: 15px;
        }

            .notifications-filters .radio-buttons > div:first-child {
                margin: 0;
            }
}

.notifications-list {
    margin: 0 0 5vh 0;
}

.notifications-loader {
    display: none;
    position: relative;
    min-height: 50px;
    margin: 2vh 0;
    text-align: center;
}

    .notifications-loader.is-loading {
        display: block;
    }

    .notifications-loader:after {
        content: '';
        border-radius: 50%;
        font-size: 3px;
        text-indent: -9999em;
        border-top: 1.1em solid #61a7b4;
        border-right: 1.1em solid #61a7b4;
        border-bottom: 1.1em solid #61a7b4;
        border-left: 1.1em solid #01788e;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -25px;
        margin-left: -25px;
        z-index: 10;
    }

.dashboard-totals-client {
    padding-bottom: 2vh;
}

.dashboard-totals-client__content {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width:991px) {
    .dashboard-totals-client__content {
        flex-wrap: wrap;
    }
}

.dashboard-totals-client__content > div {
    width: 48%;
}

@media screen and (max-width:991px) {
    .dashboard-totals-client__content > div {
        width: 100%;
    }
}

@media screen and (max-width:991px) {
    .dashboard-totals-client__content.panel__convert-to-panel-mobile {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 4vh;
    }
}

@media screen and (max-width:991px) {
    .dashboard-totals-client__content .panel {
        margin-bottom: 0;
    }
}

@media screen and (max-width:991px) {
    .dashboard-totals-client .data-table {
        margin-bottom: 0;
    }
}

.dashboard-totals-client .data-table div > span {
    display: block;
    font-size: 15px;
    font-size: 1em;
    line-height: 1.46667;
    font-weight: 300;
}

@media screen and (max-width:991px) {
    .dashboard-totals-client .data-table div > span {
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.15385;
        font-weight: 300;
    }
}

.dashboard-totals-client .data-table .data-row {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #f1f1ee;
}

    .dashboard-totals-client .data-table .data-row > div:nth-child(1) {
        width: 80%;
        padding-left: 10px;
    }

@media screen and (max-width:991px) {
    .dashboard-totals-client .data-table .data-row > div:nth-child(1) {
        width: 50%;
    }
}

.dashboard-totals-client .data-table .data-row > div:nth-child(2) {
    width: 20%;
}

@media screen and (max-width:991px) {
    .dashboard-totals-client .data-table .data-row > div:nth-child(2) {
        width: 50%;
        padding-right: 10px;
        text-align: right;
    }
}

.dashboard-totals-client .data-table .data-row > div:nth-child(2) span {
    font-weight: 700;
}

.dashboard-totals-graphs {
    padding-bottom: 2vh;
}

.dashboard-totals-graphs__content {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5vh;
}

@media screen and (max-width:991px) {
    .dashboard-totals-graphs__content {
        flex-wrap: wrap;
    }
}

.dashboard-totals-graphs__content > div {
    width: 48%;
}

@media screen and (max-width:991px) {
    .dashboard-totals-graphs__content > div {
        width: 100%;
    }
}

@media screen and (max-width:991px) {
    .dashboard-totals-graphs__content > div:nth-child(odd) {
        background-color: #fafafa;
    }
}

@media screen and (max-width:991px) {
    .dashboard-totals-graphs__content.panel__convert-to-panel-mobile {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 4vh;
    }
}

@media screen and (max-width:991px) {
    .dashboard-totals-graphs__content .panel {
        margin-bottom: 0;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .dashboard-totals-graphs .doughnut-container .canvas-container {
        width: 50%;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .dashboard-totals-graphs .doughnut-container .doughnut-details li:nth-child(1), .dashboard-totals-graphs .doughnut-container .doughnut-details li:nth-child(3) {
        left: 5%;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .dashboard-totals-graphs .doughnut-container .doughnut-details li:nth-child(2), .dashboard-totals-graphs .doughnut-container .doughnut-details li:nth-child(4) {
        right: 5%;
    }
}

@media screen and (max-width:991px) {
    .dashboard-totals-graphs .doughnut-container .doughnut-details .square {
        display: block;
    }
}

.dashboard-totals-units {
    padding-bottom: 2vh;
}

    .dashboard-totals-units .table-dashboard-units-container {
        position: relative;
    }

    .dashboard-totals-units .table-dashboard-units {
        width: 100%;
        font-size: 13px;
        font-size: .86667em;
        line-height: 1.23077;
    }

@media screen and (max-width:991px) {
    .dashboard-totals-units .table-dashboard-units {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

.dashboard-totals-units .table-dashboard-units th, .dashboard-totals-units .table-dashboard-units td {
    padding: 1.2em .5em;
    border-top: solid 7px #fff;
    border-bottom: solid 7px #fff;
    border-left: solid .5px #fff;
    border-right: solid .5px #fff;
    text-align: center;
    font-weight: normal;
}

.dashboard-totals-units .table-dashboard-units td {
    background-color: #fafafa;
}

.dashboard-totals-units .table-dashboard-units .medium {
    background-color: #66a9b6;
    color: #0e313e;
}

.dashboard-totals-units .table-dashboard-units .bold {
    background-color: #01788e;
    color: #fff;
}

.dashboard-totals-units .table-dashboard-units.clone {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

@media screen and (max-width:991px) {
    .dashboard-totals-units .table-dashboard-units.clone {
        display: block;
    }
}

.dashboard-totals-units .table-dashboard-units.clone th, .dashboard-totals-units .table-dashboard-units.clone td {
    visibility: hidden;
}

.dashboard-totals-units .table-dashboard-units.clone tbody th {
    visibility: visible;
}

.dashboard-totals-units .table-dashboard-units.clone .fixed-side {
    visibility: visible;
}

.dashboard-totals-units .table-dashboard-units.clone thead, .dashboard-totals-units .table-dashboard-units.clone tfoot {
    background: transparent;
}

.doughnut-container {
    position: relative;
}

    .doughnut-container .doughnut-title {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 120px;
        text-align: center;
        transform: translateX(-50%) translateY(-50%);
        font-size: 14px;
        font-size: .93333em;
        line-height: 1.35714;
        font-weight: 700;
        color: #485465;
    }

@media(min-width:992px) and (max-width:1199px) {
    .doughnut-container .doughnut-title {
        max-width: 110px;
        font-size: .85em;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container .doughnut-title {
        top: 100px;
        transform: translateX(-50%);
    }
}

.doughnut-container .canvas-container {
    width: 70%;
    height: 270px;
    margin: 0 auto;
}

@media screen and (max-width:991px) {
    .doughnut-container .canvas-container {
        width: 65%;
        height: 230px;
    }
}

.doughnut-container .doughnut-details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.doughnut-container .doughnut-details li {
    position: relative;
}

@media(min-width:991px) {
    .doughnut-container .doughnut-details li {
        max-width: 120px;
    }
}

.doughnut-container .doughnut-details li:nth-child(1) {
    position: absolute;
    top: 10%;
    left: 10%;
}

@media(min-width:992px) and (max-width:1199px) {
    .doughnut-container .doughnut-details li:nth-child(1) {
        left: 0;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container .doughnut-details li:nth-child(1) {
        left: 2%;
    }
}

.doughnut-container .doughnut-details li:nth-child(2) {
    position: absolute;
    top: 10%;
    right: 10%;
}

@media(min-width:992px) and (max-width:1199px) {
    .doughnut-container .doughnut-details li:nth-child(2) {
        right: 0;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container .doughnut-details li:nth-child(2) {
        right: 2%;
    }
}

.doughnut-container .doughnut-details li:nth-child(3) {
    position: absolute;
    top: 50%;
    left: 10%;
}

@media(min-width:992px) and (max-width:1199px) {
    .doughnut-container .doughnut-details li:nth-child(3) {
        left: 0;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container .doughnut-details li:nth-child(3) {
        left: 2%;
        top: auto;
        bottom: 0;
    }
}

.doughnut-container .doughnut-details li:nth-child(4) {
    position: absolute;
    top: 50%;
    right: 10%;
}

@media(min-width:992px) and (max-width:1199px) {
    .doughnut-container .doughnut-details li:nth-child(4) {
        right: 0;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container .doughnut-details li:nth-child(4) {
        right: 2%;
        top: auto;
        bottom: 0;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container .doughnut-details li:nth-child(even) {
        text-align: right;
    }

        .doughnut-container .doughnut-details li:nth-child(even) .label {
            text-align: right;
        }

        .doughnut-container .doughnut-details li:nth-child(even) .square {
            left: auto;
            right: -13px;
        }
}

.doughnut-container .doughnut-details .square {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 6px;
    left: -13px;
}

@media screen and (max-width:991px) {
    .doughnut-container .doughnut-details .square {
        display: none;
    }
}

.doughnut-container .doughnut-details .label {
    font-size: 11px;
    font-size: .73333em;
    line-height: 1;
    font-weight: 700;
    color: #0e313e;
}

.doughnut-container .doughnut-details .units {
    padding: 0 0 5px 0;
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.15385;
    font-weight: 300;
    color: #0e313e;
}

@media screen and (max-width:991px) {
    .doughnut-container .doughnut-details .units {
        font-size: .8em;
    }
}

.doughnut-container .doughnut-details .value {
    font-size: 13px;
    font-size: .86667em;
    line-height: 1.15385;
    font-weight: 500;
    color: #0e313e;
}

@media screen and (max-width:991px) {
    .doughnut-container .doughnut-details .value {
        font-size: .8em;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container .doughnut-details--mobile-inline ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: -20px;
    }

    .doughnut-container .doughnut-details--mobile-inline li {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: 45%;
        margin-bottom: 20px;
    }
}

.doughnut-lnk-container {
    margin-top: 2vh;
    text-align: center;
}

@media screen and (max-width:991px) {
    .doughnut-lnk-container {
        margin-top: 4vh;
        margin-bottom: 2vh;
    }
}

.doughnut-container-triple__canvas {
    display: flex;
    justify-content: space-between;
}

@media(min-width:992px) and (max-width:1199px) {
    .doughnut-container-triple__canvas {
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container-triple__canvas {
        justify-content: flex-start;
        flex-direction: column;
    }
}

.doughnut-container-triple__canvas > div {
    width: 30%;
}

@media(min-width:992px) and (max-width:1199px) {
    .doughnut-container-triple__canvas > div {
        width: 50%;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container-triple__canvas > div {
        width: 100%;
        padding: 2vh 0;
    }

        .doughnut-container-triple__canvas > div:nth-child(even) {
            background-color: #fafafa;
        }
}

.doughnut-container-triple__canvas .canvas-container {
    position: relative;
    width: 100%;
    height: 200px;
}

@media screen and (max-width:991px) {
    .doughnut-container-triple__canvas .canvas-container {
        width: 60%;
        height: 230px;
        margin: 0 auto;
    }
}

.doughnut-container-triple__canvas .canvas-container__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 10px;
    font-size: .66667em;
    line-height: 1.2;
    color: #485465;
}

.doughnut-container-triple__labels {
    margin-top: 30px;
}

.doughnut-container-triple ul.doughnut-container-triple-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .doughnut-container-triple ul.doughnut-container-triple-list li {
        display: flex;
        align-items: center;
        padding: 0 15px;
    }

@media screen and (max-width:991px) {
    .doughnut-container-triple ul.doughnut-container-triple-list li {
        padding: 0;
        display: block;
    }
}

.doughnut-container-triple ul.doughnut-container-triple-list li > div:first-child {
    margin-right: 5px;
}

@media screen and (max-width:991px) {
    .doughnut-container-triple ul.doughnut-container-triple-list li:nth-child(1) {
        position: absolute;
        top: 10%;
        left: 10%;
        left: -30%;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container-triple ul.doughnut-container-triple-list li:nth-child(2) {
        position: absolute;
        top: 10%;
        right: 10%;
        right: -30%;
        text-align: right;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container-triple ul.doughnut-container-triple-list li:nth-child(3) {
        position: absolute;
        top: 50%;
        left: 10%;
        left: -30%;
        top: auto;
        bottom: 0;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container-triple ul.doughnut-container-triple-list li:nth-child(4) {
        position: absolute;
        top: 50%;
        right: 10%;
        right: -30%;
        top: auto;
        bottom: 0;
        text-align: right;
    }
}

@media(min-width:991px) {
    .doughnut-container-triple ul.doughnut-container-triple-list .percent {
        display: none;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container-triple ul.doughnut-container-triple-list .percent {
        display: block;
    }
}

.doughnut-container-triple ul.doughnut-container-triple-list .square {
    width: 8px;
    height: 8px;
}

@media(min-width:991px) {
    .doughnut-container-triple ul.doughnut-container-triple-list .square {
        margin-right: 5px;
    }
}

@media screen and (max-width:991px) {
    .doughnut-container-triple ul.doughnut-container-triple-list .square {
        display: none;
    }
}

.doughnut-container-triple ul.doughnut-container-triple-list .label {
    font-size: 11px;
    font-size: .73333em;
    line-height: 1;
    font-weight: 700;
    color: #0e313e;
}

.horizontalbar-container-double__canvas .canvas-container {
    height: 180px;
}

.horizontalbar-container-double__options {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

@media screen and (max-width:991px) {
    .horizontalbar-container-double__options {
        margin: 25px 0 15px 0;
    }
}

@media(min-width:991px) {
    .horizontalbar-container-single__canvas .canvas-container {
        height: 180px;
    }
}

.horizontalbar-container-negative__canvas .canvas-container {
    height: 420px;
}

.linestyles-container__canvas .canvas-container {
    height: 300px;
}

.jqplot-target {
    position: relative;
    color: #666;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 1em;
}

.jqplot-axis {
    font-size: .75em;
}

.jqplot-xaxis {
    margin-top: 10px;
}

.jqplot-x2axis {
    margin-bottom: 10px;
}

.jqplot-yaxis {
    margin-right: 10px;
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
    margin-left: 10px;
    margin-right: 10px;
}

.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
    position: absolute;
    white-space: pre;
}

.jqplot-xaxis-tick {
    top: 0;
    left: 15px;
    vertical-align: top;
}

.jqplot-x2axis-tick {
    bottom: 0;
    left: 15px;
    vertical-align: bottom;
}

.jqplot-yaxis-tick {
    right: 0;
    top: 15px;
    text-align: right;
}

    .jqplot-yaxis-tick.jqplot-breakTick {
        right: -20px;
        margin-right: 0;
        padding: 1px 5px 1px 5px;
        z-index: 2;
        font-size: 1.5em;
    }

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
    left: 0;
    top: 15px;
    text-align: left;
}

.jqplot-yMidAxis-tick {
    text-align: center;
    white-space: nowrap;
}

.jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-yaxis-label {
    margin-right: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-yMidAxis-label {
    font-size: 11pt;
    position: absolute;
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
    font-size: 11pt;
    margin-left: 10px;
    position: absolute;
}

.jqplot-meterGauge-tick {
    font-size: .75em;
    color: #999;
}

.jqplot-meterGauge-label {
    font-size: 1em;
    color: #999;
}

table.jqplot-table-legend {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
    background-color: rgba(255,255,255,.6);
    border: 1px solid #ccc;
    position: absolute;
    font-size: .75em;
}

td.jqplot-table-legend {
    vertical-align: middle;
}

td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
    cursor: pointer;
}

.jqplot-table-legend .jqplot-series-hidden {
    text-decoration: line-through;
}

div.jqplot-table-legend-swatch-outline {
    border: 1px solid #ccc;
    padding: 1px;
}

div.jqplot-table-legend-swatch {
    width: 0;
    height: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.jqplot-title {
    top: 0;
    left: 0;
    padding-bottom: .5em;
    font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
    border: 1px solid #ccc;
    font-size: .75em;
}

.jqplot-cursor-tooltip {
    border: 1px solid #ccc;
    font-size: .75em;
    white-space: nowrap;
    background: rgba(208,208,208,.5);
    padding: 1px;
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
    border: 1px solid #ccc;
    font-size: .75em;
    white-space: nowrap;
    background: rgba(208,208,208,.5);
    padding: 1px;
}

.jqplot-point-label {
    font-size: .75em;
    z-index: 2;
}

td.jqplot-cursor-legend-swatch {
    vertical-align: middle;
    text-align: center;
}

div.jqplot-cursor-legend-swatch {
    width: 1.2em;
    height: .7em;
}

.jqplot-error {
    text-align: center;
}

.jqplot-error-message {
    position: relative;
    top: 46%;
    display: inline-block;
}

div.jqplot-bubble-label {
    font-size: .8em;
    padding-left: 2px;
    padding-right: 2px;
    color: #333;
}

    div.jqplot-bubble-label.jqplot-bubble-label-highlight {
        background: rgba(230,230,230,.7);
    }

div.jqplot-noData-container {
    text-align: center;
    background-color: rgba(245,245,245,.3);
}

.fancybox-button {
    background: unset;
}

    .fancybox-button svg {
        display: none;
    }

    .fancybox-button:before {
        content: unset;
    }

    .fancybox-button:after {
        background-color: unset;
    }

    .fancybox-button:hover:not([disabled]) {
        background: unset;
    }

.fancybox-close-small:after {
    top: 5px;
}

.fancybox-close-small:focus:after {
    outline: none;
}

.fancybox-navigation {
    display: none;
}

.jspVerticalBar {
    width: 10px;
}

.jspDrag {
    background: #01788e;
}