.cash-btn {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 27.5px;
    -webkit-border-radius: 27.5px;
    border-radius: 27.5px;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    display: inline-block;
    outline: none;
    border: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 1.5px
}

.cash-btn .btn-text,
.cash-btn .btn-status {
    font-style: normal;
    color: #FFF;
    display: block
}

.cash-btn .btn-icon,
.cash-btn.-icon .btn-text {
    color: #FFF
}

.cash-btn .btn-status {
    color: #9b9b9b
}

.cash-btn .btn-icon {
    float: left
}

.cash-btn.-primary {
    background-color: #2276ff
}

.cash-btn.-secondary {
    background-color: #dc9722
}

.cash-btn.-default {
    background-color: #9b9b9b
}

.cash-btn.-default .btn-text,
.cash-btn.-default .btn-icon {
    color: #767676
}

.cash-btn.-disabled,
.cash-btn[disabled] {
    pointer-events: none;
    background-color: #ddd !important
}

.cash-btn.-disabled .btn-text,
.cash-btn.-disabled .btn-icon,
.cash-btn[disabled] .btn-text,
.cash-btn[disabled] .btn-icon {
    color: #9b9b9b !important
}

.cash-btn.-disabled.-link,
.cash-btn[disabled].-link {
    background-color: transparent !important
}

.cash-btn.-link {
    background-color: transparent;
    cursor: default;
    padding: 0 10px !important
}

.cash-btn.-link .btn-text {
    cursor: pointer;
    color: #2276ff
}

.cash-btn.-link .btn-text:hover {
    color: #7cadff
}

.cash-btn.-link .btn-text:active {
    color: #2276ff
}

.cash-btn.-link-whatsapp {
    background-color: transparent;
    cursor: default;
    padding: 0 10px !important
}

.cash-btn.-link-whatsapp .btn-text {
    cursor: pointer;
    color: #dba53b
}

.cash-btn.-link-whatsapp .btn-text:hover {
    color: #dba53b
}

.cash-btn.-link-whatsapp .btn-text:active {
    color: #dba53b
}

.cash-btn.-link-bg-dark {
    background-color: transparent;
    cursor: default;
    padding: 0 10px !important
}

.cash-btn.-link-bg-dark .btn-text {
    cursor: pointer;
    color: #FFF
}

.cash-btn.-link-bg-dark .btn-text:hover {
    color: #7cadff
}

.cash-btn.-link-bg-dark .btn-text:active {
    color: #FFF
}

.cash-btn.-ghost {
    background-color: transparent !important
}

.cash-btn.-ghost.-primary {
    border: 2px solid #2276ff
}

.cash-btn.-ghost.-primary .btn-text,
.cash-btn.-ghost.-primary .btn-icon {
    color: #2276ff
}

.cash-btn.-ghost.-secondary {
    border: 2px solid #dba53b
}

.cash-btn.-ghost.-secondary .btn-text,
.cash-btn.-ghost.-secondary .btn-icon {
    color: #dba53b
}

.cash-btn.-ghost.-default {
    border: 2px solid #9b9b9b
}

.cash-btn.-ghost.-default .btn-text,
.cash-btn.-ghost.-default .btn-icon {
    color: #767676
}

.cash-btn.-ghost.-bg-dark {
    border: 2px solid #FFF
}

.cash-btn.-ghost.-bg-dark .btn-text,
.cash-btn.-ghost.-bg-dark .btn-icon {
    color: #FFF
}

.cash-btn.-ghost.-lg {
    line-height: 61px
}

.cash-btn.-ghost.-md {
    line-height: 51px
}

.cash-btn.-ghost.-sm {
    line-height: 41px
}

.cash-btn.-lg {
    -moz-border-radius: 32.5px;
    -webkit-border-radius: 32.5px;
    border-radius: 32.5px;
    font-size: 16px;
    height: 65px;
    line-height: 65px;
    padding: 0 45px
}

.cash-btn.-lg .btn-icon {
    font-size: 24px
}

.cash-btn.-lg .btn-icon+.btn-text {
    padding-left: 34px
}

.cash-btn.-md {
    -moz-border-radius: 27.5px;
    -webkit-border-radius: 27.5px;
    border-radius: 27.5px;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    padding: 0 45px
}

.cash-btn.-md .btn-icon {
    font-size: 20px
}

.cash-btn.-md .btn-icon+.btn-text {
    padding-left: 25px
}

.cash-btn.-sm {
    -moz-border-radius: 22.5px;
    -webkit-border-radius: 22.5px;
    border-radius: 22.5px;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding: 0 25px
}

.cash-btn.-sm .btn-icon {
    font-size: 16px
}

.cash-btn.-sm .btn-icon+.btn-text {
    padding-left: 21px
}

.cash-btn.-icon .btn-text,
.cash-btn.-icon .btn-status {
    text-align: left
}

.cash-btn.-icon.-lg {
    padding: 0 15px
}

.cash-btn.-icon.-lg .btn-status {
    padding-left: 34px
}

.cash-btn.-icon.-md {
    padding: 0 10px
}

.cash-btn.-icon.-md .btn-status {
    padding-left: 25px
}

.cash-btn.-icon.-sm {
    padding: 0 5px
}

.cash-btn.-icon.-sm .btn-status {
    padding-left: 21px
}

.cash-btn:hover {
    text-decoration: none
}

.cash-btn:hover.-primary {
    background-color: #7cadff
}

.cash-btn:hover.-secondary {
    background-color: #dba53b
}

.cash-btn:hover.-ghost.-primary {
    border: 2px solid #7cadff
}

.cash-btn:hover.-ghost.-primary .btn-text,
.cash-btn:hover.-ghost.-primary .btn-icon {
    color: #7cadff
}

.cash-btn:hover.-ghost.-secondary {
    border: 2px solid #dba53b
}

.cash-btn:hover.-ghost.-secondary .btn-text,
.cash-btn:hover.-ghost.-secondary .btn-icon {
    color: #dba53b
}

.cash-btn:hover.-ghost.-bg-dark {
    border: 2px solid #7cadff
}

.cash-btn:hover.-ghost.-bg-dark .btn-text,
.cash-btn:hover.-ghost.-bg-dark .btn-icon {
    color: #7cadff
}

.cash-btn.cash-btn-facebook {
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
    background-color: #507cc0;
    height: 52px;
    line-height: 52px;
    padding: 0 20px 0 40px;
    min-width: 178px;
    position: relative
}

.cash-btn.cash-btn-facebook .icon-facebook {
    position: absolute;
    top: 15px;
    left: 20px;
    color: white;
    font-size: 20px
}

.cash-btn.cash-btn-facebook .btn-text {
    color: #FFF;
    font-size: 14px;
    letter-spacing: 1.3px;
    font-weight: 500
}

.cash-btn.cash-btn-facebook:hover,
.cash-btn.cash-btn-facebook:focus,
.cash-btn.cash-btn-facebook.focus {
    background-color: #4B7EC2
}

.cash-btn.cash-btn-facebook:active,
.cash-btn.cash-btn-facebook.active {
    background-color: #2B4F80
}

.cash-btn.cash-btn-google {
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
    background-color: #df4930;
    height: 52px;
    line-height: 52px;
    padding: 0 20px 0 40px;
    min-width: 178px;
    position: relative
}

.cash-btn.cash-btn-google .icon-google-plus {
    position: absolute;
    top: 17px;
    left: 25px;
    color: white;
    font-size: 20px
}

.cash-btn.cash-btn-google .btn-text {
    color: #FFF;
    font-size: 14px;
    letter-spacing: 1.3px;
    font-weight: 500
}

.cash-btn.cash-btn-google:hover,
.cash-btn.cash-btn-google:focus,
.cash-btn.cash-btn-google.focus {
    background-color: #E46852
}

.cash-btn.cash-btn-google:active,
.cash-btn.cash-btn-google.active {
    background-color: #BE371F
}

@-moz-keyframes eva-button-loading {
    0% {
        width: 0%;
        opacity: .1;
        -moz-border-radius: 0 0 0 4px;
        border-radius: 0 0 0 4px
    }

    32% {
        -moz-border-radius: 0 0 0 4px;
        border-radius: 0 0 0 4px
    }

    40% {
        width: 100%;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        opacity: .7
    }

    100% {
        width: 100%;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        opacity: 0
    }
}

@-webkit-keyframes eva-button-loading {
    0% {
        width: 0%;
        opacity: .1;
        -webkit-border-radius: 0;
        border-radius: 0 0 0 4px
    }

    32% {
        -webkit-border-radius: 0;
        border-radius: 0 0 0 4px
    }

    40% {
        width: 100%;
        -webkit-border-radius: 0;
        border-radius: 0 0 4px 4px;
        opacity: .7
    }

    100% {
        width: 100%;
        -webkit-border-radius: 0;
        border-radius: 0 0 4px 4px;
        opacity: 0
    }
}

@keyframes eva-button-loading {
    0% {
        width: 0%;
        opacity: .1;
        -moz-border-radius: 0 0 0 4px;
        -webkit-border-radius: 0;
        border-radius: 0 0 0 4px
    }

    32% {
        -moz-border-radius: 0 0 0 4px;
        -webkit-border-radius: 0;
        border-radius: 0 0 0 4px
    }

    40% {
        width: 100%;
        -moz-border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0;
        border-radius: 0 0 4px 4px;
        opacity: .7
    }

    100% {
        width: 100%;
        -moz-border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0;
        border-radius: 0 0 4px 4px;
        opacity: 0
    }
}

.cash-input .input-container {
    position: relative;
    text-align: left
}

.cash-input .error {
    color: #ff6565;
    margin-left: 20px;
    margin-top: 5px;
    font-size: 13px;
    text-align: left
}

.cash-input .input-tag {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color .3s ease-out;
    -o-transition: border-color .3s ease-out;
    -webkit-transition: border-color .3s ease-out;
    transition: border-color .3s ease-out;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    color: #888;
    border: 2px solid #ddd
}

.cash-input .input-tag:-moz-placeholder {
    color: #9b9b9b
}

.cash-input .input-tag::-moz-placeholder {
    color: #9b9b9b
}

.cash-input .input-tag:-ms-input-placeholder {
    color: #9b9b9b
}

.cash-input .input-tag::-webkit-input-placeholder {
    color: #9b9b9b
}

.cash-input .input-tag:focus {
    outline-width: 0;
    border-color: #2276ff
}

.cash-input .input-tag:disabled {
    background-color: #ddd;
    border-color: #ddd;
    color: #888;
    opacity: 1;
    cursor: default
}

.cash-input .input-tag:disabled~.input-icon,
.cash-input .input-tag:disabled .input-inner-icon {
    color: #888
}

.cash-input .input-icon,
.cash-input .input-inner-icon {
    color: #2276ff;
    position: absolute;
    top: 50%
}

.cash-input.-no-border .input-tag {
    border-color: #FFF
}

.cash-input.-no-border .input-tag:focus {
    border-color: #2276ff
}

.cash-input.-no-border .input-tag:disabled {
    border-color: #9b9b9b
}

.cash-input.-invalid .input-tag {
    border-color: #ff6565
}

.cash-input.-icon-left.-lg .input-icon,
.cash-input.-icon-left.-md .input-icon {
    font-size: 24px;
    margin-top: -15px;
    left: 0
}

.cash-input.-icon-left.-lg .input-container,
.cash-input.-icon-left.-md .input-container {
    padding-left: 30px
}

.cash-input.-icon-left.-sm .input-icon {
    font-size: 20px;
    margin-top: -10px;
    left: 0
}

.cash-input.-icon-left.-sm .input-container {
    padding-left: 20px
}

.cash-input.-icon-right.-lg .input-icon,
.cash-input.-icon-right.-md .input-icon {
    font-size: 24px;
    margin-top: -15px;
    right: 0
}

.cash-input.-icon-right.-lg .input-container,
.cash-input.-icon-right.-md .input-container {
    padding-right: 30px
}

.cash-input.-icon-right.-sm .input-icon {
    font-size: 20px;
    margin-top: -10px;
    right: 0
}

.cash-input.-icon-right.-sm .input-container {
    padding-right: 20px
}

.cash-input.-inner-icon-left.-lg .input-inner-icon,
.cash-input.-inner-icon-left.-md .input-inner-icon {
    font-size: 16px;
    margin-top: -12px;
    left: 20px;
    border-right: 2px solid #2276ff;
    padding-right: 5px
}

.cash-input.-inner-icon-left.-lg .input-tag,
.cash-input.-inner-icon-left.-md .input-tag {
    padding-left: 48px
}

.cash-input.-inner-icon-left.-sm .input-inner-icon {
    font-size: 14px;
    margin-top: -10px;
    left: 5px;
    border-right: 2px solid #2276ff;
    padding-right: 3px
}

.cash-input.-inner-icon-left.-sm .input-tag {
    padding-left: 30px
}

.cash-input.-md .input-label {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 15px;
    color: #888
}

.cash-input.-md .input-tag {
    -moz-border-radius: 27.5px;
    -webkit-border-radius: 27.5px;
    border-radius: 27.5px;
    width: 100%;
    height: 55px;
    font-size: 16px;
    font-weight: 300;
    padding: 0 25px
}

.cash-input.-sm .input-label {
    font-size: 11px;
    font-weight: 300;
    margin-bottom: -5px;
    color: #888
}

.cash-input.-sm .input-tag {
    -moz-border-radius: 17.5px;
    -webkit-border-radius: 17.5px;
    border-radius: 17.5px;
    width: 100%;
    height: 35px;
    font-size: 11px;
    font-weight: 300;
    padding: 0 5px
}

.cash-input.-lg .input-label {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0px;
    color: #888
}

.cash-input.-lg .input-tag {
    -moz-border-radius: 32.5px;
    -webkit-border-radius: 32.5px;
    border-radius: 32.5px;
    width: 100%;
    height: 65px;
    font-size: 16px;
    font-weight: 300;
    padding: 0 10px
}

.cash-select .error {
    color: #ff6565;
    margin-left: 20px;
    margin-top: 5px;
    font-size: 13px;
    text-align: left
}

.cash-select .select-container {
    position: relative
}

.cash-select .select-container:before {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 6px;
    pointer-events: none
}

.cash-select .select-container:after {
    content: "\e90b";
    font-family: 'cash-icons';
    position: absolute;
    color: #767676;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    right: 0;
    pointer-events: none
}

.cash-select .select-tag {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color .3s ease-out;
    -o-transition: border-color .3s ease-out;
    -webkit-transition: border-color .3s ease-out;
    transition: border-color .3s ease-out;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #888;
    background-color: #FFF;
    border: 2px solid #ddd;
    width: 100%;
    cursor: pointer
}

.cash-select .select-tag:disabled {
    background-color: #ddd;
    color: #888;
    opacity: 1;
    cursor: default
}

.cash-select .select-tag:disabled~.select-gradient {
    background-image: linear-gradient(to right, rgba(221, 221, 221, 0), #dddddd 80%)
}

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

.cash-select .select-tag::-ms-expand {
    display: none
}

.cash-select .select-tag:focus {
    outline-width: 0;
    border-color: #2276ff
}

.cash-select .select-tag:focus~.select-gradient {
    opacity: 0
}

.cash-select .select-gradient {
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 80%);
    background-size: 100%;
    width: 50px;
    pointer-events: none;
    top: 0;
    opacity: 1
}

.cash-select .select-icon {
    color: #2276ff;
    position: absolute;
    top: 50%
}

.cash-select.-invalid .select-tag {
    border-color: #ff6565
}

.cash-select.-icon-right.-lg .select-icon,
.cash-select.-icon-right.-md .select-icon {
    font-size: 24px;
    margin-top: -15px;
    right: 0
}

.cash-select.-icon-right.-lg .select-container,
.cash-select.-icon-right.-md .select-container {
    padding-right: 30px
}

.cash-select.-icon-right.-lg .select-container:after,
.cash-select.-icon-right.-md .select-container:after {
    right: 30px
}

.cash-select.-icon-right.-sm .select-icon {
    font-size: 20px;
    margin-top: -10px;
    right: 0
}

.cash-select.-icon-right.-sm .select-container {
    padding-right: 20px
}

.cash-select.-icon-right.-sm .select-container:after {
    right: 20px
}

.cash-select.-lg .select-container:before {
    width: 70px;
    height: 53px
}

.cash-select.-lg .select-container:after {
    width: 75px;
    font-size: 32px;
    top: 12px
}

.cash-select.-lg .select-label {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 300;
    color: #888
}

.cash-select.-lg .select-tag {
    -moz-border-radius: 32.5px;
    -webkit-border-radius: 32.5px;
    border-radius: 32.5px;
    height: 65px;
    font-size: 16px;
    font-weight: 300;
    padding: 0 55px 0 25px
}

.cash-select.-lg .select-gradient {
    position: absolute;
    right: 80px;
    margin-top: 1px;
    height: 63px
}

.cash-select.-md .select-container:before {
    width: 60px;
    height: 43px
}

.cash-select.-md .select-container:after {
    width: 65px;
    font-size: 24px;
    top: 10px
}

.cash-select.-md .select-label {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 300;
    color: #888
}

.cash-select.-md .select-tag {
    -moz-border-radius: 27.5px;
    -webkit-border-radius: 27.5px;
    border-radius: 27.5px;
    height: 55px;
    font-size: 16px;
    font-weight: 300;
    padding: 0 45px 0 25px
}

.cash-select.-md .select-gradient {
    position: absolute;
    right: 70px;
    margin-top: 1px;
    height: 53px
}

.cash-select.-sm .select-container:before {
    width: 40px;
    height: 33px
}

.cash-select.-sm .select-container:after {
    width: 45px;
    font-size: 16px;
    top: 8px
}

.cash-select.-sm .select-label {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 300;
    color: #888
}

.cash-select.-sm .select-tag {
    -moz-border-radius: 22.5px;
    -webkit-border-radius: 22.5px;
    border-radius: 22.5px;
    height: 45px;
    font-size: 16px;
    font-weight: 300;
    padding: 0 30px 0 15px
}

.cash-select.-sm .select-gradient {
    position: absolute;
    right: 50px;
    margin-top: 1px;
    height: 43px
}

.cash-h1 {
    font-size: 72px;
    font-weight: 700
}

.cash-h2 {
    font-size: 48px;
    font-weight: 400
}

.cash-h3 {
    font-size: 36px;
    font-weight: 300
}

.cash-h4 {
    font-size: 24px;
    font-weight: 300
}

.cash-h5 {
    font-size: 20px;
    font-weight: 300
}

.cash-h6 {
    font-size: 16px;
    font-weight: 300
}

.cash-p {
    color: #202c58;
    font-weight: 300
}

.cash-p.-lg {
    font-size: 16px;
    line-height: 20px
}

.cash-p.-md {
    font-size: 14px;
    line-height: 16px
}

.cash-p.-sm {
    font-size: 11px;
    line-height: 13px
}

html.-show-modal,
html.-show-modal body {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important
}

.cash-modal {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    overflow: auto;
    text-align: left
}

.cash-modal .cash-modal-content {
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -moz-animation: cash-hide-modal 0.5s;
    -webkit-animation: cash-hide-modal 0.5s;
    animation: cash-hide-modal 0.5s;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    max-width: 640px;
    background-color: #FFF;
    color: #202c58;
    margin: 150px auto 20px;
    padding: 20px
}

.cash-modal .cash-modal-content .cash-modal-close {
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -webkit-transition: color .2s;
    transition: color .2s;
    cursor: pointer;
    position: absolute;
    color: #4f4f4f;
    right: 20px;
    top: 20px;
    font-size: 36px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 1
}

.cash-modal .cash-modal-content .cash-modal-close:hover {
    color: #767676
}

.cash-modal .cash-modal-content .cash-modal-title {
    font-size: 36px;
    font-weight: 300;
    margin: 45px 0 35px;
    text-align: center
}

.cash-modal .cash-modal-content .cash-modal-title.success-title {
    color: #dba53b
}

.cash-modal .cash-modal-content .cash-modal-title.error-title {
    color: #ff6565
}

.cash-modal .cash-modal-content .cash-modal-spinner {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #2276ff;
    border-top: 2px solid transparent;
    width: 45px;
    height: 45px;
    animation: spin 1s linear infinite;
    position: relative;
    margin: 10px auto 30px
}

.cash-modal.-show-modal {
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible
}

.cash-modal.-show-modal .cash-modal-content {
    -moz-animation: cash-show-modal 0.8s;
    -webkit-animation: cash-show-modal 0.8s;
    animation: cash-show-modal 0.8s
}

@media (max-width: 768px) {
    .cash-modal .cash-modal-content {
        max-width: none;
        margin: 10px
    }

    .cash-modal .cash-modal-content .cash-modal-title {
        font-size: 24px
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-moz-keyframes cash-show-modal {
    0% {
        opacity: 0
    }

    50% {
        -moz-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0
    }

    100% {
        -moz-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
}

@-webkit-keyframes cash-show-modal {
    0% {
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0
    }

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

@keyframes cash-show-modal {
    0% {
        opacity: 0
    }

    50% {
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0
    }

    100% {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
}

@-moz-keyframes cash-hide-modal {
    from {
        opacity: 1;
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    to {
        opacity: 0;
        -moz-transform: scale(.85, .85);
        transform: scale(.85, .85)
    }
}

@-webkit-keyframes cash-hide-modal {
    from {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.85, .85);
        transform: scale(.85, .85)
    }
}

@keyframes cash-hide-modal {
    from {
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    to {
        opacity: 0;
        -moz-transform: scale(.85, .85);
        -ms-transform: scale(.85, .85);
        -webkit-transform: scale(.85, .85);
        transform: scale(.85, .85)
    }
}

/* @font-face {
    font-family: "cash-icons";
    src: url('../../../resources/fonts/cash-icons-7f9ce361384a01c4c621dcd2370c5164.eot?1625682612');
    src: url('../../../resources/fonts/cash-icons-7f9ce361384a01c4c621dcd2370c5164.eot?&1625682612#iefix') format('embedded-opentype'), url('../../../resources/fonts/cash-icons-7f9ce361384a01c4c621dcd2370c5164.eot?1625682612') format('embedded-opentype'), url('../../../resources/fonts/cash-icons-6a9c168c1762da8858264824af570837.ttf?1625682612') format('truetype'), url('../../../resources/fonts/cash-icons-b3b0d47cd4cbf4bbaaf97cf79c018b71.woff?1625682612') format('woff');
    font-weight: normal;
    font-style: normal
} */

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'cash-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-down-circle:before {
    content: "\e900"
}

.icon-arrow-up-circle:before {
    content: "\e901"
}

.icon-close:before {
    content: "\e902"
}

.icon-info:before {
    content: "\e903"
}

.icon-minus-circle:before {
    content: "\e904"
}

.icon-plus-circle:before {
    content: "\e905"
}

.icon-star:before {
    content: "\e906"
}

.icon-tick:before {
    content: "\e907"
}

.icon-facebook:before {
    content: "\e908"
}

.icon-google-plus:before {
    content: "\e909"
}

.icon-arrow-up:before {
    content: "\e90a"
}

.icon-arrow-down:before {
    content: "\e90b"
}

.icon-tick-circle:before {
    content: "\e90c"
}

.icon-money-bill-wave-solid:before {
    content: "\e90d"
}

.icon-file-invoice-dollar-solid:before {
    content: "\e90e"
}

.icon-check-square-regular:before {
    content: "\e90f"
}

.icon-clipboard-check-solid:before {
    content: "\e910"
}

.icon-dollar-sign-solid:before {
    content: "\e911"
}

.icon-copy:before {
    content: "\e925"
}

.icon-ticket:before {
    content: "\e926"
}

.icon-dollar:before {
    content: "\e93b"
}

.icon-secure1:before {
    content: "\e990"
}

.icon-upload:before {
    content: "\e9c6"
}

.icon-checkmark:before {
    content: "\ea10"
}

.icon-whatsapp:before {
    content: "\ea93"
}

.icon-secure:before {
    content: "\e98f"
}

.cash-loader {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1499;
    overflow: auto;
    text-align: center
}

.cash-loader .cash-spinner {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    border: 10px solid #2276ff;
    border-top: 10px solid transparent;
    width: 120px;
    height: 120px;
    animation: spin 1.5s linear infinite;
    position: relative;
    margin: 150px auto 20px
}

.cash-loader.-show-loader {
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible
}

.cash-loader.-show-loader .cash-spinner {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.cash-textarea {
    font-family: "Roboto", sans-serif;
    color: #888;
    font-weight: 300;
    font-size: 16px
}

.cash-textarea .textarea-label {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px
}

.cash-textarea .textarea-container {
    position: relative
}

.cash-textarea .textarea-container .textarea-tag {
    -moz-transition: border-color .3s ease-out;
    -o-transition: border-color .3s ease-out;
    -webkit-transition: border-color .3s ease-out;
    transition: border-color .3s ease-out;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    padding: 20px 30px;
    display: inline-block;
    border: 2px solid #ddd;
    line-height: 1.4;
    resize: none;
    color: #888
}

.cash-textarea .textarea-container .textarea-tag:-moz-placeholder {
    border-color: #767676
}

.cash-textarea .textarea-container .textarea-tag::-moz-placeholder {
    border-color: #767676
}

.cash-textarea .textarea-container .textarea-tag:-ms-input-placeholder {
    border-color: #767676
}

.cash-textarea .textarea-container .textarea-tag::-webkit-input-placeholder {
    border-color: #767676
}

.cash-textarea .textarea-container .textarea-tag:disabled {
    border-color: #ddd;
    background-color: #ddd;
    cursor: default
}

.cash-textarea .textarea-container .textarea-tag:focus {
    outline-width: 0;
    border-color: #2276ff
}

.cash-textarea.-invalid .textarea-label {
    color: #ff6565
}

.cash-textarea.-invalid .textarea-container .textarea-tag {
    border-color: #ff6565;
    color: #ff6565
}

.cash-tooltip {
    position: relative;
    cursor: pointer
}

.cash-tooltip .tooltip-container {
    -moz-box-shadow: 0 15px 50px 0 #cacbd2;
    -webkit-box-shadow: 0 15px 50px 0 #cacbd2;
    box-shadow: 0 15px 50px 0 #cacbd2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    background-color: #767676;
    width: 290px;
    margin-left: -145px;
    text-align: center;
    font-size: 14px;
    padding: 10px;
    cursor: auto;
    z-index: 1
}

.cash-tooltip .tooltip-container .tooltip-text,
.cash-tooltip .tooltip-container .cash-h5 {
    line-height: 1.2;
    color: #FFF;
    margin-bottom: 0
}

.cash-tooltip .tooltip-container .cash-h5 {
    display: block;
    padding-bottom: 5px
}

.cash-tooltip .tooltip-marker {
    overflow: hidden;
    position: absolute;
    height: 20px;
    width: 40px
}

.cash-tooltip .tooltip-marker:after {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    content: "";
    position: absolute;
    background-color: #767676;
    display: block;
    width: 15px;
    height: 15px;
    margin-left: -8px;
    left: 50%
}

.cash-tooltip .tooltip-close {
    transition: opacity .2s ease-out;
    opacity: 1;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #FFF;
    z-index: 1
}

.cash-tooltip .tooltip-close:hover {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    opacity: .5
}

.cash-tooltip.-not-hover:hover {
    cursor: auto
}

.cash-tooltip.-not-hover:hover .tooltip-container,
.cash-tooltip.-not-hover:hover .tooltip-content {
    display: none
}

.cash-tooltip.-not-hover:hover.-show-tooltip .tooltip-container,
.cash-tooltip.-not-hover:hover.-show-tooltip .tooltip-content {
    display: block
}

.cash-tooltip.-sm .tooltip-container {
    margin-left: -83px;
    width: 165px
}

.cash-tooltip.-top.-show-tooltip .tooltip-container,
.cash-tooltip.-bottom.-show-tooltip .tooltip-container {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    display: block
}

.cash-tooltip.-top.-show-tooltip .tooltip-content,
.cash-tooltip.-bottom.-show-tooltip .tooltip-content {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    display: block
}

.cash-tooltip.-top .tooltip-container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    font-weight: normal;
    left: 50%
}

.cash-tooltip.-top .tooltip-marker {
    margin-left: -20px;
    left: 50%
}

.cash-tooltip.-top .tooltip-container {
    bottom: 33px;
    -moz-transition: opacity .15s ease-out, -moz-transform .15s ease-out, visibility .15s ease-out;
    -o-transition: opacity .15s ease-out, -o-transform .15s ease-out, visibility .15s ease-out;
    -webkit-transition: opacity .15s ease-out, -webkit-transform .15s ease-out, visibility .15s ease-out;
    transition: opacity .15s ease-out, transform .15s ease-out, visibility .15s ease-out;
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -moz-transform-origin: 50% 110%;
    -ms-transform-origin: 50% 110%;
    -webkit-transform-origin: 50% 110%;
    transform-origin: 50% 110%;
    opacity: 0;
    visibility: hidden;
    display: block
}

.cash-tooltip.-top .tooltip-marker {
    bottom: -20px
}

.cash-tooltip.-top .tooltip-marker:after {
    top: -9px
}

.cash-tooltip.-top .tooltip-content {
    -moz-transition: opacity ease-out, -moz-transform ease-out, visibility ease-out;
    -o-transition: opacity ease-out, -o-transform ease-out, visibility ease-out;
    -webkit-transition: opacity ease-out, -webkit-transform ease-out, visibility ease-out;
    transition: opacity ease-out, transform ease-out, visibility ease-out;
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -moz-transform-origin: 50% 110%;
    -ms-transform-origin: 50% 110%;
    -webkit-transform-origin: 50% 110%;
    transform-origin: 50% 110%;
    opacity: 0;
    visibility: hidden;
    display: block
}

.cash-tooltip.-bottom .tooltip-container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    font-weight: normal;
    left: 50%
}

.cash-tooltip.-bottom .tooltip-marker {
    margin-left: -20px;
    left: 50%
}

.cash-tooltip.-bottom .tooltip-container {
    top: 33px;
    -moz-transition: opacity .15s ease-out, -moz-transform .15s ease-out, visibility .15s ease-out;
    -o-transition: opacity .15s ease-out, -o-transform .15s ease-out, visibility .15s ease-out;
    -webkit-transition: opacity .15s ease-out, -webkit-transform .15s ease-out, visibility .15s ease-out;
    transition: opacity .15s ease-out, transform .15s ease-out, visibility .15s ease-out;
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -moz-transform-origin: 50% 110%;
    -ms-transform-origin: 50% 110%;
    -webkit-transform-origin: 50% 110%;
    transform-origin: 50% 110%;
    opacity: 0;
    visibility: hidden;
    display: block
}

.cash-tooltip.-bottom .tooltip-marker {
    top: -20px
}

.cash-tooltip.-bottom .tooltip-marker:after {
    bottom: -9px
}

.cash-tooltip.-bottom .tooltip-content {
    -moz-transition: opacity ease-out, -moz-transform ease-out, visibility ease-out;
    -o-transition: opacity ease-out, -o-transform ease-out, visibility ease-out;
    -webkit-transition: opacity ease-out, -webkit-transform ease-out, visibility ease-out;
    transition: opacity ease-out, transform ease-out, visibility ease-out;
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -moz-transform-origin: 50% 110%;
    -ms-transform-origin: 50% 110%;
    -webkit-transform-origin: 50% 110%;
    transform-origin: 50% 110%;
    opacity: 0;
    visibility: hidden;
    display: block
}

.cash-tooltip.-right .tooltip-container {
    left: 50%;
    right: auto;
    margin-left: -25px
}

.cash-tooltip.-right .tooltip-marker {
    right: auto;
    margin: 0;
    left: 5px
}

.cash-tooltip.-left .tooltip-container {
    left: auto;
    right: 50%;
    margin-right: -25px
}

.cash-tooltip.-left .tooltip-marker {
    left: auto;
    margin: 0;
    right: 5px
}

.cash-tooltip.-white .tooltip-container {
    background-color: #FFF;
    text-align: left;
    padding: 15px
}

.cash-tooltip.-white .tooltip-marker:after {
    background-color: #FFF
}

.cash-tooltip.-white .tooltip-text,
.cash-tooltip.-white .cash-h5,
.cash-tooltip.-white .tooltip-close {
    color: #888
}

.cash-tooltip.-white.-close .tooltip-content {
    padding-right: 30px
}

.cash-tooltip:hover .tooltip-container {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    display: block
}

.cash-tooltip:hover .tooltip-content {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    display: block
}

table {
    background-color: #FFF;
    border-collapse: separate;
    border-spacing: 0 3px
}

caption {
    padding-top: 0;
    padding-bottom: 15px;
    color: #4f4f4f !important;
    text-align: left;
    font-size: 22px;
    font-weight: 300
}

th {
    text-align: center
}

.cash-table {
    width: 100%;
    max-width: 100%
}

.cash-table>thead>tr>th,
.cash-table>thead>tr>td,
.cash-table>tbody>tr>th,
.cash-table>tbody>tr>td,
.cash-table>tfoot>tr>th,
.cash-table>tfoot>tr>td {
    padding: 8px;
    vertical-align: top;
    border: none;
    color: #4f4f4f;
    text-align: center;
    font-size: 14px
}

.cash-table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: none
}

.cash-table>caption+thead>tr:first-child>th,
.cash-table>caption+thead>tr:first-child>td,
.cash-table>colgroup+thead>tr:first-child>th,
.cash-table>colgroup+thead>tr:first-child>td,
.cash-table>thead:first-child>tr:first-child>th,
.cash-table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.cash-table>tbody+tbody {
    border-top: none
}

.cash-table>thead {
    background-color: #2276ff
}

.cash-table>thead>tr>th,
.cash-table>thead>tr>td {
    color: #FFF
}

.cash-table>tbody>tr {
    background-color: #FFF
}

.cash-table>tbody>tr:nth-child(even) {
    background-color: #ddd
}

.cash-table>tbody>tr>td.emphasis {
    color: #7cadff
}

.cash-table.select-table>tbody>tr {
    cursor: pointer
}

@media (min-width: 768px) {
    caption {
        font-size: 28px
    }
}

body {
    background-color: #f2f2f2;
    font-family: 'Roboto', sans-serif;
    color: #202c58
}

.no-gutter>[class*='col-'] {
    padding-right: 0;
    padding-left: 0
}

.form-group.form-check .error {
    color: #ff6565;
    font-size: 14px
}

.cash-page-container {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 0 50px 0 #ebecf1;
    max-width: 1104px;
    text-align: center;
    margin: 0 auto 150px
}

.cash-page-container .left-content {
    border-radius: 15px 0 0 15px
}

.cash-page-container .right-content {
    border-radius: 15px
}

.cash-page-container .cash-page-content {
    padding: 20px
}

.cash-page-container .cash-page-content .cash-page-title {
    font-size: 24px;
    font-weight: 300;
    color: #202c58;
    margin: 30px 0 40px
}

.cash-page-container .cash-page-content .cash-page-title.with-description {
    margin: 30px 0 20px
}

.cash-page-container .cash-page-content .cash-page-title.success-title {
    color: #dba53b
}

.cash-page-container .cash-page-content .cash-page-title.error-title {
    color: #ff6565
}

.cash-page-container .cash-page-content .cash-page-separator {
    border-top: 1px dashed #cccccc;
    height: 0;
    width: 100%;
    margin: 0 0 30px
}

.cash-page-container .cash-page-content .cash-input {
    margin: 0 auto 25px
}

.cash-phone-container::after {
    display: block;
    clear: both;
    content: ""
}

.cash-phone-container .ddn-container {
    float: left;
    width: 35%;
    padding-right: 5px
}

.cash-phone-container .ddn-container .cash-input .input-tag {
    padding: 0 10px 0 20px
}

.cash-phone-container .ddn-container .cash-input.-inner-icon-left .input-tag {
    padding: 0 10px 0 40px
}

.cash-phone-container .number-container {
    float: right;
    width: 65%;
    padding-left: 5px
}

.cash-phone-container .number-container .cash-input .input-tag {
    padding-right: 10px
}

@media (min-width: 768px) {
    .cash-page-container {
        border-radius: 15px;
        min-height: 670px
    }

    .cash-page-container .right-content {
        border-radius: 0 15px 15px 0;
        min-height: 670px
    }

    .cash-page-container .cash-page-content {
        padding: 30px
    }

    .cash-page-container .cash-page-content .cash-page-title {
        font-size: 36px
    }
}

.header {
    background-color: #4285f4;
    color: white;
    padding: 17px 0
}

.header .logo-image {
    height: 35px
}

.header .profile-label {
    display: inline-block;
    border: 3px solid white;
    padding: 5px;
    border-radius: 10px;
    margin: 0 10px
}

.header .header-navbar {
    color: white
}

.header .header-navbar::after {
    display: block;
    clear: both;
    content: ""
}

.header .header-navbar a {
    color: white
}

.header .cash-header-logo {
    float: left
}

.header .cash-header-menu-button {
    float: right;
    cursor: pointer;
    display: block
}

.header .cash-header-menu-button .menu-bar {
    background-color: #FFF;
    display: block;
    height: 5px;
    width: 40px;
    border-radius: 3px;
    margin-top: 5px
}

.header .cash-header-menu-button .menu-bar.first-bar {
    margin-left: 10px;
    width: 30px
}

.header .cash-navbar::after {
    display: block;
    clear: both;
    content: ""
}

.header .cash-navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right
}

.header .cash-navbar ul::after {
    display: block;
    clear: both;
    content: ""
}

.header .cash-navbar li {
    position: relative
}

.header .cash-navbar li.header-button {
    margin: 5px 5px 0
}

.header .cash-navbar li a {
    color: white;
    letter-spacing: 1.5px;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.header .cash-navbar li .header-link {
    height: 58px;
    line-height: 58px
}

.header-menu-modal {
    opacity: 0.94 !important;
    background-color: #202c58
}

.header-menu-modal.cash-modal .cash-modal-content {
    background-color: transparent;
    text-align: center
}

.header-menu-modal.cash-modal .cash-modal-content .cash-modal-close {
    color: #FFF
}

.header-menu-modal.cash-modal .cash-modal-content ul {
    list-style-type: none;
    margin: 50px 0;
    padding: 0
}

.header-menu-modal.cash-modal .cash-modal-content ul::after {
    display: block;
    clear: both;
    content: ""
}

.header-menu-modal.cash-modal .cash-modal-content ul .header-button {
    margin-top: 15px
}

@media (min-width: 768px) {
    .header {
        padding: 24px 0
    }

    .header .logo-image {
        height: 58px
    }

    .header .cash-navbar ul {
        position: static
    }

    .header .cash-navbar li {
        float: left;
        display: block
    }
}

.footer {
    background-color: #2276ff;
    color: white;
    padding: 20px
}

.footer.background-color-dark-blue {
    background-color: #202c58
}

.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center
}

.footer ul>li {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 7px
}

.footer ul>li>a {
    color: white
}

.footer .logo-container {
    text-align: right
}

.footer .logo-container img {
    height: 80px
}

.footer .footer-separator {
    width: 100%;
    height: 1px;
    background-color: white;
    margin: 15px 0
}

.footer .footer-text-container {
    margin: 0 0 15px
}

.footer .footer-text-container .footer-text {
    font-size: 10px;
    font-weight: 300;
    margin: 0
}

.footer .footer-text-container .footer-text.tna-text {
    font-size: 20px;
    font-weight: bold
}

.footer .footer-phone {
    text-align: right
}

.footer .footer-phone .footer-phone-text {
    font-size: 14px
}

.footer .footer-phone .footer-phone-number {
    font-size: 16px
}

.footer .footer-social-networks {
    text-align: right
}

.footer .footer-social-networks .footer-social-network {
    height: 29px;
    border-radius: 30px
}

.footer .footer-texts {
    max-height: 170px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px
}

.footer .footer-texts.show-more {
    max-height: none;
    padding-bottom: 50px
}

.footer .footer-texts .footer-see-more-container {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #2276ff);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 50px
}

.footer .footer-texts .footer-see-more-container .see-more {
    cursor: pointer
}

.footer .logo-mobile img {
    height: 30px;
    margin-top: 8px
}

@media (min-width: 768px) {
    .footer {
        padding: 60px 0 20px
    }

    .footer ul {
        text-align: left
    }

    .footer .footer-separator {
        margin: 30px 0
    }

    .footer .footer-text-container {
        margin: 0 0 25px
    }

    .footer .footer-text-container .footer-text {
        font-size: 14px
    }

    .footer .footer-text-container .footer-text.tna-text {
        font-size: 24px
    }

    .footer .footer-phone .footer-phone-text {
        font-size: 18px
    }

    .footer .footer-phone .footer-phone-number {
        font-size: 24px
    }

    .footer .footer-social-networks {
        text-align: right
    }

    .footer .footer-social-networks .footer-social-network {
        height: 40px;
        border-radius: 30px
    }

    .footer .footer-texts {
        max-height: 170px;
        margin-bottom: 15px
    }

    .footer .footer-texts .show-more {
        padding-bottom: 50px
    }

    .footer .footer-texts .footer-see-more-container {
        padding-top: 50px
    }
}

.referred-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: white;
    font-weight: bold
}

.referred-container:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #2276ff;
    opacity: 0.9
}

.referred-container .referred-text {
    position: relative
}