@charset "utf-8";

/*
------------------------------------------------------------
Project Name : JXP;
------------------------------------------------------------
*/

/* Reset
--------------------------------------------------------------------------------------------------------*/

/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

/* General
--------------------------------------------------------------------------------------------------------*/
* {
    outline: none !important;
}

.window-resizing *, body:not(.page-loaded) * {
    transition: none !important;
}

a {
    transition: all 0.3s;
}

html, body {
    min-width: 320px;
    min-height: 100vh;
}

body {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Comfortaa', cursive;
    -ms-overflow-style: scrollbar;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #686868;
}

.wrapper {
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

a {
    color: #000;
    text-decoration: none;
}

    a:hover {
        color: #999;
        text-decoration: none;
    }

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
    padding: 0 0 20px;
}

    h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
        display: block;
    }

h1, .h1 {
    font-size: 60px;
    line-height: 66px;
}

h2, .h2 {
    font-size: 36px;
    line-height: 42px;
}

h3, .h3 {
    font-size: 30px;
    line-height: 36px;
}

h4, .h4 {
    font-size: 24px;
    line-height: 30px;
}

h5, .h5 {
    font-size: 20px;
    line-height: 26px;
}

p {
    padding: 0 0 20px;
}

ul, ol, li {
    list-style-type: none !important;
    list-style: none !important;
}
/*
input[type=text], input[type=email], input[type=password], textarea {
    -webkit-appearance: none;
    appearance: none;
}

::-webkit-input-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}*/

:-moz-placeholder {
    color: #000;
}

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

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

option:not(:checked) {
    color: black;
}

strong {
    font-weight: 700;
}

/*input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000000s ease-in-out 0s,color 5000000s ease-in-out 0s;
}*/

button {
    color: inherit;
}

hr {
    border-color: #DDDDDD;
}

    hr.large-space {
        margin: 36px 0;
    }

.text-primary, a.text-primary:hover, a.text-primary:focus, a.text-primary:active {
    color: #F05323 !important;
}

.text-dark {
    color: #4C4C4C !important;
}

.light {
    font-weight: 300;
}

.text-lg {
    font-size: 18px;
    line-height: 28px;
}

.text-xlg {
    font-size: 22px;
    line-height: 28px;
}

.text-light-grey {
    color: #848484;
}

.semibold {
    font-weight: 600;
}

.extrabold {
    font-weight: 800;
}

.primary-link {
    color: #F05323;
    text-decoration: none;
}

    .primary-link:hover, .primary-link:focus, .primary-link:active {
        color: #F05323;
        text-decoration: underline;
    }

.text-success {
    color: #3fcc6e !important;
}

.text-xsm {
    font-size: 12px;
}

.text-sm {
    font-size: 14px;
}

.text-md {
    font-size: 15px;
}

.text-regular {
    font-size: 16px;
}

.italic {
    font-style: italic;
}

.tall-text {
    line-height: 24px;
}

.short-text {
    line-height: 20px;
}

.medium-text {
    line-height: 18px;
}

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

/*input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}*/

.text-normalcase {
    text-transform: none !important;
}

/* misc
--------------------------------------------------------------------------------------------------------*/
.section-title {
    color: #0d6efd;
    text-align: center;
    font-weight: 700;
    padding: 0 0 4px;
}

.section-subtitle {
    text-align: center;
    font-weight: 700;
    padding: 0 0 30px;
}

.content-block {
    padding: 50px 0 170px;
}

    .content-block.only-card {
        padding: 108px 0 72px;
    }

.section-support {
    padding-bottom: 40px;
}

.switchboard-card {
    background: #F2F2F2;
    background: -moz-linear-gradient(left, #F2F2F2 0%, #FCFCFC 13%, #FCFCFC 100%);
    background: -webkit-linear-gradient(left, #F2F2F2 0%, #FCFCFC 13%, #FCFCFC 100%);
    background: linear-gradient(to right, #F2F2F2 0%, #FCFCFC 13%, #FCFCFC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#FCFCFC', GradientType=1);
    border: 1px solid #e5e5e5;
    border-radius: 40px;
    padding: 40px 38px 32px;
}

    .switchboard-card.primary {
        background: #1977cc;
        color: #fff;
    }

    .switchboard-card .left p {
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 32px;
        font-weight: 600;
    }

.meter-concern {
    max-width: 740px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 46px;
}

    .meter-concern h4 {
        padding-bottom: 48px;
    }

.error-text {
    display: block;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    padding-top: 4px;
    color: #F05323;
}

.row.has-select-control {
    position: relative;
    z-index: 4;
}

.row.medium-gutter {
    margin-left: -10px;
    margin-right: -10px;
}

    .row.medium-gutter > div {
        padding-left: 10px;
        padding-right: 10px;
    }

.row.small-gutter {
    margin-left: -12px;
    margin-right: -12px;
}

    .row.small-gutter > div {
        padding-left: 12px;
        padding-right: 12px;
    }

.row.xs-gutter {
    margin-left: -5px;
    margin-right: -5px;
}

    .row.xs-gutter > div {
        padding-left: 5px;
        padding-right: 5px;
    }

.inline-controls {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}
    /*
    .inline-controls > p, .inline-controls > div, .inline-controls > input, .inline-controls > span, .inline-controls > button {
        margin-right: 12px;
    }

        .inline-controls > p:last-child, .inline-controls > div:last-child, .inline-controls > input:last-child, .inline-controls > span:last-child, .inline-controls > button:last-child {
            margin-right: 0;
        }
*/
    .inline-controls > .info {
        margin-top: -2px;
    }

.inline-middle {
    display: inline-block !important;
    vertical-align: middle;
}

.uploaded-document-wrapper {
    margin-bottom: -20px;
}

.uploaded-document {
    position: relative;
    margin-bottom: 20px;
}

    .uploaded-document > .img-wrapper {
        height: 148px;
        background: center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .uploaded-document:after {
        position: absolute;
        content: '';
        z-index: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 0.15;
    }

    .uploaded-document > .delete-btn {
        background: #FFF;
        border-radius: 500px;
        padding: 4px;
        border: 0;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        position: absolute;
        right: 8px;
        top: 8px;
        z-index: 1;
    }

        .uploaded-document > .delete-btn:hover, .uploaded-document > .delete-btn:active, .uploaded-document > .delete-btn:focus {
            background-color: #F2F2F2;
        }

        .uploaded-document > .delete-btn > img {
            display: block;
            height: 24px;
            width: 24px;
        }

    .uploaded-document.document:after {
        display: none;
    }

    .uploaded-document.document > img {
        height: 64px;
        width: 64px;
        display: block;
        margin: 0 auto 12px;
    }

    .uploaded-document.document {
        background: #f8f8f8;
        border-radius: 8px;
        border: 1px solid #dddddd;
        text-align: center;
        padding: 24px 12px;
        white-space: nowrap;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .uploaded-document.document > .delete-btn {
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
        }

.how-to-measure {
    color: #686868;
}

    .how-to-measure:hover, .how-to-measure:focus, .how-to-measure:active {
        color: #F05323;
    }

    .how-to-measure > strong {
        display: inline-block;
        vertical-align: middle;
        padding-right: 6px;
    }

    .how-to-measure > img {
        height: 24px;
        width: 24px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 6px;
    }

.e-contract-preview-tab {
    margin-bottom: 10px;
}

    .e-contract-preview-tab > .btn {
        margin-right: 16px;
        margin-bottom: 20px;
    }

        .e-contract-preview-tab > .btn:last-child {
            margin-right: 0;
        }

/* buttons
--------------------------------------------------------------------------------------------------------*/
/*.btn {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    border-radius: 50px;
    padding: 13px 30px;
}

    .btn.shrinked {
        padding-left: 24px;
        padding-right: 24px;
    }

    .btn.wider {
        padding-left: 54px;
        padding-right: 54px;
    }

.btn-primary {
    color: #FFF !important;
    border: none !important;
    background: #f15a22 !important;
    background: -moz-linear-gradient(left, #ffb05b 0%, #f15a22 100%) !important;
    background: -webkit-linear-gradient(left, #ffb05b 0%,#f15a22 100%) !important;
    background: linear-gradient(to right, #ffb05b 0%,#f15a22 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb05b', endColorstr='#f15a22',GradientType=1) !important;
    position: relative;
}

    .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 4px rgba(240, 83, 35, .25);
    }

    .btn-primary:before {
        z-index: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: '';
        background: #f15a22;
        background: -moz-linear-gradient(left, #f15a22 0%, #ffb05b 100%);
        background: -webkit-linear-gradient(left, #f15a22 0%,#ffb05b 100%);
        background: linear-gradient(to right, #f15a22 0%,#ffb05b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15a22', endColorstr='#ffb05b',GradientType=1 );
        border-radius: 500px;
        opacity: 0;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
    }

    .btn-primary:hover:before, .btn-primary:focus:before, .btn-primary:active:before {
        opacity: 1;
    }

    .btn-primary > span, .btn-primary-linear > span {
        position: relative;
        z-index: 1;
    }

.btn-primary-linear {
    color: #F15A22 !important;
    border: none !important;
    background: transparent !important;
    position: relative;
    border: 1px solid #F15A22 !important;
    padding: 12px 30px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

    .btn-primary-linear:after {
        position: absolute;
        z-index: 0;
        background: #F15A22;
        content: '';
        top: -1px;
        left: 40%;
        width: 20%;
        height: calc(100% + 2px);
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        opacity: 0;
        border-radius: 50px;
    }

    .btn-primary-linear:hover:after, .btn-primary-linear:focus:after, .btn-primary-linear:active:after {
        left: -1px;
        width: calc(100% + 2px);
        opacity: 1;
    }

    .btn-primary-linear:hover, .btn-primary-linear:focus, .btn-primary-linear:active {
        color: #FFF !important;
        background: #F15A22 !important;
        transition: color .2s cubic-bezier(0.35, 0, 0.25, 1),background-color .4s cubic-bezier(0.35, 0, 0.25, 1);
    }

    .btn-primary-linear:focus {
        box-shadow: 0 0 0 4px rgba(240, 83, 35, .25);
    }

.switchboard-card.primary .btn-primary-linear {
    background: #fefefe !important;
}

    .switchboard-card.primary .btn-primary-linear:hover, .switchboard-card.primary .btn-primary-linear:focus, .switchboard-card.primary .btn-primary-linear:active {
        color: #F15A22 !important;
    }

    .switchboard-card.primary .btn-primary-linear:after {
        background: #e7e7e7;
    }*/

/*.btn-icon {
    padding: 13px;
}

    .btn-icon > span > img {
        height: 24px;
        width: 24px;
        display: block;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        position: relative;
        z-index: 1;
    }

    .btn-icon > span > .active-icon {
        margin-top: -24px;
        opacity: 0;
        transform: scale(0.4);
        visibility: hidden;
    }

    .btn-icon:hover > span > .active-icon, .btn-icon:focus > span > .active-icon, .btn-icon:active > span > .active-icon {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    .btn-icon:hover > span > .default-icon, .btn-icon:focus > span > .default-icon, .btn-icon:active > span > .default-icon {
        opacity: 0;
        visibility: hidden;
        transform: scale(1.2);
    }

.btn-large-icon {
    border-radius: 8px;
    padding: 19px 18px;
}

    .btn-large-icon:after {
        border-radius: 8px;
    }

    .btn-large-icon > span {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
    }

        .btn-large-icon > span > img {
            height: 48px;
            width: 48px;
            transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
            transform: scale(1);
        }

        .btn-large-icon > span > .active-icon {
            height: 48px;
            width: 48px;
            margin-left: -48px;
            opacity: 0;
            visibility: hidden;
            transform: scale(0.4);
            margin-right: 8px;
        }

    .btn-large-icon:hover > span > .active-icon, .btn-large-icon:focus > span > .active-icon, .btn-large-icon:active > span > .active-icon {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    .btn-large-icon:hover > span > .default-icon, .btn-large-icon:focus > span > .default-icon, .btn-large-icon:active > span > .default-icon {
        opacity: 0;
        visibility: hidden;
        transform: scale(1.2);
    }

.btn-list.no-space {
    margin-bottom: -10px;
}

.btn-list > .btn, .btn-list > .custom-file-upload {
    margin-right: 6px;
    margin-bottom: 10px;
}

    .btn-list > .btn:last-child, .btn-list > .custom-file-upload:last-child {
        margin-right: 0;
    }*/

/* form
--------------------------------------------------------------------------------------------------------*/
/*.form-group {
    padding-bottom: 30px;
    margin: 0;
}

.form-control {
    border-radius:60px;
    color: #4C4C4C;
    font-size: 16px;
    line-height: 24px;
    padding: 4px 12px;
    background: #FFF;
    border: 1px solid #DDD;
}

    .form-control:focus {
        border-color: #1977cc;
        box-shadow: 0 0 0 4px rgba(240, 83, 35, 0.16);
        color: #4C4C4C;
    }

    .form-control[type="number"] {
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: textfield;
    }

    .form-control::-webkit-outer-spin-button, .form-control::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.floating-label {
    position: relative;
}

    .floating-label .form-control {
        height: 52px;
        padding: 18px 0 0;
        border: 0;
        border-bottom: 1px solid #DDD;
        border-radius: 0;
        background: none;
        font-size: 18px;
    }

        .floating-label .form-control.type-autocomplete {
            background: url(../images/ic-chevron-select-down.svg) right 27px no-repeat;
            -webkit-background-size: 16px 16px;
            background-size: 16px 16px;
            padding-right: 24px;
        }

        .floating-label .form-control:focus {
            box-shadow: none;
            border-color: #1977cc;
            border-width: 2px;
            padding-top: 19px;
        }

    .floating-label .control-label {
        position: absolute;
        left: 0;
        top: 23px;
        white-space: nowrap;
        max-width: calc(100% - 10px);
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        cursor: text;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        transform: scale(1) translate(0, 0);
        transform-origin: top left;
        font-size: 16px;
        line-height: 20px;
        color: #848484;
    }

    .floating-label.wrap-label .control-label {
        white-space: normal;
        max-height: 40px;
        top: 9px;
    }

    .floating-label.is-focused .control-label, .floating-label.has-value .control-label, .floating-label.label-fixed .control-label {
        transform: scale(0.72) translate(0, -165%);
        color: #686868;
        max-width: calc(135% - 10px);
    }

    .floating-label.wrap-label.is-focused .control-label, .floating-label.wrap-label.has-value .control-label, .floating-label.wrap-label.label-fixed .control-label {
        transform: scale(0.72) translate(0, -50%);
    }

    .floating-label.secondary .control-label {
        color: #868686;
        font-size: 16px;
    }

    .floating-label.secondary .form-control, .floating-label.secondary .bootstrap-select .dropdown-toggle {
        font-size: 16px;
    }

    .floating-label.is-focused .control-label {
        color: #F05323;
    }

    .floating-label .form-control.datepicker, .form-control.datepicker {
        background-image: url('../images/ic-calendar.svg');
        background-position: right;
        background-repeat: no-repeat;
        -webkit-background-size: 28px 28px;
        background-size: 28px 28px;
        padding-right: 32px;
    }

    .floating-label.no-label .form-control {
        padding-top: 0;
        height: 34px;
    }

    .floating-label .form-control.text-md, .form-control.text-md {
        font-size: 16px;
    }

.control-label-static {
    color: #75787b;
    display: block;
    padding-bottom: 4px;
    max-width: 230px;
}

    .control-label-static .action-btn, .form-control-static .action-btn {
        display: inline-block;
        vertical-align: middle;
        margin-top: -1px;
        border: 0;
        background: none;
        border-radius: 500px;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        height: 22px;
        width: 22px;
        padding: 0;
    }

        .control-label-static .action-btn > img, .form-control-static .action-btn > img {
            height: 22px;
            width: 22px;
        }

        .control-label-static .action-btn:hover, .control-label-static .action-btn:focus, .control-label-static .action-btn:active, .form-control-static .action-btn:hover, .form-control-static .action-btn:focus, .form-control-static .action-btn:active {
            background: rgba(240, 83, 35, 0.2);
        }

.form-control-static {
    font-size: 18px;
    line-height: 24px;
    color: #4c4c4c;
    font-weight: 600;
    padding: 0;
}*/

/* Header
--------------------------------------------------------------------------------------------------------*/
.header {
    padding: 18px 20px 19px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    background: #FCFCFC;
}

    .header .brand {
        display: inline-block;
    }

        .header .brand > img {
            display: block;
            max-width: 100%;
            height: 52px;
            width: 226px;
        }

    .header .right-block {
        margin-left: auto;
        align-self: center;
    }

    .header .lang-block {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
    }

        .header .lang-block > button {
            background: none;
            border: 0;
            color: #75787B;
            font-weight: 600;
            opacity: 0.5;
            transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
            padding: 4px 5px;
        }

            .header .lang-block > button:hover, .header .lang-block > button:focus, .header .lang-block > button:active {
                opacity: 0.8;
            }

        .header .lang-block .active, .header .lang-block .active:hover, .header .lang-block .active:focus, .header .lang-block .active:active {
            color: #F05323;
            opacity: 1;
        }

/* ordered list
--------------------------------------------------------------------------------------------------------*/
.ordered-list > li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

    .ordered-list > li > .number {
        font-weight: 600;
        color: #75787B;
        padding-right: 10px;
    }

    .ordered-list > li > .right-block {
        flex-grow: 1;
    }

/* Footer
--------------------------------------------------------------------------------------------------------*/
.footer {
    position: relative;
    z-index: 1;
}

.copyright {
    color: #75787B;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    opacity: 0.8;
    padding-bottom: 24px;
}

.footer .abstract-art {
    height: 84px;
    background: url('../images/footer-art.svg') center repeat-x;
    -webkit-background-size: 1560px 84px;
    background-size: 1560px 84px;
}

/* switch radio
--------------------------------------------------------------------------------------------------------*/
.switch-radio-inline {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .switch-radio-inline > .switch-radio {
        margin-right: 56px;
    }

        .switch-radio-inline > .switch-radio:last-child {
            margin-right: 0;
        }

.switch-radio {
    position: relative;
    transform: scale(1);
    transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
}

    .switch-radio:hover {
        -webkit-animation-duration: 0.6s;
        animation-duration: 0.6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: pulse;
        animation-name: pulse;
    }

    .switch-radio > input[type="radio"] {
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
    }

    .switch-radio > label { /* border-radius: 500px; */
        box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
        border: 1px solid #e5e5e5;
        background: #FFFFFF;
        background: -moz-linear-gradient(top, #FFFFFF 0%, #E2E2E2 100%);
        background: -webkit-linear-gradient(top, #FFFFFF 0%, #E2E2E2 100%);
        background: linear-gradient(to bottom, #FFFFFF 0%, #E2E2E2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E2E2E2', GradientType=0);
        font-size: 22px;
        line-height: 28px;
        width: 176px;
        height: 176px;
        display: block;
        padding: 27px 15px;
        position: relative;
        cursor: pointer;
    }

        .switch-radio > label > img {
            display: block;
            margin: 0 auto;
            transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
            height: 72px;
            width: 72px;
            transform: scale(1);
            position: relative;
            z-index: 1;
        }

        .switch-radio > label > span {
            position: relative;
            z-index: 1;
            transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        }

        .switch-radio > label > .active-img {
            margin-top: -72px;
            opacity: 0;
            transform: scale(0.4);
            margin-bottom: 10px;
        }

        .switch-radio > label:after {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 500px;
            /*background: #FFB05B;
            background: -moz-linear-gradient(top, #FFB05B 0%, #F05323 100%);*/
            /*background: -webkit-linear-gradient(top, #FFB05B 0%, #F05323 100%);
            background: linear-gradient(to bottom, #FFB05B 0%, #F05323 100%);*/
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB05B', endColorstr='#F05323', GradientType=0);
            opacity: 0;
            transform: scale(0.4);
            transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        }

    .switch-radio > input[type="radio"]:checked ~ label {
        color: #008b3e;
    }

        .switch-radio > input[type="radio"]:checked ~ label > .active-img {
            opacity: 1;
            transform: scale(1);
        }

        .switch-radio > input[type="radio"]:checked ~ label > .default-img {
            opacity: 0;
            transform: scale(1.3);
        }

        .switch-radio > input[type="radio"]:checked ~ label:after {
            opacity: 1;
            transform: scale(1);
        }

/* resident-concern
--------------------------------------------------------------------------------------------------------*/
.resident-concern .description {
    padding-bottom: 56px;
    padding-top: 64px;
    max-width: 1040px;
    margin: 0 auto;
}

.resident-concern .switchboard-card {
    padding: 52px 46px;
    padding-right: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    max-width: 456px;
    min-width: 456px;
    flex-basis: 456px;
    margin-right: 50px;
    margin-bottom: 64px;
}

    .resident-concern .switchboard-card .left {
        padding-right: 8px;
    }

    .resident-concern .switchboard-card:first-child:last-child {
        max-width: 962px;
        min-width: 962px;
        flex-basis: 962px;
    }

    .resident-concern .switchboard-card > .right {
        margin-left: auto;
        border-left: 1px solid #E1E1E1;
    }

        .resident-concern .switchboard-card > .right > img {
            height: 84px;
            width: 84px;
            display: block;
            margin-left: 18px;
        }

    .resident-concern .switchboard-card .custom-radio {
        margin-bottom: 36px;
    }

        .resident-concern .switchboard-card .custom-radio:last-child {
            margin-bottom: 0;
        }

.resident-concern .switchboard-card-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.resident-concern .documents {
    text-align: center;
}

    .resident-concern .documents > .ordered-list {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        padding-bottom: 42px;
        max-width: 100%;
    }

/* custom radio
--------------------------------------------------------------------------------------------------------*/
.radio-inline {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

    .radio-inline > .custom-radio {
        margin-right: 18px;
        padding-bottom: 10px;
    }

        .radio-inline > .custom-radio:last-child {
            margin-right: 0;
        }

.radio-group > .custom-radio {
    margin-bottom: 10px;
    display: block;
}

.custom-radio .custom-control-label::before {
    height: 20px;
    width: 20px;
    left: 0;
    background: #FFF;
    border-color: #999999;
    top: 0;
    transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
}

.custom-radio.custom-control {
    padding-left: 0;
    min-height: 20px;
}

.custom-radio .custom-control-label {
    padding-left: 26px;
    cursor: pointer;
}

.custom-radio .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #F05323;
}

.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 4px rgba(240, 83, 35, .25);
}

.custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    box-shadow: 0 0 0 4px rgba(240, 83, 35, .25);
    border-color: #F05323;
    background: #FFF;
}

.custom-radio .custom-control-label::after, .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background: #F05323;
    height: 10px;
    width: 10px;
    border-radius: 500px;
    top: 5px;
    left: 5px;
    opacity: 0;
    transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
    transform: scale(0.4);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    opacity: 1;
    transform: scale(1);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #F05323;
    background: #FFF;
}

.custom-radio.size-lg {
    font-size: 20px;
    line-height: 24px;
}

    .custom-radio.size-lg .custom-control-label {
        padding-left: 36px;
    }

    .custom-radio.size-lg.custom-control {
        min-height: 24px;
    }

    .custom-radio.size-lg .custom-control-label::before {
        height: 24px;
        width: 24px;
    }

    .custom-radio.size-lg .custom-control-label::after, .custom-radio.size-lg .custom-control-input:checked ~ .custom-control-label::after {
        height: 12px;
        width: 12px;
        top: 6px;
        left: 6px;
    }

.custom-radio .custom-control-input:disabled ~ .custom-control-label {
    cursor: not-allowed;
}

    .custom-radio .custom-control-input:disabled ~ .custom-control-label::before, .custom-radio .custom-control-input[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background: #fff;
    }

    .custom-radio .custom-control-input:disabled ~ .custom-control-label:before, .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label:after {
        opacity: 0.36;
    }

.switchboard-card.primary .custom-radio .custom-control-label::before, .switchboard-card.primary .custom-radio .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, .switchboard-card.primary .custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .switchboard-card.primary .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: transparent;
}

/* custom checkbox
--------------------------------------------------------------------------------------------------------*/
.checkbox-group .custom-checkbox {
    margin-bottom: 10px;
    display: block;
}

.custom-checkbox {
    font-size: 18px;
    line-height: 22px;
}

    .custom-checkbox .custom-control-label.text-lg {
        line-height: 24px;
    }

    .custom-checkbox .custom-control-label::before {
        height: 22px;
        width: 22px;
        left: 0;
        background: #FFF;
        border-color: #999999;
        top: 0;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        border-radius: 2px;
    }

    .custom-checkbox.custom-control {
        padding-left: 0;
        min-height: 22px;
    }

    .custom-checkbox .custom-control-label {
        padding-left: 32px;
        cursor: pointer;
    }

    .custom-checkbox .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #F05323;
    }

    .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 4px rgba(240, 83, 35, .25);
    }

    .custom-checkbox .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        box-shadow: 0 0 0 4px rgba(240, 83, 35, .25);
        border-color: #F05323;
        background: #FFF;
    }

    .custom-checkbox .custom-control-label::after, .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        background: #F05323 url('../images/ic-checkmark-white.svg') center no-repeat;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
        height: 22px;
        width: 22px;
        top: 0;
        left: 0;
        opacity: 0;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        transform: scale(0.4);
        border-radius: 2px;
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        opacity: 1;
        transform: scale(1);
        border-radius: 0;
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
        border-color: #F05323;
        background: #FFF;
    }

    .custom-checkbox .custom-control-input:disabled ~ .custom-control-label {
        cursor: not-allowed;
    }

    .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background: #F05323;
    }

    .custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before, .custom-checkbox .custom-control-input[disabled] ~ .custom-control-label::before {
        background: #fff;
    }

    .custom-checkbox .custom-control-input:disabled ~ .custom-control-label:before, .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:after {
        opacity: 0.36;
    }

.details-same {
    padding-bottom: 24px;
}

    .details-same label {
        font-size: 16px;
        line-height: 22px;
    }

/* animations
--------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes fadeInUpShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(128px);
    }

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

@keyframes fadeInUpShort {
    0% {
        opacity: 0;
        transform: translateY(128px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUpShort {
    -webkit-transform: translateY(128px);
    transform: translateY(128px);
}

@-webkit-keyframes fadeInUpExtraShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
    }

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

@keyframes fadeInUpExtraShort {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUpExtraShort {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
}

    .fadeInUpExtraShort.go {
        -webkit-animation-name: fadeInUpExtraShort;
        animation-name: fadeInUpExtraShort;
    }

.fast {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes info-anim {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.6);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes info-anim {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.6);
    }

    100% {
        transform: scale(1);
    }
}

/* bootstrap select
--------------------------------------------------------------------------------------------------------*/
/*.bootstrap-select {
    background: none;
}

    .bootstrap-select.form-control {
        border: 0;
        height: auto;
        padding-top: 0;
    }

    .bootstrap-select .dropdown-toggle {
        background: none !important;
        box-shadow: none !important;
        border: none !important;
        outline: 0 !important;
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        color: #4C4C4C !important;
        border-bottom: 1px solid #DDDDDD !important;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        border-radius: 0;
        padding: 19px 0 2px;
        height: 52px;
    }

    .bootstrap-select.wrappable .dropdown-toggle {
        white-space: normal;
        height: auto;
    }

        .bootstrap-select.wrappable.show .dropdown-toggle, .bootstrap-select.wrappable.show .dropdown-toggle:focus, .bootstrap-select.wrappable.show .dropdown-toggle:hover, .bootstrap-select.wrappable.show .dropdown-toggle:active, .bootstrap-select.wrappable .dropdown-toggle:focus, .bootstrap-select.wrappable .dropdown-toggle:hover, .bootstrap-select.wrappable .dropdown-toggle:active {
            margin-bottom: -1px;
        }

    .bootstrap-select.show .dropdown-toggle, .bootstrap-select.show .dropdown-toggle:focus, .bootstrap-select.show .dropdown-toggle:hover, .bootstrap-select.show .dropdown-toggle:active, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:hover, .bootstrap-select .dropdown-toggle:active {
        background: none !important;
        box-shadow: none !important;
        border: none !important;
        outline: 0 !important;
        border-bottom: 2px solid #F05323 !important;
    }

    .bootstrap-select > .dropdown-toggle:after {
        height: 16px;
        width: 16px;
        background: url('../images/ic-chevron-select-down.svg') center no-repeat;
        -webkit-background-size: 16px 16px;
        background-size: 16px 16px;
        border: 0;
    }

    .bootstrap-select.dropup > .dropdown-toggle:after {
        background-image: url('../images/ic-chevron-select-up.svg');
    }

    .bootstrap-select .dropdown-menu li a {
        color: #4C4C4C;
        padding: 9px 16px;
        white-space: normal;
    }

        .bootstrap-select .dropdown-menu li a span.text {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            align-items: center;
        }

        .bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus, .bootstrap-select .dropdown-menu li a:active, .bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
            background: #F4F4F4;
        }

    .bootstrap-select input[type="search"]::-webkit-search-decoration, .bootstrap-select input[type="search"]::-webkit-search-cancel-button, .bootstrap-select input[type="search"]::-webkit-search-results-button, .bootstrap-select input[type="search"]::-webkit-search-results-decoration {
        display: none;
    }

    .bootstrap-select .bs-searchbox {
        padding-bottom: 12px;
        position: relative;
    }

        .bootstrap-select .bs-searchbox:after {
            position: absolute;
            content: '';
            top: 11px;
            left: 16px;
            height: 24px;
            width: 24px;
            background: url('../images/ic-search.svg') center no-repeat;
            -webkit-background-size: 24px 24px;
            background-size: 24px 24px;
        }

        .bootstrap-select .bs-searchbox .form-control {
            padding-left: 38px;
            padding-top: 0;
            height: 38px;
            padding-bottom: 0;
            border: 1px solid #ced4da;
            border-radius: 4px;
            color: #4C4C4C;
        }

            .bootstrap-select .bs-searchbox .form-control:focus {
                border-color: #F05323;
                box-shadow: 0 0 0 4px rgba(240, 83, 35, 0.16);
                color: #4C4C4C;
            }

    .bootstrap-select .no-results {
        text-align: center;
        padding: 20px 0;
        max-width: 320px;
        white-space: normal;
    }

    .bootstrap-select .dropdown-toggle .filter-option {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-self: center;
    }

    .bootstrap-select > .dropdown-menu {
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24);
        border: 0;
        opacity: 0;
        visibility: hidden;
        display: block;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        transform-origin: top;
        top: 0 !important;
        transform: scale(0.9) translateY(-12px) !important;
        min-width: 280px;
    }

    .bootstrap-select.dropup > .dropdown-menu {
        top: auto !important;
        bottom: 0 !important;
        transform-origin: bottom;
        transform: scale(0.9) translateY(12px) !important;
    }

    .bootstrap-select.show > .dropdown-menu {
        transform: scale(1) translateY(0) !important;
        opacity: 1;
        visibility: visible;
    }

    .bootstrap-select.disabled-view .dropdown-toggle.disabled {
        opacity: 1;
        cursor: pointer;
    }

    .bootstrap-select.disabled-view > .dropdown-toggle:after {
        display: none;
    }

    .bootstrap-select.remove-controls .dropdown-toggle.disabled {
        cursor: default;
        border-bottom: 0 !important;
    }

    .bootstrap-select.remove-controls > .dropdown-toggle:after {
        display: none;
    }

    .bootstrap-select .dropdown-menu > .inner {
        overflow-x: hidden;
    }
*/
/* mobile-verification email-verification
--------------------------------------------------------------------------------------------------------*/
.mobile-verification, .email-verification {
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
}

    .mobile-verification .block-title, .email-verification .block-title {
        font-weight: 800;
    }

    .mobile-verification .description {
        line-height: 24px;
        padding-bottom: 24px;
    }

    .email-verification small, .mobile-verification small {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 16px;
        display: block;
    }

    .mobile-verification .contact-number {
        max-width: 376px;
        margin: 0 auto;
    }

    .email-verification .description {
        max-width: 490px;
        margin: 0 auto;
        padding-bottom: 24px;
    }

    .email-verification .form-wrapper {
        max-width: 306px;
        margin: 0 auto;
    }

/* contact-number
--------------------------------------------------------------------------------------------------------*/
/*.contact-number {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

    .contact-number .input-control {
        margin-left: 20px;
        flex: 1 0 auto;
        -ms-flex: 1 0 auto;
    }

    .contact-number .select-control {
        flex: 0 0 108px;
        -ms-flex: 0 0 108px;
        max-width: 108px;
    }

        .contact-number .select-control.only-view {
            min-width: auto;
            max-width: none;
            flex-basis: auto;
        }

    .contact-number .bootstrap-select .filter-option .hide {
        display: none;
    }

    .contact-number .bootstrap-select .flag {
        max-height: 30px;
        display: block;
        margin-right: 9px;
    }

    .contact-number .bootstrap-select .filter-option-inner-inner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
    }

    .contact-number.hide-country-code .select-control {
        display: none;
    }

    .contact-number.hide-country-code .input-control {
        max-width: 100%;
        margin: 0;
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
    }*/

/* modal
--------------------------------------------------------------------------------------------------------*/
/*.modal .modal-close {
    background: url('../images/ic-dialog-close.svg') center no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
    height: 46px;
    width: 46px;
    border: 0;
    border-radius: 500px;
    transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
    position: absolute;
    right: 10px;
    top: 10px;
}

    .modal .modal-close:hover, .modal .modal-close:focus, .modal .modal-close:active {
        background-color: #F4F4F4;
    }

.modal .modal-content {
    position: relative;
    border-radius: 40px;
    background: #F2F2F2;
    background: -moz-linear-gradient(left, #F2F2F2 0%, #FCFCFC 13%, #FCFCFC 100%);
    background: -webkit-linear-gradient(left, #F2F2F2 0%, #FCFCFC 13%, #FCFCFC 100%);
    background: linear-gradient(to right, #F2F2F2 0%, #FCFCFC 13%, #FCFCFC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#FCFCFC', GradientType=1);
    border: 0;
}

.modal.has-watermark .modal-content:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    height: 138px;
    width: 124px;
    background-image: url('../images/logo-watermark.svg');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 156px 156px;
    border-radius: 0 0 0 40px;
}

.modal .modal-header {
    border: 0;
}

.modal .modal-body {
    padding: 30px 15px 40px;
}

.modal .modal-dialog.modal-md {
    max-width: 420px;
    margin-right: auto;
    margin-left: auto;
}

.call-us-modal-body {
    max-width: 280px;
    margin: 0 auto;
}
*/
/* otp
--------------------------------------------------------------------------------------------------------*/
/*.otp-verify-dialog {
    text-align: center;
}

    .otp-verify-dialog .dialog-title {
        font-weight: 800;
        padding-left: 42px;
        padding-right: 42px;
    }

    .otp-verify-dialog .timer {
        padding-bottom: 4px;
    }

    .otp-verify-dialog .resend-text {
        padding-bottom: 24px;
    }

.otp-box {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    align-items: center;
    padding-bottom: 44px;
}

    .otp-box .floating-label {
        min-width: 36px;
        max-width: 36px;
        flex-basis: 36px;
        margin: 0 7px;
    }

        .otp-box .floating-label .form-control {
            text-align: center;
        }
*/
/* upload-document-dialog
--------------------------------------------------------------------------------------------------------*/
.upload-document-dialog .modal-header, .upload-document-dialog .modal-body {
    padding-left: 30px;
    padding-right: 30px;
}

.upload-document-dialog .modal-header {
    padding-top: 28px;
    padding-bottom: 6px;
}

.upload-document-dialog .modal-title {
    padding-bottom: 0;
}

.cropper-block {
    margin-bottom: 25px;
}

    .cropper-block > img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

.uploaded-image-list > li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2px;
    padding-bottom: 8px;
    position: relative;
}

    .uploaded-image-list > li > button {
        height: 80px;
        width: 80px;
        background: center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        display: block;
        border: 1px solid #DDDDDD;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
    }

    .uploaded-image-list > li > .active {
        border-color: #F05323;
        border-width: 4px;
    }

    .uploaded-image-list > li > .delete-btn {
        background: #FFF;
        border-radius: 500px;
        padding: 4px;
        border: 0;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        position: absolute;
        right: -6px;
        top: -7px;
        z-index: 1;
        height: auto;
        width: auto;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
    }

        .uploaded-image-list > li > .delete-btn:hover, .uploaded-image-list > li > .delete-btn:active, .uploaded-image-list > li > .delete-btn:focus {
            background-color: #F2F2F2;
        }

        .uploaded-image-list > li > .delete-btn > img {
            display: block;
            height: 24px;
            width: 24px;
        }

    .uploaded-image-list > li.document .icon-wrapper {
        border: 1px solid #dddddd;
        background: #f8f8f8;
        padding: 16px;
    }

        .uploaded-image-list > li.document .icon-wrapper > img {
            height: 48px;
            width: 48px;
            display: block;
        }

.upload-document-dialog .capture-in-mobile-block {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 72px;
}

    .upload-document-dialog .capture-in-mobile-block > .inner {
        display: table-cell;
        vertical-align: middle;
    }

        .upload-document-dialog .capture-in-mobile-block > .inner > p {
            max-width: 640px;
            margin: 0 auto;
        }

/* consent-box
--------------------------------------------------------------------------------------------------------*/
.consent-box {
    text-align: center;
    max-width: 816px;
    margin: 0 auto;
}

    .consent-box .block-title {
        font-weight: 800;
    }

    .consent-box .description {
        padding-bottom: 16px;
    }

    .consent-box .custom-checkbox {
        margin-bottom: 48px;
    }

/* business-dialog coming-soon-dialog
--------------------------------------------------------------------------------------------------------*/
.business-dialog, .coming-soon-dialog {
    text-align: center;
}

    .business-dialog .modal-dialog, .coming-soon-dialog .modal-dialog {
        max-width: 556px;
    }

    .business-dialog .block-icon, .coming-soon-dialog .block-icon {
        height: 84px;
        width: 84px;
        max-width: 100%;
        display: block;
        margin: 0 auto 6px;
    }

    .business-dialog .dialog-title, .coming-soon-dialog .dialog-title {
        font-size: 26px;
        line-height: 32px;
        padding-bottom: 28px;
    }

    .business-dialog .description, .coming-soon-dialog .description {
        max-width: 490px;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    .business-dialog .form-wrapper, .coming-soon-dialog .form-wrapper {
        max-width: 376px;
        margin: 0 auto 12px;
    }

    .business-dialog .footer-text, .coming-soon-dialog .footer-text {
        max-width: 440px;
        margin: 0 auto;
        padding-bottom: 14px;
    }

    .business-dialog .primary-checkbox, .coming-soon-dialog .primary-checkbox {
        margin-bottom: 28px;
    }

/* verification-link
--------------------------------------------------------------------------------------------------------*/
.verification-link {
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
}

    .verification-link .block-title {
        padding-bottom: 24px;
    }

    .verification-link .description {
        max-width: 516px;
        margin: 0 auto;
        padding-bottom: 14px;
    }

    .verification-link .email {
        padding-bottom: 54px;
    }

/* verification-success
--------------------------------------------------------------------------------------------------------*/
.verification-success {
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
    padding-top: 84px;
    padding-bottom: 84px;
}

    .verification-success .block-icon {
        height: 36px;
        width: 36px;
        display: block;
        margin: 0 auto 4px;
    }

    .verification-success .block-title {
        font-weight: 800;
        padding-bottom: 4px;
    }

    .verification-success .description {
        padding-bottom: 52px;
    }

/* upload documents
--------------------------------------------------------------------------------------------------------*/
.upload-document {
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
}

    .upload-document .block-title {
        font-weight: 800;
        padding-bottom: 32px;
    }

    .upload-document .block-subtitle {
        font-weight: 600;
        padding-bottom: 10px;
    }

    .upload-document .switch-radio > label {
        height: 94px;
        width: 94px;
        font-size: 20px;
        line-height: 24px;
        padding: 12px 10px;
    }

        .upload-document .switch-radio > label > img {
            height: 36px;
            width: 36px;
        }

        .upload-document .switch-radio > label > .active-img {
            margin-top: -36px;
            margin-bottom: 6px;
        }

    .upload-document .switch-radio-inline > .switch-radio {
        margin-right: 22px;
    }

        .upload-document .switch-radio-inline > .switch-radio:last-child {
            margin-right: 0;
        }

    .upload-document .previous-btn {
        margin-top: 40px;
    }

/* meter-inactive-block meter-active-block
--------------------------------------------------------------------------------------------------------*/
.meter-inactive-block {
    padding-top: 40px;
}

    .meter-inactive-block .bottom-text .tall-text {
        max-width: 440px;
        margin: 0 auto;
    }

    .meter-inactive-block .bottom-text h3 {
        padding-bottom: 10px;
    }

.meter-active-block {
    padding-top: 48px;
}

    .meter-active-block .block-description {
        padding-bottom: 32px;
    }

    .meter-active-block .tab-pane {
        min-height: 148px;
    }

/* stepper tab
--------------------------------------------------------------------------------------------------------*/
.stepper-tab .nav-tabs {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -10px;
    border: 0;
    flex-wrap: nowrap;
}

    .stepper-tab .nav-tabs > li {
        flex-grow: 1;
        flex-basis: 0;
        padding: 0 10px;
        position: relative;
    }

.stepper-tab .nav-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    color: #686868;
    border-radius: 20px;
    border: 1px solid transparent;
    box-shadow: 0 0 15px #e5e5e5;
    transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
    padding: 19px 8px 19px;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
    position: relative;
    background-color: #FFF;
    height: calc(100% - 30px);
    justify-content: center;
}

    .stepper-tab .nav-link:hover, .stepper-tab .nav-link:focus, .stepper-tab .nav-link:active {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
    }

    .stepper-tab .nav-link:before {
        position: absolute;
        bottom: -26px;
        border-width: 0 17px 14px 17px;
        border-color: transparent transparent #000 transparent;
        border-style: solid;
        content: '';
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 0;
        opacity: 0;
        filter: blur(4px);
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
    }

    .stepper-tab .nav-link:after {
        position: absolute;
        bottom: -31px;
        border-width: 0 17px 17px 17px;
        border-color: transparent transparent #FFF transparent;
        border-style: solid;
        content: '';
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 1;
        opacity: 0;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
    }

    .stepper-tab .nav-link > img {
        height: 48px;
        flex-basis: 48px;
        min-width: 48px;
        max-width: 48px;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        transform: scale(1);
    }

    .stepper-tab .nav-link > .active-img {
        margin-left: -48px;
        opacity: 0;
        visibility: hidden;
        margin-right: 6px;
        transform: scale(0.4);
    }

    .stepper-tab .nav-link > .text {
        max-height: 48px;
        overflow: hidden;
        display: block;
    }

.stepper-tab .nav-tabs > li > .info {
    position: absolute;
    top: 5px;
    right: 15px;
}

.info {
    display: block;
}

    .info > .dropdown-toggle {
        padding: 0;
        border: 0;
        background: none;
        position: relative;
        display: block;
    }

        .info > .dropdown-toggle:after {
            display: none;
        }

        .info > .dropdown-toggle > img {
            height: 24px;
            width: 24px;
            display: block;
            position: relative;
            z-index: 2;
            -webkit-animation-name: info-anim;
            animation-name: info-anim;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-iteration-count: infinite;
        }

    .info > .dropdown-menu {
        background: #F05323;
        border-radius: 20px;
        color: #FFF;
        font-size: 14px;
        line-height: 18px;
        border: 0;
        width: 260px;
        padding: 12px 16px;
        transform: none !important;
        left: -26px !important;
        top: auto !important;
        bottom: 100%;
        margin-bottom: 10px;
    }

        .info > .dropdown-menu:after {
            content: '';
            display: block;
            border-style: solid;
            border-width: 10px 9px 0 9px;
            border-color: #F05323 transparent transparent transparent;
            position: absolute;
            top: 100%;
            left: 30px;
        }

    .info > .dropdown-menu-right {
        left: auto !important;
        right: -16px !important;
    }

        .info > .dropdown-menu-right:after {
            left: auto;
            right: 18px;
        }

.stepper-tab .nav-link > .check {
    background: #FFB05B;
    background: -moz-linear-gradient(left, #FFB05B 0%, #F05323 100%);
    background: -webkit-linear-gradient(left, #FFB05B 0%, #F05323 100%);
    background: linear-gradient(to right, #FFB05B 0%, #F05323 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB05B', endColorstr='#F05323', GradientType=1);
    transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
    border-radius: 500px;
    display: none;
    margin-right: 10px;
}

    .stepper-tab .nav-link > .check:after {
        content: '';
        background: url('../images/ic-check-lg.svg') center no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px;
        display: block;
        height: 42px;
        width: 42px;
    }

.stepper-tab .done.nav-link {
    border-color: #DDDDDD;
    box-shadow: none;
    background: #F8F8F8;
}

    .stepper-tab .done.nav-link > img, .stepper-tab .done.active.nav-link > img {
        display: none;
    }

    .stepper-tab .done.nav-link > .check {
        display: block;
    }

.stepper-tab .active.nav-link {
    color: #F05323;
    border-color: #F05323;
    box-shadow: none;
    background-color: #FFF;
}

    .stepper-tab .active.nav-link > .active-img {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    .stepper-tab .active.nav-link > .default-img {
        opacity: 0;
        visibility: hidden;
        transform: scale(1.2);
    }

    .stepper-tab .active.nav-link:after {
        opacity: 1;
    }

    .stepper-tab .active.nav-link:before {
        opacity: 0.1;
    }

.stepper-tab .tab-content {
    box-shadow: 0 0 15px #e5e5e5;
    border-radius: 40px;
    background: #FFF;
    margin-bottom: 30px;
}

    .stepper-tab .tab-content .tab-pane {
        padding: 30px 40px;
        -webkit-transform: translateY(128px);
        transform: translateY(128px);
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

        .stepper-tab .tab-content .tab-pane.active {
            -webkit-animation-name: fadeInUpShort;
            animation-name: fadeInUpShort;
            -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

/* custom-file-upload
--------------------------------------------------------------------------------------------------------*/
.custom-file-upload {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

    .custom-file-upload > .upload-control {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
    }

    .custom-file-upload > .upload-btn {
        padding: 10px 24px;
    }

    .custom-file-upload:hover .btn-primary-linear:after, .custom-file-upload:focus .btn-primary-linear:after, .custom-file-upload:active .btn-primary-linear:after {
        left: -1px;
        width: calc(100% + 2px);
        opacity: 1;
    }

    .custom-file-upload:hover .btn-primary-linear, .custom-file-upload:focus .btn-primary-linear, .custom-file-upload:active .btn-primary-linear {
        color: #FFF !important;
    }

/* call-us-fab
--------------------------------------------------------------------------------------------------------*/
/*.call-us-fab {
    position: fixed;
    right: 20px;
    bottom: 148px;
    z-index: 2;
    transition: all 0.2s cubic-bezier(0.4,0,0.2,1);
}

    .call-us-fab > .dropdown-toggle:after {
        display: none;
    }

    .call-us-fab > .dropdown-toggle {
        padding: 14px;
    }

        .call-us-fab > .dropdown-toggle > img {
            height: 32px;
            width: 32px;
            display: block;
            transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
            transform: rotate(0deg) scale(1);
        }

        .call-us-fab > .dropdown-toggle > .active-img {
            margin-top: -32px;
            opacity: 0;
            visibility: hidden;
            transform: rotate(-180deg);
        }

    .call-us-fab > .dropdown-menu {
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
        border: 1px solid #DDDDDD;
        border-radius: 6px;
        padding: 12px 20px 15px;
        text-align: center;
        color: #686868;
        min-width: 260px;
        bottom: -6px !important;
        top: auto !important;
        left: auto !important;
        right: -6px !important;
        transform: none !important;
        max-height: calc(100vh - 82px);
        overflow: auto;
    }

    .call-us-fab.show > .dropdown-menu {
        -webkit-animation-name: call-us-anim;
        animation-name: call-us-anim;
        -webkit-animation-duration: 0.6s;
        animation-duration: 0.6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .call-us-fab.show > .dropdown-toggle > .default-img {
        transform: rotate(180deg);
        opacity: 0;
        visibility: hidden;
    }

    .call-us-fab.show > .dropdown-toggle > .active-img {
        transform: rotate(0deg);
        opacity: 1;
        visibility: visible;
    }

    .call-us-fab .upper-block > p, .call-us-fab .upper-block > h4 {
        padding: 0;
    }

    .call-us-fab .upper-block > span {
        padding-bottom: 10px;
        display: block;
        font-size: 14px;
        max-width: 180px;
        margin: 0 auto;
    }

    .call-us-fab .upper-block .contact-more {
        padding-bottom: 0;
        max-width: none;
    }

    .call-us-fab .or {
        text-transform: uppercase;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        padding: 5px 0;
    }

        .call-us-fab .or:before, .call-us-fab .or:after {
            height: 1px;
            display: block;
            background: #E1E1E1;
            flex-grow: 1;
            content: '';
        }

        .call-us-fab .or > span {
            display: block;
            padding: 0 10px;
        }

    .call-us-fab .floating-label .control-label {
        font-size: 12px;
    }

    .call-us-fab .floating-label .form-control {
        font-size: 14px;
    }

    .call-us-fab .form-group {
        padding-bottom: 10px;
    }

    .call-us-fab .floating-label.is-focused .control-label, .call-us-fab .floating-label.has-value .control-label, .call-us-fab .floating-label.label-fixed .control-label {
        transform: scale(0.9) translate(1px, -108%);
    }

    .call-us-fab .lower-block .text-xsm {
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        padding: 6px 0 15px;
    }*/

@-webkit-keyframes call-us-anim {
    0% {
        opacity: 0;
        bottom: -100%;
    }

    100% {
        opacity: 1;
        bottom: 100%;
    }
}

@keyframes call-us-anim {
    0% {
        opacity: 0;
        bottom: -100%;
    }

    100% {
        opacity: 1;
        bottom: 100%;
    }
}

.intercom-lightweight-app-launcher, .intercom-namespace .intercom-launcher-frame {
    right: 20px !important;
    bottom: 78px !important;
    transition: all 0.2s cubic-bezier(0.4,0,0.2,1) !important;
}

.intercom-namespace .intercom-messenger-frame {
    z-index: 998 !important;
}

.intercom-lightweight-app, .intercom-namespace, .intercom-namespace .intercom-launcher-frame {
    z-index: 999 !important;
}

.message-fab {
    position: fixed;
    right: 20px;
    bottom: 72px;
    z-index: 2;
    transition: all 0.2s cubic-bezier(0.4,0,0.2,1);
}

    .message-fab > .btn {
        padding: 14px;
    }

        .message-fab > .btn > img {
            height: 32px;
            width: 32px;
            display: block;
            transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
            position: relative;
            z-index: 1;
        }

/* dot animation
--------------------------------------------------------------------------------------------------------*/
.dot-animation {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px;
}

    .dot-animation > span {
        height: 16px;
        width: 16px;
        border-radius: 50px;
        background: #F05323;
        margin-right: 16px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: dot-animation;
        animation-name: dot-animation;
    }

        .dot-animation > span:nth-child(1) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
        }

        .dot-animation > span:nth-child(2) {
            -webkit-animation-delay: 0.3s;
            animation-delay: 0.2s;
        }

        .dot-animation > span:nth-child(3) {
            -webkit-animation-delay: 0.6s;
            animation-delay: 0.4s;
        }

        .dot-animation > span:nth-child(4) {
            -webkit-animation-delay: 0.9s;
            animation-delay: 0.6s;
        }

        .dot-animation > span:last-child {
            margin-right: 0;
        }

@-webkit-keyframes dot-animation {
    0% {
        -webkit-transform: translateY(-10px);
    }

    50% {
        -webkit-transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(-10px);
    }
}

@keyframes dot-animation {
    0% {
        transform: translateY(-10px);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(-10px);
    }
}

/* document-submit
--------------------------------------------------------------------------------------------------------*/
.document-submit {
    text-align: center;
}

    .document-submit .title {
        padding-bottom: 50px;
    }

    .document-submit .description {
        padding-bottom: 48px;
    }

    .document-submit .dot-animation {
        padding-bottom: 52px;
    }

/* e-contract
--------------------------------------------------------------------------------------------------------*/
.e-contract {
    max-width: 944px;
    margin: 0 auto;
    padding: 40px 70px 14px;
}

/* stepper
--------------------------------------------------------------------------------------------------------*/
.stepper .step {
    position: relative;
}

    .stepper .step:after {
        position: absolute;
        content: '';
        left: 19px;
        background: #848484;
        width: 2px;
        display: block;
        top: 32px;
        bottom: 2px;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
    }

    .stepper .step:last-child:after {
        display: none;
    }

    .stepper .step .step-header {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        padding-bottom: 26px;
    }

        .stepper .step .step-header .toggle {
            font-size: 22px;
            line-height: 28px;
            font-weight: 600;
            border: 0;
            background: none;
            width: 100%;
            text-align: left;
            padding: 0;
        }

        .stepper .step .step-header .bullet {
            padding: 0;
            flex-basis: 60px;
            min-width: 60px;
            max-width: 60px;
            padding: 2px 7px;
            position: relative;
        }

            .stepper .step .step-header .bullet .check {
                position: absolute;
                top: 2px;
                left: 7px;
                height: 26px;
                width: 26px;
                background: #FFB05B;
                background: -moz-linear-gradient(left, #FFB05B 0%, #F05323 100%);
                background: -webkit-linear-gradient(left, #FFB05B 0%, #F05323 100%);
                background: linear-gradient(to right, #FFB05B 0%, #F05323 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB05B', endColorstr='#F05323', GradientType=1);
                border-radius: 500px;
                opacity: 0;
                visibility: hidden;
                transform: scale(0.4);
                transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
                z-index: 1;
            }

                .stepper .step .step-header .bullet .check:after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: url('../images/ic-stepper-check.svg') center no-repeat;
                    -webkit-background-size: 24px 24px;
                    background-size: 24px 24px;
                }

            .stepper .step .step-header .bullet .number {
                background: #848484;
                color: #FFF;
                text-align: center;
                line-height: 24px;
                width: 26px;
                border-radius: 500px;
                display: block;
                font-weight: 600;
                padding-top: 2px;
                transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
                transform: scale(1);
                position: relative;
                z-index: 1;
            }

            .stepper .step .step-header .bullet:after {
                content: '';
                height: 40px;
                width: 40px;
                left: 0;
                top: -5px;
                position: absolute;
                border-radius: 500px;
                border: 2px solid #F05323;
                display: block;
                opacity: 0;
                visibility: hidden;
                transform: scale(0.4);
                transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
                z-index: 0;
                background: #FAFAFA;
            }

    .stepper .step.active:after {
        background: #F05323;
        top: 35px;
    }

    .stepper .step.active .step-header .bullet .number {
        background: #FFB05B;
        background: -moz-linear-gradient(left, #FFB05B 0%, #F05323 100%);
        background: -webkit-linear-gradient(left, #FFB05B 0%, #F05323 100%);
        background: linear-gradient(to right, #FFB05B 0%, #F05323 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB05B', endColorstr='#F05323', GradientType=1);
    }

    .stepper .step.active .step-header .bullet:after {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    .stepper .step.active .step-header .toggle {
        color: #4C4C4C;
    }

    .stepper .step.active {
        z-index: 1;
    }

    .stepper .step.done:after {
        background: #F05323;
        top: 28px;
        bottom: -2px;
    }

    .stepper .step.done .step-header .bullet .number {
        opacity: 0;
        visibility: hidden;
        transform: scale(1.2);
    }

    .stepper .step.done .step-header .bullet .check {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    .stepper .step .step-body > .inner {
        padding-left: 60px;
        padding-bottom: 32px;
        position: relative;
        z-index: 1;
    }

.stepper .form-wrapper {
    max-width: 642px;
}

/* big-radio
--------------------------------------------------------------------------------------------------------*/
.big-radio {
    position: relative;
    margin-bottom: 24px;
    background: none;
    height: calc(100% - 24px);
}

    .big-radio > input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

    .big-radio > label {
        overflow: hidden;
        cursor: pointer;
        padding: 15px 15px 10px;
        background: #FFFFFF;
        background: -moz-linear-gradient(top, #FFFFFF 0%, #E2E2E2 100%);
        background: -webkit-linear-gradient(top, #FFFFFF 0%, #E2E2E2 100%);
        background: linear-gradient(to bottom, #FFFFFF 0%, #E2E2E2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E2E2E2', GradientType=0);
        position: relative;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        border-radius: 10px;
        display: block;
        box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
        height: 100%;
    }

        .big-radio > label:hover {
            box-shadow: 0 8px 18px rgba(0, 0, 0, 0.3);
        }

        .big-radio > label > .content {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            position: relative;
            z-index: 1;
            height: 100%;
            min-height: 90px;
        }

            .big-radio > label > .content > img {
                height: 52px;
                flex-basis: 48px;
                min-width: 48px;
                max-width: 48px;
                transform: scale(1);
                margin-top: 2px;
                transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
            }

            .big-radio > label > .content > .right-block {
                display: flex;
                flex-direction: column;
                width: 100%;
            }

            .big-radio > label > .content > .active-icon {
                margin-left: -48px;
                margin-right: 10px;
                opacity: 0;
                visibility: hidden;
                transform: scale(0.4);
            }

            .big-radio > label > .content > .numbers {
                position: absolute;
                bottom: -18px;
                left: -32px;
                height: 73px;
                width: 73px;
                background-repeat: no-repeat;
                transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
            }

            .big-radio > label > .content > .active-number {
                opacity: 0;
                visibility: hidden;
            }

        .big-radio > label .right-block > a {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            align-items: center;
            color: #F05323;
            transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        }

            .big-radio > label .right-block > a > span {
                display: block;
                margin-right: 6px;
            }

            .big-radio > label .right-block > a > img {
                height: 28px;
                flex-basis: 28px;
                display: block;
                min-width: 28px;
                max-width: 28px;
                transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
                transform: scale(1);
            }

            .big-radio > label .right-block > a:hover > img, .big-radio > label .right-block > a:focus > img, .big-radio > label .right-block > a:active > img {
                margin-left: 6px;
            }

            .big-radio > label .right-block > a > .active-icon {
                margin-left: -28px;
                opacity: 0;
                visibility: hidden;
                transform: scale(0.4);
            }

        .big-radio > label .title {
            font-size: 20px;
            line-height: 26px;
            font-weight: 700;
            display: block;
            padding-bottom: 4px;
        }

        .big-radio > label .description {
            line-height: 18px;
            display: block;
            color: #848484;
            padding-bottom: 10px;
            transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
            flex-grow: 1;
        }

        .big-radio > label:before {
            content: '';
            position: absolute;
            top: -1px;
            left: -1px;
            right: -1px;
            bottom: -1px;
            z-index: 0;
            background: #FFB05B;
            background: -moz-linear-gradient(top, #FFB05B 0%, #F05323 100%);
            background: -webkit-linear-gradient(top, #FFB05B 0%, #F05323 100%);
            background: linear-gradient(to bottom, #FFB05B 0%, #F05323 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB05B', endColorstr='#F05323', GradientType=0);
            transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
            opacity: 0;
            visibility: hidden;
            transform: scale(0.4);
            border-radius: 10px;
        }

    .big-radio > input:checked ~ label {
        color: #FFF;
        border-color: transparent;
    }

        .big-radio > input:checked ~ label .description {
            color: #FFF;
        }

        .big-radio > input:checked ~ label:before {
            opacity: 1;
            visibility: visible;
            transform: scale(1);
        }

        .big-radio > input:checked ~ label .right-block > a {
            color: #FFF;
        }

            .big-radio > input:checked ~ label .right-block > a > .active-icon, .big-radio > input:checked ~ label > .content > .active-icon {
                opacity: 1;
                visibility: visible;
                transform: scale(1);
            }

            .big-radio > input:checked ~ label .right-block > a > .default-icon, .big-radio > input:checked ~ label > .content > .default-icon {
                opacity: 0;
                visibility: hidden;
                transform: scale(1.2);
            }

            .big-radio > input:checked ~ label .right-block > a:hover > img, .big-radio > input:checked ~ label .right-block > a:focus > img, .big-radio > input:checked ~ label .right-block > a:active > img {
                margin-left: -10px;
            }

        .big-radio > input:checked ~ label > .content > .default-number {
            opacity: 0;
            visibility: hidden;
        }

        .big-radio > input:checked ~ label > .content > .active-number {
            opacity: 1;
            visibility: visible;
        }

/* meter info consumption
--------------------------------------------------------------------------------------------------------*/
/*.meter-info-consumption {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

    .meter-info-consumption > .left {
        padding-right: 12px;
        min-width: 265px;
        max-width: 265px;
        flex-basis: 265px;
        padding: 0;
    }

    .meter-info-consumption > .how-to-measure {
        max-width: auto;
        min-width: auto;
        flex-basis: auto;
    }

    .meter-info-consumption > .consumption-box {
        z-index: 0;
        min-width: 190px;
        max-width: 190px;
        flex-basis: 190px;
    }

    .meter-info-consumption > .error-text {
        position: relative;
        padding-left: 12px;
        padding-top: 0;
    }

.consumption-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 190px;
    height: 38px;
    position: relative;
}

    .consumption-box > .form-control {
        letter-spacing: 22px;
        position: absolute;
        left: 0;
        top: 0;
        width: 214px;
        z-index: 1;
        padding: 0;
        padding-left: 11px;
        border: 0;
        background: none;
        box-shadow: none;
        font-family: 'IBM Plex Mono', monospace;
        font-weight: 500;
        font-size: 16px;
    }

    .consumption-box > .seperators {
        display: flex;
        justify-content: space-between;
        position: absolute;
        left: 31px;
        right: 31px;
        top: 0;
        bottom: 0;
    }

        .consumption-box > .seperators > span {
            height: 100%;
            width: 1px;
            background: #ddd;
            display: block;
            position: relative;
            z-index: 2;
        }

    .consumption-box::after {
        position: absolute;
        right: -24px;
        background: #fcfcfc;
        content: '';
        top: 0;
        bottom: 0;
        width: 20px;
        z-index: 3;
    }

    .consumption-box > .back-frame {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        border: 1px solid #ddd;
        border-radius: 4px;
        display: block;
        width: auto;
        height: auto;
        background: #fff;
    }

.measurement-submission {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

    .measurement-submission > p {
        padding: 0;
        padding-top: 6px;
        margin-right: 18px;
    }

    .measurement-submission > .floating-label {
        width: 250px;
        max-width: 100%;
    }*/

/* bootstrap-datetimepicker-widget
--------------------------------------------------------------------------------------------------------*/
.bootstrap-datetimepicker-widget {
    color: #4C4C4C;
}

    .bootstrap-datetimepicker-widget .collapse {
        display: block;
    }

    .bootstrap-datetimepicker-widget table th {
        height: 32px;
        line-height: 32px;
        width: 32px;
        vertical-align: middle;
        font-weight: 600;
    }

    .bootstrap-datetimepicker-widget table td.day {
        height: 32px;
        line-height: 32px;
        width: 32px;
    }

    .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
        background: #F05323;
        font-weight: 600;
    }

    .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
        color: #AAA;
    }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        font-size: 18px;
        height: 40px;
        line-height: 40px;
    }

    .bootstrap-datetimepicker-widget button[data-action] {
        height: auto;
        background: #F05323 !important
    }

    .bootstrap-datetimepicker-widget table td span.active {
        background: #F05323;
    }

    .bootstrap-datetimepicker-widget .glyphicon {
        height: 100%;
        width: 100%;
        display: block;
        background: center no-repeat;
    }

    .bootstrap-datetimepicker-widget .glyphicon-chevron-left {
        background-image: url('../images/ic-chevron-left-dark.svg');
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px;
    }

    .bootstrap-datetimepicker-widget .glyphicon-chevron-right {
        background-image: url('../images/ic-chevron-right-dark.svg');
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px;
    }

    .bootstrap-datetimepicker-widget .glyphicon-chevron-up {
        background-image: url('../images/ic-chevron-up-dark.svg');
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px;
    }

    .bootstrap-datetimepicker-widget .glyphicon-chevron-down {
        background-image: url('../images/ic-chevron-down-dark.svg');
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px;
    }

    .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle {
        display: none;
    }

    .bootstrap-datetimepicker-widget .timepicker-picker table td {
        height: 40px;
        line-height: 40px;
    }

    .bootstrap-datetimepicker-widget .timepicker-picker a[data-action] {
        display: block;
        padding: 0;
        height: 100%;
        width: 100%;
    }

    .bootstrap-datetimepicker-widget .timepicker-picker table td span {
        height: 40px;
        line-height: 40px;
        margin: 0;
    }

    .bootstrap-datetimepicker-widget table td.today:before {
        border-bottom-color: #F05323;
    }

    .bootstrap-datetimepicker-widget table td .glyphicon-chevron-up:hover {
        background: #eee center no-repeat;
        background-image: url('../images/ic-chevron-up-dark.svg');
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px;
    }

    .bootstrap-datetimepicker-widget table td .glyphicon-chevron-down:hover {
        background: #eee center no-repeat;
        background-image: url('../images/ic-chevron-down-dark.svg');
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px;
    }

    .bootstrap-datetimepicker-widget .timepicker {
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px solid #e1e1e1;
    }

    .bootstrap-datetimepicker-widget table td span {
        width: 64px;
    }

    .bootstrap-datetimepicker-widget .btn-primary {
        border-radius: 8px;
    }

        .bootstrap-datetimepicker-widget .btn-primary:before {
            display: none;
        }

/* toggle tab
--------------------------------------------------------------------------------------------------------*/
.toggle-tab .nav-tabs {
    border: 1px solid #ddd;
    border-radius: 8px;
}

    .toggle-tab .nav-tabs .nav-link {
        font-size: 22px;
        line-height: 28px;
        padding: 13px;
        margin: 0;
        border: 0;
        font-weight: 600;
        color: #bbb;
        background: #fff;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        position: relative;
        border-radius: 0;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .toggle-tab .nav-tabs .nav-link > span {
            position: relative;
            z-index: 1;
        }

    .toggle-tab .nav-tabs .nav-item:first-child .nav-link, .toggle-tab .nav-tabs .nav-item:first-child .nav-link:before {
        border-radius: 8px 0 0 8px;
    }

    .toggle-tab .nav-tabs .nav-item:last-child .nav-link, .toggle-tab .nav-tabs .nav-item:last-child .nav-link:before {
        border-radius: 0 8px 8px 0;
    }

    .toggle-tab .nav-tabs .nav-link:before {
        position: absolute;
        transition: all .2s cubic-bezier(0.35, 0, 0.25, 1);
        z-index: 0;
        content: '';
        top: -1px;
        left: -1px;
        bottom: -1px;
        right: -1px;
        background: #1977cc;
        opacity: 0;
        visibility: hidden;
        transform: scale(0.4);
    }

    .toggle-tab .nav-tabs .nav-item {
        margin: 0;
    }

        .toggle-tab .nav-tabs .nav-item.show .nav-link, .toggle-tab .nav-tabs .nav-link.active {
            color: #fff;
            border-radius: 0;
        }

            .toggle-tab .nav-tabs .nav-item.show .nav-link:before, .toggle-tab .nav-tabs .nav-link.active:before {
                opacity: 1;
                visibility: visible;
                transform: scale(1);
            }

.toggle-tab .tab-content {
    padding-top: 36px;
}

/* how-to-measure-dialog
--------------------------------------------------------------------------------------------------------*/
/*.how-to-measure-dialog .modal-header {
    padding: 24px 30px 0;
}

.how-to-measure-dialog .modal-body {
    padding: 30px 30px 48px;
}*/

/* primary-list
--------------------------------------------------------------------------------------------------------*/
.primary-list {
    font-size: 16px;
    line-height: 24px;
}

    .primary-list > li {
        padding-bottom: 24px;
        position: relative;
        padding-left: 26px;
    }

        .primary-list > li:last-child {
            padding-bottom: 0;
        }

        .primary-list > li:before {
            position: absolute;
            content: '';
            display: block;
            top: 3px;
            left: 0;
            border: 4px solid #1977cc;
            background: #fff;
            height: 16px;
            width: 16px;
            border-radius: 50px;
        }

/*preview-contract-dialog
--------------------------------------------------------------------------------------------------------*/
/*.preview-contract-dialog .modal-content {
    overflow: hidden;
}

.preview-contract-dialog .modal-close {
    right: 15px;
    top: 15px;
}

.preview-contract-dialog .modal-header {
    padding: 20px 30px 18px;
    background: #f9f9f9;
    border-bottom: 1px solid #eeeeee;
}

.preview-contract-dialog .modal-body {
    padding: 20px 30px 30px;
}

.preview-contract-dialog .modal-title {
    padding-bottom: 26px;
}

.preview-contract-dialog .modal-header .brand {
    max-height: 50px;
    display: block;
    height: 52px;
    width: 226px;
}*/

.preview-block-title {
    color: #4c4c4c;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #1977cc;
    font-weight: 600;
    margin-bottom: 20px;
    padding-top: 24px;
}

    .preview-block-title > .number {
        border-radius: 50px;
        font-size: 16px;
        line-height: 25px;
        padding-top: 1px;
        background: #1977cc;
        color: #fff;
        text-align: center;
        display: block;
        margin-right: 10px;
        flex-basis: 26px;
        min-width: 26px;
        max-width: 26px;
        margin-top: 1px;
    }

    .preview-block-title > p {
        flex-grow: 1;
        padding-bottom: 22px;
    }

/* congratulations-wrapper
--------------------------------------------------------------------------------------------------------*/
.congratulations-wrapper {
    padding: 110px 0 90px;
}

.congratulations-block {
    display: flex;
    max-width: 956px;
    margin: 0 auto;
    padding-bottom: 10px /*150px*/;
    align-items: flex-start;
}

    .congratulations-block > .left-block {
        min-width: 348px;
        max-width: 348px;
        flex-basis: 348px;
        border-radius: 500px;
        padding: 74px;
        margin-right: 60px;
    }

        .congratulations-block > .left-block > img {
            display: block;
            height: 200px;
            width: 200px;
        }

    .congratulations-block > .right-block {
        min-width: calc(100% - 330px) /*calc(100% - 408px)*/;
        max-width: calc(100% - 330px);
        flex-basis: calc(100% - 330px);
    }

.natural-gas-promote {
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
    padding-top: 24px;
}

    .natural-gas-promote .block-title {
        padding-bottom: 4px;
        color: #fefefe;
    }

    .natural-gas-promote .description {
        padding-bottom: 26px;
    }

/* upload-document-mobile
--------------------------------------------------------------------------------------------------------*/
.upload-document-mobile {
    padding: 20px 0;
}

    .upload-document-mobile .title {
        color: #4c4c4c;
        font-size: 22px;
        line-height: 28px;
        font-weight: 600;
    }

    .upload-document-mobile .hint {
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 16px;
    }

    .upload-document-mobile .button-block {
        display: flex;
        align-items: center;
        padding-bottom: 10px;
    }

        .upload-document-mobile .button-block > span {
            padding: 0 12px;
            text-transform: uppercase;
            display: block;
        }

        .upload-document-mobile .button-block > .btn {
            border-radius: 20px;
            padding: 18px 0;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: 0;
            font-size: 18px;
            line-height: 24px;
        }

            .upload-document-mobile .button-block > .btn > span {
                max-width: 114px;
                margin: 0 auto;
                display: block;
            }

            .upload-document-mobile .button-block > .btn:after {
                border-radius: 20px;
            }

    .upload-document-mobile .cropper-block {
        margin-bottom: 20px;
    }

    .upload-document-mobile .success-block {
        text-align: center;
        padding: 20px 0;
    }

        .upload-document-mobile .success-block > img {
            display: block;
            height: 90px;
            width: 90px;
            margin: 0 auto 16px;
        }

        .upload-document-mobile .success-block .title {
            font-size: 24px;
            line-height: 30px;
            font-weight: 700;
            padding-bottom: 36px;
        }

        .upload-document-mobile .success-block > p {
            padding-bottom: 0;
        }

/* language greek
--------------------------------------------------------------------------------------------------------*/
.lang-gr .switch-radio > label {
    font-size: 18px;
    line-height: 24px;
}

/* Responsive Media Queries
--------------------------------------------------------------------------------------------------------*/
@media (max-width:1199px) {
    h1, .h1 {
        font-size: 50px;
        line-height: 56px;
    }

    h2, .h2 {
        font-size: 32px;
        line-height: 38px;
    }

    h3, .h3 {
        font-size: 26px;
        line-height: 32px;
    }

    h4, .h4 {
        font-size: 22px;
        line-height: 28px;
    }

    .congratulations-wrapper {
        padding: 84px 0;
    }

    .congratulations-block {
        padding-bottom: 84px;
    }

        .congratulations-block > .left-block {
            margin-right: 30px;
        }
}

@media (max-width:991px) {
    h1, .h1 {
        font-size: 44px;
        line-height: 50px;
    }

    h3, .h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .custom-radio.size-lg {
        font-size: 18px;
    }

    .resident-concern .description {
        padding-bottom: 48px;
    }

    .switch-radio > label {
        font-size: 20px;
        line-height: 24px;
        padding: 30px 15px;
    }

    .lang-gr .switch-radio > label {
        font-size: 18px;
        line-height: 24px;
    }

    .resident-concern .switchboard-card {
        margin-right: 20px;
        min-width: calc(50% - 10px);
        max-width: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
        padding: 26px;
        padding-right: 18px;
    }

        .resident-concern .switchboard-card .custom-radio {
            margin-bottom: 28px;
        }

        .resident-concern .switchboard-card > .right > img {
            height: 72px;
            width: 72px;
            margin-left: 12px;
        }

        .resident-concern .switchboard-card:last-child {
            margin-right: 0;
        }

    .mobile-verification .description, .email-verification .description {
        padding-bottom: 24px;
    }

    .resident-concern .switchboard-card:first-child:last-child {
        min-width: auto;
    }

    .content-block.only-card {
        padding: 64px 0;
    }

    .verification-link .email {
        padding-bottom: 32px;
    }

    .verification-link .block-title {
        padding-bottom: 12px;
    }

    .verification-success {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    /*    .upload-document-dialog .modal-header, .upload-document-dialog .modal-body, .how-to-measure-dialog .modal-header, .preview-contract-dialog .modal-header, .preview-contract-dialog .modal-body {
        padding-left: 15px;
        padding-right: 15px;
    }

    .upload-document-dialog .modal-header, .how-to-measure-dialog .modal-header, .preview-contract-dialog .modal-header {
        padding-top: 20px;
    }

    .upload-document-dialog .modal-dialog, .how-to-measure-dialog .modal-dialog, .preview-contract-dialog .modal-dialog {
        max-width: calc(100% - 30px);
    }

    .how-to-measure-dialog .modal-body {
        padding: 20px 15px 30px;
    }*/

    .e-contract {
        padding: 30px 15px 4px 20px;
    }

    .big-radio > label .title {
        font-size: 16px;
        line-height: 22px;
    }

    .toggle-tab .tab-content {
        padding-top: 24px;
    }

    .toggle-tab .nav-tabs .nav-link {
        font-size: 18px;
        line-height: 24px;
    }

    .congratulations-block > .left-block > img {
        height: 128px;
        width: 128px;
    }

    .congratulations-block > .left-block {
        padding: 48px;
        min-width: 224px;
        max-width: 224px;
        flex-basis: 224px;
    }

    .congratulations-block > .right-block {
        min-width: calc(100% - 254px);
        max-width: calc(100% - 254px);
        flex-basis: calc(100% - 254px);
    }

    .congratulations-wrapper {
        padding: 64px 0;
    }

    .congratulations-block {
        padding-bottom: 64px;
    }

    /*    .modal.has-watermark .modal-content:before {
        border-radius: 0 0 0 20px;
    }*/
}

@media(min-width:992px) {
    .text-lg-lg {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width:767px) {
    h1, .h1 {
        font-size: 36px;
        line-height: 42px;
    }

    h2, .h2 {
        font-size: 26px;
        line-height: 32px;
    }

    h3 {
        font-size: 22px;
        line-height: 28px;
    }

    h4, .h4 {
        font-size: 20px;
        line-height: 26px;
    }

    h5, .h5, .text-xlg {
        font-size: 18px;
        line-height: 24px;
    }

    .text-lg {
        font-size: 16px;
        line-height: 26px;
    }

    .header {
        padding: 15px;
    }

    .content-block {
        padding: 48px 0 150px;
    }

    .text-lg.light {
        font-weight: 400;
    }

    .switchboard-card {
        padding: 30px;
    }

    .switchboard-card-sm {
        padding: 30px 15px;
    }

        .switchboard-card-sm .switch-radio-inline .switch-radio {
            margin: 0 10px;
        }

    .meter-concern h4 {
        padding-bottom: 24px;
    }

    .switch-radio-inline {
        flex-wrap: wrap;
        justify-content: center;
    }

        .upload-document .switch-radio-inline > .switch-radio:last-child, .upload-document .switch-radio-inline > .switch-radio, .switch-radio-inline > .switch-radio:last-child, .switch-radio-inline > .switch-radio {
            margin: 0 11px 11px;
        }

    .section-subtitle {
        padding-bottom: 20px;
    }

    .footer .abstract-art {
        -webkit-background-size: 1190px 64px;
        background-size: 1190px 64px;
        height: 64px;
    }

    .section-support {
        padding-bottom: 24px;
    }

    .resident-concern .switchboard-card-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .resident-concern .switchboard-card:first-child:last-child, .resident-concern .switchboard-card {
        margin-right: 0;
        padding: 32px 26px;
        margin-bottom: 30px;
        min-width: 100%;
        flex-basis: auto;
    }

    .mobile-verification .block-title, .email-verification .block-title, .consent-box .block-title {
        padding-bottom: 10px;
    }

    .custom-checkbox, .btn {
        font-size: 16px;
    }

    .upload-document .block-title, .verification-success .description {
        padding-bottom: 24px;
    }

    hr.large-space {
        margin: 24px 0;
    }
    /*
    .primary-modal .modal-body {
        padding: 15px 15px 20px;
    }*/

    .upload-document-dialog .modal-dialog, .how-to-measure-dialog .modal-dialog, .preview-contract-dialog .modal-dialog {
        margin: 10px auto;
        max-width: calc(100% - 20px);
    }

    .stepper-tab .nav-link {
        font-size: 16px;
        flex-direction: column;
        padding: 16px 8px;
        text-align: center;
    }

        .stepper-tab .nav-link > .check {
            margin-right: 0;
            margin-bottom: 10px;
        }

        .stepper-tab .nav-link > .active-img {
            margin-left: 0;
            margin-top: -48px;
            margin-right: 0;
            margin-bottom: 8px;
        }

    .stepper-tab .tab-content .tab-pane {
        padding: 20px;
    }

    .info > .dropdown-menu {
        width: 240px;
    }

    .document-submit .title, .document-submit .dot-animation, .document-submit .description {
        padding-bottom: 32px;
    }

    .e-contract {
        padding: 0;
        background: none;
        border: 0;
    }

    .e-contract-wrapper {
        padding-top: 30px;
    }

    .stepper .step .step-header .toggle {
        font-size: 18px;
        line-height: 24px;
    }

    .stepper .step .step-header .bullet {
        min-width: 50px;
        max-width: 50px;
        flex-basis: 50px;
    }

    .stepper .step .step-body > .inner {
        padding-left: 50px;
        padding-bottom: 24px;
    }

    .inline-controls.responsive-md {
        flex-direction: column;
    }

    .toggle-tab .nav-tabs .nav-link {
        font-size: 16px;
        line-height: 22px;
    }

    /*    .modal .modal-content {
        border-radius: 20px;
    }*/

    .preview-block-title > p {
        padding-bottom: 12px;
    }

    .preview-contract-dialog .modal-header {
        padding-bottom: 10px;
    }

    .preview-block-title {
        padding-top: 0;
    }

        .preview-block-title > .number {
            margin-top: -1px;
        }

    .form-control-static {
        font-size: 16px;
        line-height: 22px;
    }

    .congratulations-block {
        flex-direction: column;
        align-items: center;
        padding-bottom: 48px;
    }

        .congratulations-block > .left-block {
            margin-right: 0;
            flex-basis: 0;
            min-width: auto;
            max-width: inherit;
        }

        .congratulations-block > .right-block {
            flex-basis: 0;
            min-width: auto;
            max-width: inherit;
        }

    .congratulations-wrapper {
        padding: 48px 0;
    }

    .congratulations-block > .left-block > img {
        height: 96px;
        width: 96px;
    }

    .natural-gas-promote {
        padding: 20px;
    }

    .uploaded-image-list > li > .active {
        border-width: 2px;
    }

    .stepper-tab .tab-content {
        position: relative;
        z-index: 1;
    }

    .meter-info-consumption {
        flex-direction: column;
        align-items: flex-start;
    }

        .meter-info-consumption > .left {
            flex-basis: auto;
            padding-bottom: 8px;
        }

        .meter-info-consumption > .consumption-box {
            min-width: auto;
            max-width: none;
            flex-basis: auto;
        }

        .meter-info-consumption > .error-text {
            padding-left: 0;
            padding-top: 4px;
        }

    .consumption-box::after {
        background: #fff;
    }

    .preview-contract-dialog .consumption-box::after {
        background: #fcfcfc;
    }

    .call-us-fab {
        right: 0;
        top: 90px;
        bottom: auto;
    }

        .call-us-fab > .dropdown-toggle, .call-us-fab > .dropdown-toggle:before {
            border-radius: 50px 0 0 50px;
        }

        .call-us-fab > .dropdown-toggle {
            padding: 10px 8px 10px 14px;
        }

            .call-us-fab > .dropdown-toggle > img {
                height: 24px;
                width: 24px;
            }

            .call-us-fab > .dropdown-toggle > .active-img {
                margin-top: -24px;
            }

    .intercom-lightweight-app-launcher, .intercom-namespace .intercom-launcher-frame {
        bottom: 64px !important;
    }

    .intercom-namespace .intercom-messenger-frame {
        z-index: 2147483000 !important;
    }

    .big-radio > label > .content > .numbers {
        bottom: -10px;
        left: -22px;
        height: 40px;
        width: 40px;
    }
}

@media (max-width:575px) {
    .switch-radio > label {
        height: 128px;
        width: 128px;
        padding: 19px 8px;
    }

    .switch-radio > label, .lang-gr .switch-radio > label {
        font-size: 14px;
        line-height: 18px;
    }

        .switch-radio > label > img {
            height: 56px;
            width: 56px;
        }

        .switch-radio > label > .active-img {
            margin-top: -56px;
            margin-bottom: 6px;
        }

    .resident-concern .description {
        padding: 32px 0;
    }

    .resident-concern .switchboard-card:first-child, .resident-concern .switchboard-card {
        min-width: 100%;
        max-width: 100%;
        flex-basis: auto;
        padding-right: 18px;
    }

        .resident-concern .switchboard-card > .right > img {
            height: 64px;
            width: 64px;
            margin-left: 12px;
        }

    .custom-radio.size-lg {
        font-size: 16px;
    }

    .resident-concern .switchboard-card .custom-radio {
        margin-bottom: 18px;
    }

    .resident-concern .documents > .ordered-list {
        padding-bottom: 32px;
    }

    .content-block {
        padding: 16px 0 150px;
    }

        .content-block.only-card {
            padding: 32px 0;
        }

    /*    .modal .modal-body.no-header {
        padding-top: 48px;
    }*/

    .contact-number .select-control {
        max-width: 98px;
        flex: 0 0 98px;
        -ms-flex: 0 0 98px;
    }

    .contact-number .input-control {
        margin-left: 10px;
        max-width: calc(100% - 108px);
        flex: 0 0 calc(100% - 108px);
        -ms-flex: 0 0 calc(100% - 108px);
    }

    /*    .modal .modal-close {
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
        height: 40px;
        width: 40px;
    }*/

    .otp-verify-dialog .dialog-title {
        padding-bottom: 4px;
        padding-left: 0;
        padding-right: 0;
    }

    .consent-box .custom-checkbox {
        margin-bottom: 24px;
    }

    .upload-document .previous-btn {
        margin-top: 32px;
    }

    .meter-inactive-block {
        padding-top: 24px;
    }

    .switchboard-card .left .box-text {
        font-size: 16px;
        line-height: 22px;
    }

    .business-dialog .dialog-title {
        padding-bottom: 12px;
    }

    .btn-list.responsive-sm > .btn, .btn-list.responsive-sm > .custom-file-upload {
        width: 100%;
    }

    .stepper-tab .nav-tabs {
        flex-wrap: wrap;
    }

        .stepper-tab .nav-tabs > li {
            min-width: 50%;
            flex-basis: 50%;
        }

    .stepper-tab .nav-link:before, .stepper-tab .nav-link:after {
        display: none;
    }

    .stepper-tab .nav-link {
        height: calc(100% - 30px);
        padding-left: 6px;
        padding-right: 6px;
        font-size: 14px;
        line-height: 20px;
    }

        .stepper-tab .nav-link > .text {
            white-space: normal;
            max-height: 80px;
        }

    .info > .dropdown-menu {
        left: -76px !important;
    }

        .info > .dropdown-menu:after {
            left: 80px;
        }

    .info > .dropdown-menu-right:after, .info > .dropdown-menu-right-sm:after {
        left: auto;
        right: 18px;
    }

    .info > .dropdown-menu-right-sm, .info > .dropdown-menu-right {
        left: auto !important;
        right: -16px !important;
    }

    .uploaded-document > .img-wrapper {
        height: 118px;
    }

    .stepper .step .step-header {
        align-items: flex-start;
        padding-bottom: 18px;
    }

        .stepper .step .step-header .toggle {
            padding-top: 4px;
        }

    .big-radio > label > .content {
        flex-direction: column;
        align-items: center;
    }

        .big-radio > label > .content > .active-icon {
            margin: -48px 0 4px 0;
        }

    .big-radio > label .right-block {
        text-align: center;
    }

        .big-radio > label .right-block > a {
            justify-content: center;
        }

    .inline-controls.responsive-sm {
        flex-direction: column;
    }

    /*    .how-to-measure-dialog .modal-header {
        padding-right: 46px;
    }
*/
    .e-contract-preview-tab > .btn {
        width: 100%;
        margin-right: 0;
    }

    .btn-large-icon {
        padding: 11px 14px;
    }

    .congratulations-wrapper {
        padding: 24px 0;
    }

    .congratulations-block {
        padding-bottom: 24px;
    }

    .copyright {
        max-width: 200px;
        margin: 0 auto;
    }

        .copyright .pipe {
            display: none;
        }
}

@media (max-width:426px) {
    .meter-capacity-info.info > .dropdown-menu-right {
        right: -106px !important;
    }

        .meter-capacity-info.info > .dropdown-menu-right:after {
            right: 108px;
        }
}

@media (max-width:374px) {
    .meter-concern .switch-radio-inline > .switch-radio {
        margin-right: 10px;
    }

    .resident-concern .switchboard-card {
        padding: 22px;
        padding-right: 16px;
    }

    .header .brand > img {
        height: 40px;
        width: 174px;
    }

    .switchboard-card {
        padding-left: 16px;
        padding-right: 16px;
    }

    .btn-primary-linear:not(.btn-icon), .btn-primary:not(.btn-icon) {
        padding-left: 24px;
        padding-right: 24px;
    }

    .message-fab > .btn {
        padding: 14px;
    }

    .call-us-fab > .dropdown-toggle {
        padding: 10px 8px 10px 14px;
    }

    .btn-list > .btn, .btn-list > .custom-file-upload {
        margin-right: 2px;
    }

    .stepper-tab .nav-tabs {
        margin: 0 -6px;
    }

        .stepper-tab .nav-tabs > li {
            padding: 0 6px;
        }

    .bootstrap-select > .dropdown-menu {
        min-width: 230px;
    }

    .stepper .step .step-header .bullet:after {
        height: 34px;
        width: 34px;
        left: 3px;
        top: -2px;
    }

    .stepper .step.active:after {
        top: 32px;
    }

    .stepper .step.done:after {
        bottom: 2px;
    }

    .stepper .step .step-header .bullet {
        min-width: 44px;
        max-width: 44px;
        flex-basis: 44px;
    }

    .stepper .step .step-body > .inner {
        padding-left: 40px;
    }

    .e-contract {
        padding: 0;
        margin-left: -6px;
    }

    .btn-large-icon {
        font-size: 14px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .upload-document-mobile .button-block > .btn {
        font-size: 16px;
        line-height: 22px;
    }
}

@media(max-width:359px) {
    .meter-capacity-info.info > .dropdown-menu-right {
        right: -46px !important;
    }

        .meter-capacity-info.info > .dropdown-menu-right:after {
            right: 48px;
        }

    .switchboard-card-sm {
        padding-left: 0;
        padding-right: 0;
    }

        .switchboard-card-sm .switch-radio-inline > .switch-radio {
            margin: 0 8px;
        }

    .resident-concern .switchboard-card:first-child:last-child, .resident-concern .switchboard-card.sm-box {
        padding: 30px 15px;
    }

    .resident-concern .switchboard-card .left {
        padding-right: 2px;
    }
}