@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

:root {
    --font-family: 'Roboto', 'sans-serif';
}
/*
    <vars>
        <var name="control-border">silver</var>
        <var name="background-shading">#DFE5E9</var>
        <var name="main-menu-background">#DFE5E9</var>
        <var name="link-color">#4E758F</var>
        <var name="link-hover-color">#3E5D72</var>
        <var name="workflow-pipe">#031320</var>
        <var name="workflow-icon-incomplete-background">#FFEB3B</var>    
        <var name="workflow-icon-complete-background">#229954</var>    
        <var name="workflow-icon-hover-background">#499cf5</var>
        <var name="button-border-color">#4E758F</var>    
        <var name="button-background-color">#4E758F</var>
        <var name="button-color">#fff</var>    
        <var name="button-hover-border-color">#3E5D72</var>    
        <var name="button-hover-background-color">#3E5D72</var>
        <var name="button-hover-color">#fff</var>    
        <var name="button-border-radius">3px</var>
        
    </vars>
*/

.letter-tab p {
    margin-bottom: 20px;
}

    .letter-tab p:last-child {
        margin-bottom: 0;
    }

html, html * {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    background: none;
    background-repeat: no-repeat;
    background-position: left top;
    border: 0;
    outline: 0;
}
/* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    padding-bottom:50px;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after {
        content: '';
        content: none;
    }

    q:before, q:after {
        content: '';
        content: none;
    }

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

th, td {
    vertical-align: top;
}

html > body .color-white {
    color: #fff;
}

html > body .fill-white {
    background-color: #fff;
}

html > body .rule-white {
    border-color: #fff;
}

html > body .color-black {
    color: #434343;
}

html > body .fill-black {
    background-color: #434343;
}

html > body .rule-black {
    border-color: #434343;
}

html > body .color-purple {
    color: #632249;
}

html > body .fill-purple {
    background-color: #632249;
}

html > body .rule-purple {
    border-color: #632249;
}

html > body .color-blue {
    color: #37a4cf;
}

html > body .fill-blue {
    background-color: #37a4cf;
}

html > body .rule-blue {
    border-color: #37a4cf;
}

html > body .color-orange {
    color: #ff6f00;
}

html > body .fill-orange {
    background-color: #ff6f00;
}

html > body .rule-orange {
    border-color: #ff6f00;
}

html > body .color-green {
    color: #81c784;
}

html > body .fill-green {
    background-color: #81c784;
}

html > body .rule-green {
    border-color: #81c784;
}

html > body .color-yellow {
    color: #ffca28;
}

html > body .fill-yellow {
    background-color: #ffca28;
}

html > body .rule-yellow {
    border-color: #ffca28;
}

html > body .color-red {
    color: #ff0000;
}

html > body .fill-red {
    background-color: #ff0000;
}

html > body .rule-red {
    border-color: #ff0000;
}

a[name]:empty {
    display: none;
}

a[href] {
    text-decoration: none;
    color: #4E758F;
    cursor:pointer;
}

    a[href]:hover {
        color: #3E5D72;
        text-decoration: underline;
    }

    a[href]:active {
        color: #3E5D72;
    }

a[href^="mailto:"] {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

body {
    font-family: var(--font-family), sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    color: #101010;
    font-weight: 500;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
    margin-bottom: 0px;
}

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

h1 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: var(--font-family), sans-serif;
    font-weight: 700;
    color: #434343;
    margin: 0 0 16px 0;
}

h2 {
    font-family: var(--font-family), sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 700;
    color: #632249;
    margin: 0 0 20px 0;
}

h3 {
    font-family: var(--font-family), sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 700;
    color: #632249;
}

hr {
    width: 100%;
    clear: both;
    border: 0;
    outline: 0;
    background-color: silver;
    height: 1px;
}

b, strong {
    font-weight: 700;
}

i, em {
    font-style: italic;
}


small {
    font-size: 0.8em;
}


big {
    font-size: 1.2em;
}

input[type="text"], input[type="email"], input[type="password"], input[type="telephone"], input[type="tel"], textarea, select {
    background-color: #fff;
    border: 1px solid silver;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #434343;
    padding: 10px;
    line-height: 14px;
    height: 40px;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="telephone"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {
        border-color: #249ac9;
    }

    input[type="text"].error-input, input[type="email"].error-input, input[type="password"].error-input, input[type="telephone"].error-input, input[type="tel"].error-input, textarea.error-input, select.error-input {
        border-color: #de4242;
    }

textarea {
    height: 124px;
    resize: none;
}

input[type='hidden'] {
    speak: none;
}

select:not(.ui-datepicker-month):not(.ui-datepicker-year) {
    background-image: url(../images/select_bg.png);
    background-position: 100% 50%;
    padding-right: 50px !important;
}

    select[size] {
        background-image: none;
        height: auto;
        padding-right: 20px;
    }

.radio-container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    padding-top: 3px;
    margin: 6px 30px 12px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: 300;
    min-height: 20px;
}

    .radio-container:last-child {
        margin-bottom: 0;
        margin-right: 0;
    }

    .radio-container:hover input ~ .checkmark {
        background-color: #DFE5E9;
    }

    .radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

        .radio-container input:checked ~ .checkmark:after {
            display: block;
        }

    .radio-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 24px;
        width: 24px;
        background-color: #fff;
        border: 1px solid silver;
        border-radius: 50%;
    }

        .radio-container .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            top: 4px;
            left: 4px;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #249ac9;
        }

.checkbox-container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    padding-top: 3px;
    margin: 6px 30px 12px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    min-height: 20px;
    font-weight: 300;
}

    .checkbox-container:hover input ~ .checkmark {
        background-color: #DFE5E9;
    }

    .checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

        .checkbox-container input:checked ~ .checkmark:after {
            display: block;
        }

    .checkbox-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 24px;
        width: 24px;
        background-color: #fff;
        border: 1px solid silver;
    }

        .checkbox-container .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            left: 7px;
            top: 3px;
            width: 5px;
            height: 10px;
            border: solid #37a4cf;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

label {
    font-weight: 700;
    color: #434343;
    display: block;
    margin: 0 0 6px;
}

    label.small {
        font-weight: 300;
        color: #434343;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 18px;
        line-height: 1.125rem;
    }

fieldset {
    margin: 0 0 20px;
}

    fieldset:last-child {
        margin-bottom: 0px;
    }

    fieldset.postcode:before, fieldset.postcode:after {
        content: " ";
        display: table;
    }

    fieldset.postcode:after {
        clear: both;
    }

    fieldset.postcode button, fieldset.postcode input[type=button], fieldset.postcode input[type=submit], fieldset.postcode a.button, fieldset.postcode .button {
        float: right;
        width: 160px;
        margin: 0;
    }

    fieldset.postcode input[type="text"] {
        margin: 0 0 10px;
    }

    fieldset.multi-tel:before, fieldset.multi-tel:after {
        content: " ";
        display: table;
    }

    fieldset.multi-tel:after {
        clear: both;
    }

    fieldset.multi-tel > div {
        float: left;
        margin-right: 20px;
    }

    fieldset.multi-tel .multi-tel__number {
        width: calc(100% - 300px);
        margin-right: 0;
    }

    fieldset.multi-tel .multi-tel__remove {
        width: 40px;
        height: 40px;
        margin-top: 24px;
        border: 1px solid silver;
        border-left: 0;
        margin-right: 0;
        padding: 4px;
    }

        fieldset.multi-tel .multi-tel__remove label {
            margin: 0;
            display: none;
        }

    fieldset.multi-tel .multi-tel__radio {
        width: 60px;
    }

    fieldset.multi-tel .multi-tel__type {
        width: calc(100% - 80px);
        margin-right: 0;
    }

    fieldset.multi-tel .multi-tel__number {
        clear: left;
        margin-top: 10px;
        width: calc(100% - 40px);
        margin-right: 0;
    }

    fieldset.multi-tel .multi-tel__remove {
        width: 40px;
        height: 40px;
        margin-top: 34px;
        border: 1px solid silver;
        border-left: 0;
        margin-right: 0;
        padding: 4px;
    }

        fieldset.multi-tel .multi-tel__remove label {
            margin: 0;
            display: none;
        }

    fieldset.multi-tel a.button {
        clear: both;
        float: left;
        margin: 20px 0 0;
    }


button, input[type=button], input[type=submit], a.button, .button, .ui-button {
    display: inline-block;
    text-align: center;
    background-color: #4E758F;
    border: 1px solid #4E758F;
    padding: 8px 20px;
    cursor: pointer;
    color: #fff;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin: 1px 10px 1px 0;
}

    button:hover, input[type=button]:hover, input[type=submit]:hover, a.button:hover, .button:hover, button:focus, input[type=button]:focus, input[type=submit]:focus, a.button:focus, .button:focus, .ui-button:focus {
        color: #fff!important;
        text-decoration: none !important;
        background-color: #3E5D72;
        border: 1px solid #3E5D72;
    }

    button.outline, input[type=button].outline, input[type=submit].outline, a.button.outline, .button.outline, .ui-button.outline {
        background-color: #fff;
        color: #249ac9 !important;
        border: 1px solid #249ac9;
    }

        button.outline:hover, input[type=button].outline:hover, input[type=submit].outline:hover, a.button.outline:hover, .button.outline:hover, .ui-button.outline:hover,
        button.outline:focus, input[type=button].outline:focus, input[type=submit].outline:focus, a.button.outline:focus, .button.outline:focus, .ui-button.focus {
            color: #fff !important;
            background-color: #249ac9;
        }

select::-ms-expand {
    display: none;
}


/*!
 Function to return the width of a column.  Calculates the size in pixels of the outer container, and of the column and returns a percentage
 */ /*!
 Sets up the outer container for the site container divs
 */ /*! 
 Sets up an element to take up space in the grid.
 ex: @include span-columns(4) - span 4 columns of the base grid
 ex: @incluse span-columns(4, 9) - span 4 columns of a container that already spans 9 itself.
 */ /*!
 Sets up an element to span a certain number of itself across, rather than a certain number of columns
 ex: n-across(3) - elements will display with 3 across the page width
 ex: n-across(3,9) - elements will display 3 across an element that is already spanning 9 columns
 */ /*!
 Removes right hand margin if it is spuriously present - should *mostly* be unnecessary;
 ex: @include span-last;
 */ /*!
 Removes right hand margin of every nth item
 */ /*!
 Resets original omega settings
 */

.item {
    margin-bottom: 40px;
}

    .item:last-child {
        margin-bottom: 0px;
    }

.columns-8:before, .columns-7:before, .columns-6:before, .columns-5:before, .columns-4:before, .columns-3:before, .columns-2:before, .columns-8-4:before, .columns-9-3:before, .columns-10-2:before, .columns-4-8:before, .columns-3-9:before, .columns-2-10:before, .columns-8:after, .columns-7:after, .columns-6:after, .columns-5:after, .columns-4:after, .columns-3:after, .columns-2:after, .columns-8-4:after, .columns-9-3:after, .columns-10-2:after, .columns-4-8:after, .columns-3-9:after, .columns-2-10:after {
    content: " ";
    display: table;
}

.columns-8:after, .columns-7:after, .columns-6:after, .columns-5:after, .columns-4:after, .columns-3:after, .columns-2:after, .columns-8-4:after, .columns-9-3:after, .columns-10-2:after, .columns-4-8:after, .columns-3-9:after, .columns-2-10:after {
    clear: both;
}

.columns-8 .column, .columns-7 .column, .columns-6 .column, .columns-5 .column, .columns-4 .column, .columns-3 .column, .columns-2 .column, .columns-8-4 .column, .columns-9-3 .column, .columns-10-2 .column, .columns-4-8 .column, .columns-3-9 .column, .columns-2-10 .column, .columns-8 .item, .columns-7 .item, .columns-6 .item, .columns-5 .item, .columns-4 .item, .columns-3 .item, .columns-2 .item, .columns-8-4 .item, .columns-9-3 .item, .columns-10-2 .item, .columns-4-8 .item, .columns-3-9 .item, .columns-2-10 .item {
    float: left;
    width: 99.99999%;
    margin-right: 3.44828%;
    min-height: 1px;
    margin-bottom: 40px;
}

    .columns-8 .column:last-child, .columns-7 .column:last-child, .columns-6 .column:last-child, .columns-5 .column:last-child, .columns-4 .column:last-child, .columns-3 .column:last-child, .columns-2 .column:last-child, .columns-8-4 .column:last-child, .columns-9-3 .column:last-child, .columns-10-2 .column:last-child, .columns-4-8 .column:last-child, .columns-3-9 .column:last-child, .columns-2-10 .column:last-child, .columns-8 .item:last-child, .columns-7 .item:last-child, .columns-6 .item:last-child, .columns-5 .item:last-child, .columns-4 .item:last-child, .columns-3 .item:last-child, .columns-2 .item:last-child, .columns-8-4 .item:last-child, .columns-9-3 .item:last-child, .columns-10-2 .item:last-child, .columns-4-8 .item:last-child, .columns-3-9 .item:last-child, .columns-2-10 .item:last-child {
        margin-right: 0;
    }

html, body {
    height: 100%;
}

body {
    max-width: 2000px;
    margin: 0 auto;
}

.header .header-menu .main-menu {
    display: block;
    background-color: #DFE5E9;
    padding: 10px 0 0 0;
}

    .header .header-menu .main-menu .cc {
        padding: 0;
    }

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* IE6 support */
}

.wrapper-spacer {
    display: block;
    width: 100%;
}

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

    img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        img.aligncenter:first-child {
            margin-top: 0;
        }

section {
    padding: 20px 0;
}

    section .section__title {
        margin-bottom: 60px;
    }

        section .section__title:last-child {
            margin-bottom: 0px;
        }

    section.no-bp {
        padding-bottom: 0;
    }

    section.no-tp {
        padding-top: 0;
    }

    section.no-padding {
        padding: 0;
    }

    section section:first-child {
        margin-top: 0px;
    }

    section section:last-child {
        margin-bottom: 0px;
    }

.page-tab-menu {
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    width: 100%;
    margin-bottom: 40px;
}

    .page-tab-menu:before, .page-tab-menu:after {
        content: " ";
        display: table;
    }

    .page-tab-menu:after {
        clear: both;
    }

    .page-tab-menu label {
        display: block;
        padding: 11px 0;
        margin: 0;
        position: relative;
        cursor: pointer;
    }

        .page-tab-menu label span {
            position: absolute;
            right: 16px;
            top: 12px;
            display: block;
            height: 40px;
            width: 40px;
            height: 9px;
            width: 9px;
            border-top: 2px solid #249ac9;
            border-right: 2px solid #249ac9;
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

    .page-tab-menu ul {
        display: none;
    }

        .page-tab-menu ul li {
            display: block;
            width: auto;
            vertical-align: bottom;
            border-top: 1px solid silver;
            margin: 0 0 0;
        }

            .page-tab-menu ul li a {
                position: relative;
                padding: 10px 0;
                display: block;
                color: #888787;
            }

            .page-tab-menu ul li:hover > a, .page-tab-menu ul li.active > a {
                color: #249ac9;
                text-decoration: none;
            }

    .page-tab-menu.open label span {
        top: 17px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.page-tab {
    display: none;
}

    .page-tab.show {
        display: block;
    }

.block-item {
    position: relative;
    padding: 100px 30px 30px;
    background-color: #37a4cf;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    min-height: 260px;
}

    .block-item .inner {
        display: table;
        width: 100%;
    }

       .block-item .inner .inner--content {
            display: table-cell;
            vertical-align: bottom;
        }

    .block-item .block--icon {
        width: 35px;
        height: 35px;
        margin: 0 0 10px;
        font-size:32px;
        color:#fff;
    }

    .block-item h2, .block-item p {
        color: #fff;
    }

    .block-item h2 {
        margin-bottom: 8px;
    }

    .block-item:hover {
        background: #3191b7;
    }

    .block-item:nth-child(6n+1) {
        background-color: #632249;
    }

        .block-item:nth-child(6n+1):hover {
            background: #4f1b3a;
        }

    .block-item:nth-child(6n+2) {
        background-color: #9f2d70;
    }

        .block-item:nth-child(6n+2):hover {
            background: #86265e;
        }

    .block-item:nth-child(6n+3) {
        background-color: #af909d;
    }

        .block-item:nth-child(6n+3):hover {
            background: #957b86;
        }

    .block-item:nth-child(6n+4) {
        background-color: #37a4cf;
    }

        .block-item:nth-child(6n+4):hover {
            background: #3191b7;
        }

    .block-item:nth-child(6n+5) {
        background-color: #7fafce;
    }

        .block-item:nth-child(6n+5):hover {
            background: #6d96b0;
        }

    .block-item:nth-child(6n+6) {
        background-color: #aecde5;
    }

        .block-item:nth-child(6n+6):hover {
            background: #90aabe;
        }

.tasks-table-padding {
    padding: 0 20px 0 20px;
}

.tasks-table-margin {
    margin: 20px 20px 20px 20px;
}


table.tasks {
    width: 100%;
    margin: 0 0 20px;
}

    table.tasks tr th, table.tasks tr:not(:last-of-type) td {
        border-bottom: 1px solid silver;
    }

.section-title {
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px 4px 0 0;
}

    .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title p {
        padding: 0;
        margin: 0;
    }

    .section-title:before, .section-title:after {
        content: " ";
        display: table;
    }

    .section-title:after {
        clear: both;
    }

    .section-title .icon-items {
        margin-left: 8px;
    }

        .section-title .icon-items a {
            display: inline-block;
            position: relative;
            /*padding-top: 1px;
            min-height: 20px;*/
            margin: 0 10px 4px 0;
        }

            .section-title .icon-items a .icon {
                display: block;
                width: 22px;
                position: absolute;
                left: 0;
                top: 0;
            }

    .section-title .section--content p {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 18px;
        line-height: 1.125rem
    }

    .section-title .section--content h2 {
        font-weight: 700;
    }

    .section-title fieldset {
        margin-bottom: 2px;
    }

    .section-title.fill-blue {
        border-color: #37a4cf;
    }

        .section-title.fill-blue p, .section-title.fill-blue h2 {
            color: #fff;
        }

    .section-title.section-title__tabbed {
        margin-bottom: 0;
    }

    .section-title.section-title__link {
        padding: 0;
        background-color: #37a4cf;
    }

        .section-title.section-title__link a {
            position: relative;
            display: block;
            font-weight: 700;
            color: #fff;
            font-size: 16px;
            font-size: 1rem;
            line-height: 20px;
            line-height: 1.25rem;
            padding: 16px 60px 16px 16px;
        }

            .section-title.section-title__link a .icon {
                width: 28px;
                position: absolute;
                right: 16px;
                top: 14px;
                display: block;
            }

        .section-title.section-title__link:hover {
            background: #3191b7;
        }

            .section-title.section-title__link:hover a {
                text-decoration: none;
            }

.menu-list li {
    border-bottom: 1px solid silver;
}

    .menu-list li a {
        display: block;
        position: relative;
        padding: 10px 16px;
        background-color: #fff;
        -webkit-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

        .menu-list li a span {
            display: block;
            position: absolute;
            right: 20px;
            height: 9px;
            width: 9px;
            border-top: 2px solid #249ac9;
            border-right: 2px solid #249ac9;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 15px;
        }

        .menu-list li a:hover {
            text-decoration: none;
            background-color: #DFE5E9;
        }

    .menu-list li:last-child {
        border-bottom: 0;
    }

.todo-list .row {
    border-bottom: 1px solid silver;
}

    .todo-list .row:before, .todo-list .row:after {
        content: " ";
        display: table;
    }

    .todo-list .row:after {
        clear: both;
    }

    .todo-list .row:last-child {
        border-bottom: 0;
    }

    .todo-list .row .cell {
        float: left;
        vertical-align: middle;
        padding: 16px 16px;
        width: calc(100% - 82px);
    }

        .todo-list .row .cell.icon--cell {
            width: 82px;
            text-align: right;
            padding: 0;
        }

            .todo-list .row .cell.icon--cell a {
                border-left: 1px solid silver;
                display: inline-block;
                vertical-align: middle;
                text-align: center;
                width: 38px;
                height: 100%;
                padding: 2px 4px 2px 6px;
                background-color: #fff;
                margin-left: -3px;
            }

                .todo-list .row .cell.icon--cell a .ico {
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

                .todo-list .row .cell.icon--cell a:hover {
                    background-color: #DFE5E9;
                }

.section-tab {
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    margin-bottom: 40px;
    border-radius: 0 0 4px 4px;
}

    .section-tab:last-child {
        margin-bottom: 0px;
    }

    .section-tab.boxed__padding {
        padding: 16px;
    }

.section-title + .section-tab {
    margin-top: -20px;
}

.pie-container {
    height: 0;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}

.pie-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
}

    .pie-wrapper .pie {
        height: 100%;
        width: 100%;
        left: 0;
        position: absolute;
        top: 0;
    }

        .pie-wrapper .pie .half-circle {
            height: 100%;
            width: 100%;
            border: 20px solid #632249;
            border-radius: 50%;
            -webkit-transform: rotate(162deg);
            -ms-transform: rotate(162deg);
            -moz-transform: rotate(162deg);
            -o-transform: rotate(162deg);
            transform: rotate(162deg);
            left: 0;
            position: absolute;
            top: 0;
        }

    .pie-wrapper .label {
        border-radius: 50%;
        cursor: default;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

        .pie-wrapper .label span.percentage {
            font-size: 40px;
            font-size: 2.5rem;
            line-height: 40px;
            line-height: 2.5rem;
            display: block;
            font-weight: 700;
        }

    .pie-wrapper .shadow {
        height: 100%;
        width: 100%;
        border: 20px solid #bba5b2;
        border-radius: 50%;
    }

.progress-1 .pie .right-side {
    display: none;
}

.progress-1 .pie .left-side {
    transform: rotate(3.6deg);
}

.progress-1 .label span.percentage:before {
    content: "1%";
}

.progress-2 .pie .right-side {
    display: none;
}

.progress-2 .pie .left-side {
    transform: rotate(7.2deg);
}

.progress-2 .label span.percentage:before {
    content: "2%";
}

.progress-3 .pie .right-side {
    display: none;
}

.progress-3 .pie .left-side {
    transform: rotate(10.8deg);
}

.progress-3 .label span.percentage:before {
    content: "3%";
}

.progress-4 .pie .right-side {
    display: none;
}

.progress-4 .pie .left-side {
    transform: rotate(14.4deg);
}

.progress-4 .label span.percentage:before {
    content: "4%";
}

.progress-5 .pie .right-side {
    display: none;
}

.progress-5 .pie .left-side {
    transform: rotate(18deg);
}

.progress-5 .label span.percentage:before {
    content: "5%";
}

.progress-6 .pie .right-side {
    display: none;
}

.progress-6 .pie .left-side {
    transform: rotate(21.6deg);
}

.progress-6 .label span.percentage:before {
    content: "6%";
}

.progress-7 .pie .right-side {
    display: none;
}

.progress-7 .pie .left-side {
    transform: rotate(25.2deg);
}

.progress-7 .label span.percentage:before {
    content: "7%";
}

.progress-8 .pie .right-side {
    display: none;
}

.progress-8 .pie .left-side {
    transform: rotate(28.8deg);
}

.progress-8 .label span.percentage:before {
    content: "8%";
}

.progress-9 .pie .right-side {
    display: none;
}

.progress-9 .pie .left-side {
    transform: rotate(32.4deg);
}

.progress-9 .label span.percentage:before {
    content: "9%";
}

.progress-10 .pie .right-side {
    display: none;
}

.progress-10 .pie .left-side {
    transform: rotate(36deg);
}

.progress-10 .label span.percentage:before {
    content: "10%";
}

.progress-11 .pie .right-side {
    display: none;
}

.progress-11 .pie .left-side {
    transform: rotate(39.6deg);
}

.progress-11 .label span.percentage:before {
    content: "11%";
}

.progress-12 .pie .right-side {
    display: none;
}

.progress-12 .pie .left-side {
    transform: rotate(43.2deg);
}

.progress-12 .label span.percentage:before {
    content: "12%";
}

.progress-13 .pie .right-side {
    display: none;
}

.progress-13 .pie .left-side {
    transform: rotate(46.8deg);
}

.progress-13 .label span.percentage:before {
    content: "13%";
}

.progress-14 .pie .right-side {
    display: none;
}

.progress-14 .pie .left-side {
    transform: rotate(50.4deg);
}

.progress-14 .label span.percentage:before {
    content: "14%";
}

.progress-15 .pie .right-side {
    display: none;
}

.progress-15 .pie .left-side {
    transform: rotate(54deg);
}

.progress-15 .label span.percentage:before {
    content: "15%";
}

.progress-16 .pie .right-side {
    display: none;
}

.progress-16 .pie .left-side {
    transform: rotate(57.6deg);
}

.progress-16 .label span.percentage:before {
    content: "16%";
}

.progress-17 .pie .right-side {
    display: none;
}

.progress-17 .pie .left-side {
    transform: rotate(61.2deg);
}

.progress-17 .label span.percentage:before {
    content: "17%";
}

.progress-18 .pie .right-side {
    display: none;
}

.progress-18 .pie .left-side {
    transform: rotate(64.8deg);
}

.progress-18 .label span.percentage:before {
    content: "18%";
}

.progress-19 .pie .right-side {
    display: none;
}

.progress-19 .pie .left-side {
    transform: rotate(68.4deg);
}

.progress-19 .label span.percentage:before {
    content: "19%";
}

.progress-20 .pie .right-side {
    display: none;
}

.progress-20 .pie .left-side {
    transform: rotate(72deg);
}

.progress-20 .label span.percentage:before {
    content: "20%";
}

.progress-21 .pie .right-side {
    display: none;
}

.progress-21 .pie .left-side {
    transform: rotate(75.6deg);
}

.progress-21 .label span.percentage:before {
    content: "21%";
}

.progress-22 .pie .right-side {
    display: none;
}

.progress-22 .pie .left-side {
    transform: rotate(79.2deg);
}

.progress-22 .label span.percentage:before {
    content: "22%";
}

.progress-23 .pie .right-side {
    display: none;
}

.progress-23 .pie .left-side {
    transform: rotate(82.8deg);
}

.progress-23 .label span.percentage:before {
    content: "23%";
}

.progress-24 .pie .right-side {
    display: none;
}

.progress-24 .pie .left-side {
    transform: rotate(86.4deg);
}

.progress-24 .label span.percentage:before {
    content: "24%";
}

.progress-25 .pie .right-side {
    display: none;
}

.progress-25 .pie .left-side {
    transform: rotate(90deg);
}

.progress-25 .label span.percentage:before {
    content: "25%";
}

.progress-26 .pie .right-side {
    display: none;
}

.progress-26 .pie .left-side {
    transform: rotate(93.6deg);
}

.progress-26 .label span.percentage:before {
    content: "26%";
}

.progress-27 .pie .right-side {
    display: none;
}

.progress-27 .pie .left-side {
    transform: rotate(97.2deg);
}

.progress-27 .label span.percentage:before {
    content: "27%";
}

.progress-28 .pie .right-side {
    display: none;
}

.progress-28 .pie .left-side {
    transform: rotate(100.8deg);
}

.progress-28 .label span.percentage:before {
    content: "28%";
}

.progress-29 .pie .right-side {
    display: none;
}

.progress-29 .pie .left-side {
    transform: rotate(104.4deg);
}

.progress-29 .label span.percentage:before {
    content: "29%";
}

.progress-30 .pie .right-side {
    display: none;
}

.progress-30 .pie .left-side {
    transform: rotate(108deg);
}

.progress-30 .label span.percentage:before {
    content: "30%";
}

.progress-31 .pie .right-side {
    display: none;
}

.progress-31 .pie .left-side {
    transform: rotate(111.6deg);
}

.progress-31 .label span.percentage:before {
    content: "31%";
}

.progress-32 .pie .right-side {
    display: none;
}

.progress-32 .pie .left-side {
    transform: rotate(115.2deg);
}

.progress-32 .label span.percentage:before {
    content: "32%";
}

.progress-33 .pie .right-side {
    display: none;
}

.progress-33 .pie .left-side {
    transform: rotate(118.8deg);
}

.progress-33 .label span.percentage:before {
    content: "33%";
}

.progress-34 .pie .right-side {
    display: none;
}

.progress-34 .pie .left-side {
    transform: rotate(122.4deg);
}

.progress-34 .label span.percentage:before {
    content: "34%";
}

.progress-35 .pie .right-side {
    display: none;
}

.progress-35 .pie .left-side {
    transform: rotate(126deg);
}

.progress-35 .label span.percentage:before {
    content: "35%";
}

.progress-36 .pie .right-side {
    display: none;
}

.progress-36 .pie .left-side {
    transform: rotate(129.6deg);
}

.progress-36 .label span.percentage:before {
    content: "36%";
}

.progress-37 .pie .right-side {
    display: none;
}

.progress-37 .pie .left-side {
    transform: rotate(133.2deg);
}

.progress-37 .label span.percentage:before {
    content: "37%";
}

.progress-38 .pie .right-side {
    display: none;
}

.progress-38 .pie .left-side {
    transform: rotate(136.8deg);
}

.progress-38 .label span.percentage:before {
    content: "38%";
}

.progress-39 .pie .right-side {
    display: none;
}

.progress-39 .pie .left-side {
    transform: rotate(140.4deg);
}

.progress-39 .label span.percentage:before {
    content: "39%";
}

.progress-40 .pie .right-side {
    display: none;
}

.progress-40 .pie .left-side {
    transform: rotate(144deg);
}

.progress-40 .label span.percentage:before {
    content: "40%";
}

.progress-41 .pie .right-side {
    display: none;
}

.progress-41 .pie .left-side {
    transform: rotate(147.6deg);
}

.progress-41 .label span.percentage:before {
    content: "41%";
}

.progress-42 .pie .right-side {
    display: none;
}

.progress-42 .pie .left-side {
    transform: rotate(151.2deg);
}

.progress-42 .label span.percentage:before {
    content: "42%";
}

.progress-43 .pie .right-side {
    display: none;
}

.progress-43 .pie .left-side {
    transform: rotate(154.8deg);
}

.progress-43 .label span.percentage:before {
    content: "43%";
}

.progress-44 .pie .right-side {
    display: none;
}

.progress-44 .pie .left-side {
    transform: rotate(158.4deg);
}

.progress-44 .label span.percentage:before {
    content: "44%";
}

.progress-45 .pie .right-side {
    display: none;
}

.progress-45 .pie .left-side {
    transform: rotate(162deg);
}

.progress-45 .label span.percentage:before {
    content: "45%";
}

.progress-46 .pie .right-side {
    display: none;
}

.progress-46 .pie .left-side {
    transform: rotate(165.6deg);
}

.progress-46 .label span.percentage:before {
    content: "46%";
}

.progress-47 .pie .right-side {
    display: none;
}

.progress-47 .pie .left-side {
    transform: rotate(169.2deg);
}

.progress-47 .label span.percentage:before {
    content: "47%";
}

.progress-48 .pie .right-side {
    display: none;
}

.progress-48 .pie .left-side {
    transform: rotate(172.8deg);
}

.progress-48 .label span.percentage:before {
    content: "48%";
}

.progress-49 .pie .right-side {
    display: none;
}

.progress-49 .pie .left-side {
    transform: rotate(176.4deg);
}

.progress-49 .label span.percentage:before {
    content: "49%";
}

.progress-50 .pie .left-side {
    transform: rotate(180deg);
}

.progress-50 .label span.percentage:before {
    content: "50%";
}

.progress-51 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-51 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-51 .pie .left-side {
        transform: rotate(183.6deg);
    }

.progress-51 .label span.percentage:before {
    content: "51%";
}

.progress-52 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-52 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-52 .pie .left-side {
        transform: rotate(187.2deg);
    }

.progress-52 .label span.percentage:before {
    content: "52%";
}

.progress-53 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-53 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-53 .pie .left-side {
        transform: rotate(190.8deg);
    }

.progress-53 .label span.percentage:before {
    content: "53%";
}

.progress-54 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-54 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-54 .pie .left-side {
        transform: rotate(194.4deg);
    }

.progress-54 .label span.percentage:before {
    content: "54%";
}

.progress-55 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-55 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-55 .pie .left-side {
        transform: rotate(198deg);
    }

.progress-55 .label span.percentage:before {
    content: "55%";
}

.progress-56 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-56 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-56 .pie .left-side {
        transform: rotate(201.6deg);
    }

.progress-56 .label span.percentage:before {
    content: "56%";
}

.progress-57 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-57 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-57 .pie .left-side {
        transform: rotate(205.2deg);
    }

.progress-57 .label span.percentage:before {
    content: "57%";
}

.progress-58 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-58 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-58 .pie .left-side {
        transform: rotate(208.8deg);
    }

.progress-58 .label span.percentage:before {
    content: "58%";
}

.progress-59 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-59 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-59 .pie .left-side {
        transform: rotate(212.4deg);
    }

.progress-59 .label span.percentage:before {
    content: "59%";
}

.progress-60 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-60 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-60 .pie .left-side {
        transform: rotate(216deg);
    }

.progress-60 .label span.percentage:before {
    content: "60%";
}

.progress-61 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-61 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-61 .pie .left-side {
        transform: rotate(219.6deg);
    }

.progress-61 .label span.percentage:before {
    content: "61%";
}

.progress-62 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-62 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-62 .pie .left-side {
        transform: rotate(223.2deg);
    }

.progress-62 .label span.percentage:before {
    content: "62%";
}

.progress-63 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-63 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-63 .pie .left-side {
        transform: rotate(226.8deg);
    }

.progress-63 .label span.percentage:before {
    content: "63%";
}

.progress-64 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-64 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-64 .pie .left-side {
        transform: rotate(230.4deg);
    }

.progress-64 .label span.percentage:before {
    content: "64%";
}

.progress-65 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-65 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-65 .pie .left-side {
        transform: rotate(234deg);
    }

.progress-65 .label span.percentage:before {
    content: "65%";
}

.progress-66 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-66 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-66 .pie .left-side {
        transform: rotate(237.6deg);
    }

.progress-66 .label span.percentage:before {
    content: "66%";
}

.progress-67 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-67 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-67 .pie .left-side {
        transform: rotate(241.2deg);
    }

.progress-67 .label span.percentage:before {
    content: "67%";
}

.progress-68 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-68 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-68 .pie .left-side {
        transform: rotate(244.8deg);
    }

.progress-68 .label span.percentage:before {
    content: "68%";
}

.progress-69 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-69 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-69 .pie .left-side {
        transform: rotate(248.4deg);
    }

.progress-69 .label span.percentage:before {
    content: "69%";
}

.progress-70 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-70 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-70 .pie .left-side {
        transform: rotate(252deg);
    }

.progress-70 .label span.percentage:before {
    content: "70%";
}

.progress-71 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-71 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-71 .pie .left-side {
        transform: rotate(255.6deg);
    }

.progress-71 .label span.percentage:before {
    content: "71%";
}

.progress-72 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-72 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-72 .pie .left-side {
        transform: rotate(259.2deg);
    }

.progress-72 .label span.percentage:before {
    content: "72%";
}

.progress-73 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-73 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-73 .pie .left-side {
        transform: rotate(262.8deg);
    }

.progress-73 .label span.percentage:before {
    content: "73%";
}

.progress-74 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-74 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-74 .pie .left-side {
        transform: rotate(266.4deg);
    }

.progress-74 .label span.percentage:before {
    content: "74%";
}

.progress-75 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-75 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-75 .pie .left-side {
        transform: rotate(270deg);
    }

.progress-75 .label span.percentage:before {
    content: "75%";
}

.progress-76 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-76 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-76 .pie .left-side {
        transform: rotate(273.6deg);
    }

.progress-76 .label span.percentage:before {
    content: "76%";
}

.progress-77 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-77 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-77 .pie .left-side {
        transform: rotate(277.2deg);
    }

.progress-77 .label span.percentage:before {
    content: "77%";
}

.progress-78 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-78 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-78 .pie .left-side {
        transform: rotate(280.8deg);
    }

.progress-78 .label span.percentage:before {
    content: "78%";
}

.progress-79 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-79 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-79 .pie .left-side {
        transform: rotate(284.4deg);
    }

.progress-79 .label span.percentage:before {
    content: "79%";
}

.progress-80 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-80 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-80 .pie .left-side {
        transform: rotate(288deg);
    }

.progress-80 .label span.percentage:before {
    content: "80%";
}

.progress-81 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-81 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-81 .pie .left-side {
        transform: rotate(291.6deg);
    }

.progress-81 .label span.percentage:before {
    content: "81%";
}

.progress-82 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-82 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-82 .pie .left-side {
        transform: rotate(295.2deg);
    }

.progress-82 .label span.percentage:before {
    content: "82%";
}

.progress-83 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-83 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-83 .pie .left-side {
        transform: rotate(298.8deg);
    }

.progress-83 .label span.percentage:before {
    content: "83%";
}

.progress-84 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-84 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-84 .pie .left-side {
        transform: rotate(302.4deg);
    }

.progress-84 .label span.percentage:before {
    content: "84%";
}

.progress-85 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-85 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-85 .pie .left-side {
        transform: rotate(306deg);
    }

.progress-85 .label span.percentage:before {
    content: "85%";
}

.progress-86 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-86 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-86 .pie .left-side {
        transform: rotate(309.6deg);
    }

.progress-86 .label span.percentage:before {
    content: "86%";
}

.progress-87 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-87 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-87 .pie .left-side {
        transform: rotate(313.2deg);
    }

.progress-87 .label span.percentage:before {
    content: "87%";
}

.progress-88 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-88 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-88 .pie .left-side {
        transform: rotate(316.8deg);
    }

.progress-88 .label span.percentage:before {
    content: "88%";
}

.progress-89 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-89 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-89 .pie .left-side {
        transform: rotate(320.4deg);
    }

.progress-89 .label span.percentage:before {
    content: "89%";
}

.progress-90 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-90 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-90 .pie .left-side {
        transform: rotate(324deg);
    }

.progress-90 .label span.percentage:before {
    content: "90%";
}

.progress-91 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-91 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-91 .pie .left-side {
        transform: rotate(327.6deg);
    }

.progress-91 .label span.percentage:before {
    content: "91%";
}

.progress-92 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-92 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-92 .pie .left-side {
        transform: rotate(331.2deg);
    }

.progress-92 .label span.percentage:before {
    content: "92%";
}

.progress-93 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-93 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-93 .pie .left-side {
        transform: rotate(334.8deg);
    }

.progress-93 .label span.percentage:before {
    content: "93%";
}

.progress-94 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-94 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-94 .pie .left-side {
        transform: rotate(338.4deg);
    }

.progress-94 .label span.percentage:before {
    content: "94%";
}

.progress-95 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-95 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-95 .pie .left-side {
        transform: rotate(342deg);
    }

.progress-95 .label span.percentage:before {
    content: "95%";
}

.progress-96 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-96 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-96 .pie .left-side {
        transform: rotate(345.6deg);
    }

.progress-96 .label span.percentage:before {
    content: "96%";
}

.progress-97 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-97 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-97 .pie .left-side {
        transform: rotate(349.2deg);
    }

.progress-97 .label span.percentage:before {
    content: "97%";
}

.progress-98 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-98 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-98 .pie .left-side {
        transform: rotate(352.8deg);
    }

.progress-98 .label span.percentage:before {
    content: "98%";
}

.progress-99 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-99 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-99 .pie .left-side {
        transform: rotate(356.4deg);
    }

.progress-99 .label span.percentage:before {
    content: "99%";
}

.progress-100 .pie {
    clip: rect(auto, auto, auto, auto) !important;
}

    .progress-100 .pie .right-side {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .progress-100 .pie .left-side {
        transform: rotate(360deg);
    }

.progress-100 .label span.percentage:before {
    content: "100%";
}

a.add-link {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-weight: 700;
}

    a.add-link .icon {
        width: 100%;
        max-width: 60px;
        margin: 0 auto 10px;
        display: block;
    }

    a.add-link:hover {
        background-color: #e6eaec;
    }

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

    .tm-item .tm__thumb {
        height: 60px;
        width: 60px;
        -webkit-border-radius: 100%;
        -ms-border-radius: 100%;
        -moz-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        border: 1px solid silver;
        margin: 0 auto 14px;
    }

        .tm-item .tm__thumb img {
            display: block;
            -webkit-border-radius: 100%;
            -ms-border-radius: 100%;
            -moz-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%;
        }

    .tm-item h2 {
        color: #37a4cf;
        margin-bottom: 8px;
    }

    .tm-item p {
        color: #888787;
    }

.wf-container {
    overflow: auto;
}

    .wf-container:last-child {
        margin-bottom: 0px;
    }

    .wf-container:before, .wf-container:after {
        content: " ";
        display: table;
    }

    .wf-container:after {
        clear: both;
    }

    .wf-container .wf-inner {
        min-width: 1160px;
        padding: 0;
    }

        .wf-container .wf-inner:before, .wf-container .wf-inner:after {
            content: " ";
            display: table;
        }

        .wf-container .wf-inner:after {
            clear: both;
        }

    .wf-container .wf-item {
        float: left;
        position: relative;
        text-align: center;
        margin-right: 0;
        cursor: pointer;
        width: 100px;
    }

        .wf-container .wf-item:after {
            position: absolute;
            height: 3px;
            width: 50%;
            left: 50%;
            content: '';
            display: block;
            background: #031320;
            top: 30px;
            z-index: 0;
        }

        .wf-container .wf-item:before {
            position: absolute;
            height: 3px;
            width: 50%;
            left: 0;
            content: '';
            display: block;
            background: #031320;
            top: 30px;
            z-index: 0;
        }

        .wf-container .wf-item .wf--icon {
            height: 60px;
            width: 60px;
            padding: 14px;
            border: 2px solid #031320;
            background-color: #FFEB3B;
            color:#000;
            margin: 0 auto 10px;
            -webkit-border-radius: 100%;
            -ms-border-radius: 100%;
            -moz-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%;
            position: relative;
            z-index: 1;
            transition: all 0.3s ease-in-out;
        }

            .wf-container .wf-item .wf--icon i {
                font-size: 25px;
            }

            .wf-container .wf-item .wf--icon:hover {
                color: #fff;
            }

        .wf-container .wf-item:first-child:before {
            display: none;
        }

        .wf-container .wf-item:last-child:after {
            display: none;
        }

        .wf-container .wf-item.active .wf--icon {
            background-color: #229954;
            color:#fff;
        }

        .wf-container .wf-item:hover .wf--icon {
            background-color: #499cf5;
        }

.dropzone {
    background: #DFE5E9;
    padding: 30px;
    border: 1px dashed #DFE5E9;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .dropzone input[type="file"] {
        display: none;
    }

    .dropzone.dz-clickable {
        cursor: pointer;
    }

    .dropzone.dz-started .dz-message {
        display: none;
    }

    .dropzone.dz-drag-hover, .dropzone:hover {
        background: #e6eaec;
        border: 1px dashed silver;
    }

    .dropzone .dz-message {
        text-align: center;
        color: #888787;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 18px;
        line-height: 1.125rem;
    }

        .dropzone .dz-message .icon {
            margin: 0 auto 8px;
            width: 40px;
        }

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 4px;
        min-height: 100px;
    }

        .dropzone .dz-preview .dz-image {
            border-radius: 20px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            position: relative;
            display: block;
            z-index: 10;
        }

            .dropzone .dz-preview .dz-image img {
                display: block;
            }

        .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
            pointer-events: none;
            opacity: 0;
            z-index: 500;
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            margin-left: -28px;
            margin-top: -28px;
        }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            opacity: 1;
        }

        .dropzone .dz-preview .dz-details {
            display: none !important;
        }

.center, .cc, .center-content {
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1220px;
}

    .center:before, .cc:before, .center-content:before, .center:after, .cc:after, .center-content:after {
        content: " ";
        display: table;
    }

    .center:after, .cc:after, .center-content:after {
        clear: both;
    }

.left {
    float: left;
}

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

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

.responsive-button {
    display: none;
    float: right;
}

.visuallyhidden, .visually-hidden, .vh, .ht {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.visuallyshown, .visually-shown, .vs {
    clip: auto;
    clip: rect(auto auto auto auto);
    position: static;
    overflow: visible;
    margin: inherit;
    width: auto;
    height: auto;
}

.hide-text {
    font-size: 0;
    line-height: inherit;
    color: transparent;
}

.image-cover {
    background-size: cover;
    /* The url is relative to the document, not to the css file! */
    /* Prefer absolute urls to avoid confusion. */
    -ms-behavior: url(/backgroundsize.min.htc);
}

.boxed {
    background-color: #DFE5E9;
    border: 1px solid silver;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .boxed.boxed__padding {
        padding: 30px;
    }

.margin-bottom {
    margin-bottom: 40px;
}

.ratio-1-1 {
    position: relative;
    height: 0;
    padding-top: 100%;
}

.border-top {
    border-top: 1px solid silver;
}

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

    .abs-link .inner {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.header {
    width: 100%;
    margin: 0 auto;
    z-index: 10;
}

    .header:before, .header:after {
        content: " ";
        display: table;
    }

    .header:after {
        clear: both;
    }

    .header .header-logo {
        float: left;
        margin-top: 8px;
    }

        .header .header-logo .logo {
            position: relative;
            display: block;
        }

        .header .header-logo img {
            height: 90px;
        }

            .header .header-logo .logo a {
              
            }

    .header .header-upper {
        /*padding: 12px 0;*/
        border-bottom: 1px solid silver;
    }

        .header .header-upper:before, .header .header-upper:after {
            content: " ";
            display: table;
        }

        .header .header-upper:after {
            clear: both;
        }

        .header .header-upper .cc {
            position: relative;
            height: 100%;
        }

        .header .header-upper .header-right-menu {
            float: right;
            max-width: calc(100% - 280px);
            min-width: 280px;
        }

            .header .header-upper .header-right-menu .header-profile {
                border-bottom: 0;
                padding: 0;
            }

    .header .header-right-menu {
        display: none;
    }

    .header .header-profile {
        padding: 12px 0;
        border-bottom: 1px solid silver;
    }

        .header .header-profile:before, .header .header-profile:after {
            content: " ";
            display: table;
        }

        .header .header-profile:after {
            clear: both;
        }

        .header .header-profile .header__meta {
            /*float: left;
            width: calc(100% - 80px);*/
            padding-top: 8px;
            text-align:right;
        }

            .header .header-profile .header__meta h2 {
                margin-bottom: 2px;
            }

            .header .header-profile .header__meta ul li {
                display: inline-block;
            }

                .header .header-profile .header__meta ul li:after {
                    content: ' | ';
                }

                .header .header-profile .header__meta ul li:last-child:after {
                    display: none;
                }

                .header .header-profile .header__meta ul li.active > a, .header .header-profile .header__meta ul li:hover > a {
                    text-decoration: underline;
                }

        .header .header-profile .header__thumb {
            float: right;
            height: 60px;
            width: 60px;
            -webkit-border-radius: 100%;
            -ms-border-radius: 100%;
            -moz-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%;
            border: 1px solid silver;
        }

            .header .header-profile .header__thumb img {
                display: block;
                -webkit-border-radius: 100%;
                -ms-border-radius: 100%;
                -moz-border-radius: 100%;
                -o-border-radius: 100%;
                border-radius: 100%;
            }

    .header .help-icon-mobile{
        position:absolute;
        right:65px;
        top:10px;
    }

    .header .main-menu-icon {
        display: block;
        right: 30px;
        width: 30px;
        position: absolute;
        top: 50%;
        height: 28px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow: hidden;
        z-index: 1000;
    }

        .header .main-menu-icon:before, .header .main-menu-icon:after, .header .main-menu-icon span {
            display: block;
            content: '';
            position: absolute;
            right: 0px;
            width: 24px;
            height: 2px;
            border-radius: 1px;
            background: #249ac9;
            transition: opacity 0.2s ease, background 0.2s ease, top 0.2s ease 0.2s, transform 0.2s ease;
            text-indent: -9999px;
        }

        .header .main-menu-icon:before {
            top: 8px;
        }

        .header .main-menu-icon span {
            top: 14px;
        }

        .header .main-menu-icon:after {
            top: 20px;
        }

        .header .main-menu-icon:hover:before, .header .main-menu-icon:active:before {
            -webkit-transform: translateY(-1px);
            -ms-transform: translateY(-1px);
            -moz-transform: translateY(-1px);
            -o-transform: translateY(-1px);
            transform: translateY(-1px);
        }

        .header .main-menu-icon:hover:after, .header .main-menu-icon:active:after {
            -webkit-transform: translateY(1px);
            -ms-transform: translateY(1px);
            -moz-transform: translateY(1px);
            -o-transform: translateY(1px);
            transform: translateY(1px);
        }

        .header .main-menu-icon.open:before, .header .main-menu-icon.open:after, .header .main-menu-icon.open span {
            transition: opacity 0.2s ease, background 0.2s ease, top 0.2s ease, transform 0.2s ease 0.2s;
        }

        .header .main-menu-icon.open:before {
            top: 14px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .header .main-menu-icon.open span {
            background: rgba(67, 67, 67, 0);
        }

        .header .main-menu-icon.open:after {
            top: 14px;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .header .header-menu {
        display: none;
        width: 100%;
    }

        .header .header-menu.open {
            display: block;
        }

        .header .header-menu .mCSB_inside > .mCSB_container {
            margin-right: 0;
        }

        .header .header-menu .main-menu {
            display: block;
            padding: 10px 0;
            border-bottom: 1px solid silver;
        }

            .header .header-menu .main-menu ul li {
                display: block;
                width: 100%;
                position: relative;
            }

                .header .header-menu .main-menu ul li a {
                    text-align: left;
                    padding: 10px 0;
                    display: block;
                    color: #434343;
                    font-family: var(--font-family), sans-serif;
                    -webkit-transition: all 0.2s ease-out;
                    -ms-transition: all 0.2s ease-out;
                    -moz-transition: all 0.2s ease-out;
                    -o-transition: all 0.2s ease-out;
                    transition: all 0.2s ease-out;
                }

                    .header .header-menu .main-menu ul li a:after {
                        -webkit-transition: all 0.2s ease-out;
                        -ms-transition: all 0.2s ease-out;
                        -moz-transition: all 0.2s ease-out;
                        -o-transition: all 0.2s ease-out;
                        transition: all 0.2s ease-out;
                        height: 4px;
                        width: 100%;
                        position: absolute;
                        bottom: -4px;
                        left: 0;
                        background: silver;
                    }

                .header .header-menu .main-menu ul li.active > a, .header .header-menu .main-menu ul li:hover > a {
                    color: #249ac9;
                    text-decoration: none;
                }

@media screen and (min-width: 576px) {
    .header .header-right-menu {
        display: block;
    }

    .header .main-menu-icon {
        display: none;
    }

    .header .help-icon-mobile {
        display: none;
    }

    .header .header-menu {
        display: block;
    }

        .header .header-menu .header-profile {
            display: none;
        }

        .header .header-menu .main-menu {
            padding: 0;
            border-bottom: 0px;
        }

            .header .header-menu .main-menu ul {
                display: flex;
                flex-direction: row;
                align-items: stretch;
                width: 100%;
                flex-wrap: wrap;
            }

                .header .header-menu .main-menu ul li {
                    flex: 3;
                    width: auto;
                }

                    .header .header-menu .main-menu ul li a {
                        text-align: center;
                        position: relative;
                        padding: 10px 10px;
                    }

                        .header .header-menu .main-menu ul li a:after {
                            content: '';
                        }

                    .header .header-menu .main-menu ul li.active a:after, .header .header-menu .main-menu ul li:hover a:after {
                        background: #249ac9;
                    }
}

.footer {
    z-index: 1;
    border-top: 1px solid #DFE5E9;
    padding: 40px 0;
    text-align: center;
    position: relative;
}

@media screen and (min-width: 620px) {
    .columns-4 .item, .columns-8 .item, .columns-7 .item, .columns-6 .item, .columns-4 .column, .columns-8 .column, .columns-7 .column, .columns-6 .column {
        float: left;
        width: 48.27585%;
        margin-right: 3.44828%;
    }

        .columns-4 .item:last-child, .columns-8 .item:last-child, .columns-7 .item:last-child, .columns-6 .item:last-child, .columns-4 .column:last-child, .columns-8 .column:last-child, .columns-7 .column:last-child, .columns-6 .column:last-child {
            margin-right: 0;
        }

        .columns-4 .item:nth-child(2n), .columns-8 .item:nth-child(2n), .columns-7 .item:nth-child(2n), .columns-6 .item:nth-child(2n), .columns-4 .column:nth-child(2n), .columns-8 .column:nth-child(2n), .columns-7 .column:nth-child(2n), .columns-6 .column:nth-child(2n) {
            margin-right: 0;
        }

        .columns-4 .item:nth-child(2n+1), .columns-8 .item:nth-child(2n+1), .columns-7 .item:nth-child(2n+1), .columns-6 .item:nth-child(2n+1), .columns-4 .column:nth-child(2n+1), .columns-8 .column:nth-child(2n+1), .columns-7 .column:nth-child(2n+1), .columns-6 .column:nth-child(2n+1) {
            clear: both;
        }

    .page-tab-menu {
        border-left: 1px solid silver;
        border-top: 0;
        border-bottom: 0;
    }

        .page-tab-menu label {
            display: none;
        }

        .page-tab-menu ul {
            display: block !important;
        }

            .page-tab-menu ul li {
                float: left;
                border-bottom: 1px solid silver;
                border-right: 1px solid silver;
            }

                .page-tab-menu ul li a {
                    padding: 10px 16px;
                }

                .page-tab-menu ul li:hover {
                    background-color: silver;
                    border-color: silver;
                }

                    .page-tab-menu ul li:hover > a {
                        color: #888787;
                    }

                .page-tab-menu ul li.active {
                    background-color: #249ac9;
                    border-color: #249ac9;
                }

                    .page-tab-menu ul li.active > a {
                        color: #fff;
                    }

    fieldset.postcode input[type="text"] {
        float: left;
        width: calc(100% - 164px);
        margin: 0;
    }
}

@media screen and (min-width: 760px) {

    .header .main-menu-icon {
        right: 40px;
    }

    .columns-2:before, .columns-3:before, .columns-4:before, .columns-2:after, .columns-3:after, .columns-4:after {
        content: " ";
        display: table;
    }

    .columns-2:after, .columns-3:after, .columns-4:after {
        clear: both;
    }

    .columns-2 .column, .columns-3 .column, .columns-4 .column, .columns-2 .item, .columns-3 .item, .columns-4 .item {
        float: left;
        width: 48.27585%;
        margin-right: 3.44828%;
    }

        .columns-2 .column:last-child, .columns-3 .column:last-child, .columns-4 .column:last-child, .columns-2 .item:last-child, .columns-3 .item:last-child, .columns-4 .item:last-child {
            margin-right: 0;
        }

        .columns-2 .column:nth-child(2n), .columns-3 .column:nth-child(2n), .columns-4 .column:nth-child(2n), .columns-2 .item:nth-child(2n), .columns-3 .item:nth-child(2n), .columns-4 .item:nth-child(2n) {
            margin-right: 0;
        }

        .columns-2 .column:nth-child(2n+1), .columns-3 .column:nth-child(2n+1), .columns-4 .column:nth-child(2n+1), .columns-2 .item:nth-child(2n+1), .columns-3 .item:nth-child(2n+1), .columns-4 .item:nth-child(2n+1) {
            clear: both;
        }

    .columns-8 .column, .columns-7 .column, .columns-6 .column, .columns-8 .item, .columns-7 .item, .columns-6 .item {
        float: left;
        width: 22.41378%;
        margin-right: 3.44828%;
    }

        .columns-8 .column:nth-child(2n), .columns-7 .column:nth-child(2n), .columns-6 .column:nth-child(2n), .columns-8 .item:nth-child(2n), .columns-7 .item:nth-child(2n), .columns-6 .item:nth-child(2n) {
            margin-right: 3.44828%;
        }

        .columns-8 .column:nth-child(2n+1), .columns-7 .column:nth-child(2n+1), .columns-6 .column:nth-child(2n+1), .columns-8 .item:nth-child(2n+1), .columns-7 .item:nth-child(2n+1), .columns-6 .item:nth-child(2n+1) {
            clear: none;
        }

        .columns-8 .column:last-child, .columns-7 .column:last-child, .columns-6 .column:last-child, .columns-8 .item:last-child, .columns-7 .item:last-child, .columns-6 .item:last-child {
            margin-right: 0;
        }

        .columns-8 .column:nth-child(4n), .columns-7 .column:nth-child(4n), .columns-6 .column:nth-child(4n), .columns-8 .item:nth-child(4n), .columns-7 .item:nth-child(4n), .columns-6 .item:nth-child(4n) {
            margin-right: 0;
        }

        .columns-8 .column:nth-child(4n+1), .columns-7 .column:nth-child(4n+1), .columns-6 .column:nth-child(4n+1), .columns-8 .item:nth-child(4n+1), .columns-7 .item:nth-child(4n+1), .columns-6 .item:nth-child(4n+1) {
            clear: both;
        }

    .col-2 .column, .col-2 .item {
        float: left;
        width: 50%;
        margin-bottom: 0;
    }

    .section-title .section--content, .section-title .icon-items {
        display: inline-block;
        vertical-align: middle;
    }

        .section-title .section--content fieldset, .section-title .icon-items fieldset {
            width: 200px;
            display: inline-block;
        }

    .section-title .icon-items {
        margin-left: 0;
        float: right;
    }
}

@media screen and (min-width: 968px) {
    .columns-8-4:before, .columns-8-4:after {
        content: " ";
        display: table;
    }

    .columns-8-4:after {
        clear: both;
    }

    .columns-8-4 .column:nth-child(n), .columns-8-4 .item:nth-child(n) {
        float: left;
        width: 65.51723%;
        margin-right: 3.44828%;
    }

        .columns-8-4 .column:nth-child(n):last-child, .columns-8-4 .item:nth-child(n):last-child {
            margin-right: 0;
        }

    .columns-8-4 .column:nth-child(2n), .columns-8-4 .item:nth-child(2n) {
        float: left;
        width: 31.03447%;
        margin-right: 3.44828%;
        margin-right: 0 !important;
    }

        .columns-8-4 .column:nth-child(2n):last-child, .columns-8-4 .item:nth-child(2n):last-child {
            margin-right: 0;
        }

    .columns-8-4 .column:nth-child(2n+1), .columns-8-4 .item:nth-child(2n+1) {
        clear: both;
    }

    .columns-3-9:before, .columns-3-9:after {
        content: " ";
        display: table;
    }

    .columns-3-9:after {
        clear: both;
    }

    .columns-3-9 .column:nth-child(n), .columns-3-9 .item:nth-child(n) {
        float: left;
        width: 22.41378%;
        margin-right: 3.44828%;
    }

        .columns-3-9 .column:nth-child(n):last-child, .columns-3-9 .item:nth-child(n):last-child {
            margin-right: 0;
        }

    .columns-3-9 .column:nth-child(2n), .columns-3-9 .item:nth-child(2n) {
        float: left;
        width: 74.13792%;
        margin-right: 3.44828%;
        margin-right: 0 !important;
    }

        .columns-3-9 .column:nth-child(2n):last-child, .columns-3-9 .item:nth-child(2n):last-child {
            margin-right: 0;
        }

    .columns-3-9 .column:nth-child(2n+1), .columns-3-9 .item:nth-child(2n+1) {
        clear: both;
    }

    .columns-4 .column, .columns-4 .item, .columns-4 .block-item {
        float: left;
        width: 22.41378%;
        margin-right: 3.44828%;
    }

        .columns-4 .column:nth-child(2n), .columns-4 .item:nth-child(2n), .columns-4 .block-item:nth-child(2n) {
            margin-right: 3.44828%;
        }

        .columns-4 .column:nth-child(2n+1), .columns-4 .item:nth-child(2n+1), .columns-4 .block-item:nth-child(2n+1) {
            clear: none;
        }

        .columns-4 .column:last-child, .columns-4 .item:last-child, .columns-4 .block-item:last-child {
            margin-right: 0;
        }

        .columns-4 .column:nth-child(4n), .columns-4 .item:nth-child(4n), .columns-4 .block-item:nth-child(4n) {
            margin-right: 0;
        }

        .columns-4 .column:nth-child(4n+1), .columns-4 .item:nth-child(4n+1), .columns-4 .block-item:nth-child(4n+1) {
            clear: both;
        }

    .columns-8 .column, .columns-8 .item {
        float: left;
        width: 9.48275%;
        margin-right: 3.44828%;
    }

        .columns-8 .column:nth-child(4n), .columns-8 .item:nth-child(4n) {
            margin-right: 3.44828%;
        }

        .columns-8 .column:nth-child(4n+1), .columns-8 .item:nth-child(4n+1) {
            clear: none;
        }

        .columns-8 .column:last-child, .columns-8 .item:last-child {
            margin-right: 0;
        }

        .columns-8 .column:nth-child(8n), .columns-8 .item:nth-child(8n) {
            margin-right: 0;
        }

        .columns-8 .column:nth-child(8n+1), .columns-8 .item:nth-child(8n+1) {
            clear: both;
        }

        .columns-8 .column:nth-child(8n), .columns-8 .item:nth-child(8n) {
            margin-right: 0;
        }

        .columns-8 .column:nth-child(8n+1), .columns-8 .item:nth-child(8n+1) {
            clear: both;
        }

    .columns-7 .column, .columns-7 .item {
        float: left;
        width: 11.33004%;
        margin-right: 3.44828%;
    }

        .columns-7 .column:nth-child(4n), .columns-7 .item:nth-child(4n) {
            margin-right: 3.44828%;
        }

        .columns-7 .column:nth-child(4n+1), .columns-7 .item:nth-child(4n+1) {
            clear: none;
        }

        .columns-7 .column:last-child, .columns-7 .item:last-child {
            margin-right: 0;
        }

        .columns-7 .column:nth-child(7n), .columns-7 .item:nth-child(7n) {
            margin-right: 0;
        }

        .columns-7 .column:nth-child(7n+1), .columns-7 .item:nth-child(7n+1) {
            clear: both;
        }

        .columns-7 .column:nth-child(7n), .columns-7 .item:nth-child(7n) {
            margin-right: 0;
        }

        .columns-7 .column:nth-child(7n+1), .columns-7 .item:nth-child(7n+1) {
            clear: both;
        }

    .columns-6 .column, .columns-6 .item {
        float: left;
        width: 13.79309%;
        margin-right: 3.44828%;
    }

        .columns-6 .column:nth-child(4n), .columns-6 .item:nth-child(4n) {
            margin-right: 3.44828%;
        }

        .columns-6 .column:nth-child(4n+1), .columns-6 .item:nth-child(4n+1) {
            clear: none;
        }

        .columns-6 .column:last-child, .columns-6 .item:last-child {
            margin-right: 0;
        }

        .columns-6 .column:nth-child(6n), .columns-6 .item:nth-child(6n) {
            margin-right: 0;
        }

        .columns-6 .column:nth-child(6n+1), .columns-6 .item:nth-child(6n+1) {
            clear: both;
        }

        .columns-6 .column:nth-child(6n), .columns-6 .item:nth-child(6n) {
            margin-right: 0;
        }

        .columns-6 .column:nth-child(6n+1), .columns-6 .item:nth-child(6n+1) {
            clear: both;
        }

    form.form--section fieldset {
        margin-bottom: 20px;
    }

        form.form--section fieldset h2 {
            float: left;
            width: 22.41378%;
            margin-right: 3.44828%;
        }

            form.form--section fieldset h2:last-child {
                margin-right: 0;
            }

        form.form--section fieldset > fieldset {
            float: left;
            width: 48.27585%;
            margin-right: 3.44828%;
            margin-right: 0 !important;
            margin-bottom: 20px;
        }

            form.form--section fieldset > fieldset:last-child {
                margin-right: 0;
            }

            form.form--section fieldset > fieldset fieldset {
                float: left;
                width: 99.99999%;
                margin-right: 3.44828%;
            }

                form.form--section fieldset > fieldset fieldset:last-child {
                    margin-right: 0;
                }

    fieldset.multi-tel .multi-tel__type {
        width: 160px;
        margin-right: 20px;
    }

    fieldset.multi-tel .multi-tel__number {
        clear: none;
        width: calc(100% - 300px);
        margin-right: 0;
        margin-top: 0;
    }

    fieldset.multi-tel .multi-tel__remove {
        margin-top: 24px;
    }
}

@media screen and (min-width: 1200px) {
    .columns-3 .column, .columns-3 .item {
        float: left;
        width: 31.03447%;
        margin-right: 3.44828%;
    }

        .columns-3 .column:nth-child(2n), .columns-3 .item:nth-child(2n) {
            margin-right: 3.44828%;
        }

        .columns-3 .column:nth-child(2n+1), .columns-3 .item:nth-child(2n+1) {
            clear: none;
        }

        .columns-3 .column:last-child, .columns-3 .item:last-child {
            margin-right: 0;
        }

        .columns-3 .column:nth-child(3n), .columns-3 .item:nth-child(3n) {
            margin-right: 0;
        }

        .columns-3 .column:nth-child(3n+1), .columns-3 .item:nth-child(3n+1) {
            clear: both;
        }
}

@media screen and (max-width: 619px) {
    .columns-4 .panel {
        height: auto !important;
    }
}

@media screen and (max-width: 967px) {
    .columns-3-9 .panel {
        height: auto !important;
    }
}

.browser-bar {
    display: none;
}

html.old .browser-bar {
    display: block;
    width: 100%;
    height: 200px;
    background: #e3e3e3;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

    html.old .browser-bar .browser-inner {
        background: #e3e3e3 url(../images/update-your-browser.jpg) no-repeat;
        width: 740px;
        height: 200px;
        margin: 0 auto;
        position: relative;
    }

        html.old .browser-bar .browser-inner a {
            display: block;
            position: absolute;
            top: 130px;
            width: 170px;
            height: 50px;
            text-indent: -99999px;
        }

            html.old .browser-bar .browser-inner a.chrome {
                left: 22px;
            }

            html.old .browser-bar .browser-inner a.firefox {
                left: 216px;
            }

            html.old .browser-bar .browser-inner a.ie {
                left: 410px;
            }

            html.old .browser-bar .browser-inner a.safari {
                left: 576px;
            }

html.old .wrapper {
    position: relative;
    top: 0px;
}