@font-face {
    font-family: MRKMastonRegular;
    src: url("../fonts/MRKMastonRegular.ttf");
    src: url("../fonts/MRKMastonRegular.ttf?#iefix") format("truetype"), url("../fonts/MRKMastonRegular.woff") format("woff"), url("../fonts/MRKMastonRegular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: MRKMastonBold;
    src: url("../fonts/MRKMastonBold.ttf");
    src: url("../fonts/MRKMastonBold.ttf?#iefix") format("truetype"), url("../fonts/MRKMastonBold.woff") format("woff"), url("../fonts/MRKMastonBold.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

*,
ul {
    margin: 0;
    padding: 0;
}

.content {
    background-color: #f4fdfa;
}

.input-holder,
.main-label,
body {
    position: relative;
}

table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
    text-align: center !important;
}

.compact-row ul li {
    line-height: 30px;
    margin-bottom: 10px;
}

.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}

    .flag-icon:before {
        content: "\00a0";
    }

    .flag-icon.flag-icon-squared {
        width: 1em;
    }

.flag-icon-eg {
    background-image: url("../images/eg-4x3.svg");
}

    .flag-icon-eg.flag-icon-squared {
        background-image: url("../images/eg-1x1.svg");
    }

.flag-icon-us {
    background-image: url("../images/us-4x3.svg");
}

    .flag-icon-us.flag-icon-squared {
        background-image: url("../images/us-1x1.svg");
    }

.font-bold {
    letter-spacing: -1px;
}

* {
    outline: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

ul {
    list-style: none;
}

a {
    text-decoration: none !important;
    outline: 0 !important;
}

.text-info {
    color: #0f7084 !important;
}

div a, div a:hover {
    color: #0d6efd;
}

div.footer-inner a, div.footer-inner a:hover {
    color: #c9dfff;
}

footer-logo ul.nav {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 5px;
}

.footer .footer-logo ul.nav li {
    display: inline-block;
    line-height: 10px;
}

div.usage p a, div.usage p a:hover {
    color: #0d6efd !important;
    cursor: pointer !important;
}

input [type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media (max-width:769px) {
    div.dataTables_wrapper div.dataTables_filter {
        text-align: center !important;
    }
}

div.dataTables_wrapper .btn-group {
    display: inherit;
    text-align: center;
}

.select-wrapper.select-month input,
.select-wrapper.select-year input {
    padding: 0 !important;
}

ul.pagination li a {
    font-size: 14px;
}

@media (max-width:769px) {
    ul.pagination li a {
        font-size: 12px;
    }
}

body {
    font-size: 14px;
    min-width: 318px;
}

select {
    height: inherit !important;
}

input:focus {
    border-bottom-color: #5d9ff0 !important;
}

body .row {
    margin-bottom: 10px;
    margin-right: -10px;
    margin-left: -10px;
}

.row.how-imgs > * {
    width: auto;
}

.compact-row {
    max-width: 770px;
    margin: 0 auto;
    width: 100% !important;
    padding-right: 15px;
    padding-left: 15px;
}

table, th, td {
    border: 1px solid rgba(0,0,0,0.12) !important;
}

th, td {
    border-radius: inherit !important;
}

label {
    font-size: inherit !important;
    /*color: inherit !important;*/
}

.header-placeholder {
    padding: 68px 0;
}

.grecaptcha-badge {
    visibility: hidden;
}

@media (max-width:767px) {
    .header-placeholder {
        padding: 52px 0;
    }

    .top-header .banner .right-content {
        margin: 40px 0;
    }
}

.header-home {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 7;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, .15);
    transition: all .3s ease-in-out;
}

    .header-home.small {
        background-color: rgba(0, 0, 0, .2);
        padding: 0;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
    }

        .header-home.small .header .logo > a {
            height: 50px;
        }

@media (max-width:400px) {
    .header-home.small .header .logo > a {
        height: 32px;
    }
}

.header-home.new .header .logo > a > img.white {
    opacity: 0;
}

.header-home.new .header .logo > a > img.black {
    opacity: 1;
}

.header-home.new .header .go-up {
    transform: none;
}

.header-home.new .header .links > li:after {
    background-color: #000;
    opacity: 1;
    transition: all .3s ease-in-out;
}

.header-home.new .header .links > li > a {
    color: #000;
}

.header-home .header {
    height: auto !important;
    background-color: transparent;
    background-image: none;
}

    .header-home .header .logo > a {
        height: 100px;
        transition: all .3s ease-in-out;
        position: relative;
    }

@media (max-width:767px) {
    .header-home .header .logo > a {
        height: 70px;
    }

    .header-home .header .logo .logo-text {
        max-width: 285px;
    }
}

@media (max-width:767px) {
    btn, .btn-large, .btn-small, .btn-floating, .btn-large, .btn-small, .btn-flat {
        font-size: 12px !important;
    }
}

.header-home .header .logo > a > img {
    height: 100%;
    width: auto;
    margin: 0 !important;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out;
}

    .header-home .header .logo > a > img.black {
        opacity: 0;
    }

.header-home .header .logo .logo-text {
    display: block !important;
}

@media (max-width:575px) {
    .header-home .header .logo > a {
        height: 50px;
    }

    .header-home .header .logo .logo-text {
        max-width: 190px;
    }
}

@media (max-width:375px) {
    .header-home .header .logo .logo-text {
        max-width: 180px;
    }
}

.header-home .header .logo .logo-text > div {
    font-size: 20px;
    display: block;
}

@media (max-width:991px) {
    .header-home .header .logo .logo-text > div {
        font-size: 16px;
    }

    .footer-parts .c-links .n-col .c-link {
        margin-bottom: 10px;
    }
}

.header-home .header .go-up {
    transform: translateY(-120px);
    transition: all .3s ease-in-out;
}

.header-home .header .links > li:after {
    opacity: 0;
}

.header-home .header .links > li > a {
    cursor: pointer !important;
}

@-webkit-keyframes MoveUpDown {
    0%, 100% {
        top: 5px;
    }

    50% {
        top: 50%;
    }
}

@keyframes MoveUpDown {
    0%, 100% {
        top: 5px;
    }

    50% {
        top: 50%;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    height: auto;
}

.header-home .n-menu {
    position: absolute;
    top: 50%;
}

.top-header {
    overflow: hidden;
    position: relative;
}

    .top-header:after {
        content: "";
        position: absolute;
        top: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        opacity: 0.1;
        background: radial-gradient(#00000080, #000);
    }

    .top-header .solid-background-section .logo-img {
        position: relative;
        height: 70px;
        z-index: 2;
    }

    .top-header .solid-background-section {
        height: 70px;
        background-color: #3a6394;
        position: relative;
    }

.content {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: -webkit-calc(100vh - 232px);
    min-height: calc(100vh - 232px);
}

    .content.success-content, .content.error-content {
        min-height: -webkit-calc(100vh - 100px);
        min-height: calc(100vh - 100px);
    }

    .content.report-viewer {
        min-height: -webkit-calc(100vh - 253px);
        min-height: calc(100vh - 253px);
    }

    .content.info {
        min-height: -webkit-calc(100vh - 100px);
        min-height: calc(100vh - 100px);
    }

.banner {
    background-image: linear-gradient(90deg, rgba(180, 222, 208, 0.8), rgba(26, 92, 170, 0.8) 50%);
    height: calc(100vh - 70px);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .banner > .placholder {
        height: 10vh;
    }

    .banner .services-img {
        position: absolute;
        bottom: -34px;
        width: 50%;
        z-index: 0;
    }

    .banner .large-eps {
        position: absolute;
        top: 22%;
        width: 9%;
    }

@media only screen and (min-width:320px) and (max-width:767px) {
    .content.report-viewer {
        min-height: -webkit-calc(100vh - 288px) !important;
        min-height: calc(100vh - 288px) !important;
    }

    .content {
        min-height: -webkit-calc(100vh - 302px);
        min-height: calc(100vh - 302px);
    }

        .content.info {
            min-height: -webkit-calc(100vh - 156px);
            min-height: calc(100vh - 156px);
        }

    .banner {
        overflow: hidden;
        height: -webkit-calc(100vh - 116px);
        height: calc(100vh - 116px);
    }

        .banner .large-eps {
            width: 18%;
            top: 20%;
        }
}

.yt-video {
    position: relative;
    padding: 1rem;
    margin: 1rem -15px 0;
    border: solid #f7f7f9;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: .2rem 0 0;
}

@media (min-width: 576px) {
    .yt-video {
        padding: 1.5rem;
        margin-right: 0;
        margin-left: 0;
        border-width: .2rem;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive:before {
        display: block;
        content: "";
    }

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-16by9:before {
    padding-top: 56.25%;
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.content.info {
    font-size: 16px;
    line-height: 1.5625;
    color: #5d6879;
}

.content-para {
    line-height: 30px;
}

.img-circle {
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.team {
    list-style: none;
    padding: 0;
}

    .team ol, .team ul {
        margin-top: 0;
        margin-bottom: 12.5px;
    }

    .team .team-member {
        display: block;
        float: left;
        margin-bottom: 20px;
        width: 100%;
    }

        .team .team-member h3 {
            margin: 0;
            font-size: 20px;
        }

        .team .team-member h4 {
            font-size: 16px;
            margin-top: 6px;
            margin-bottom: 0px;
            font-weight: 300;
            line-height: 1.40;
        }

        .team .team-member .team-info {
            overflow: hidden;
        }

        .team .team-member .team-connect {
            list-style: none;
            margin-top: 4px;
            padding: 0;
        }

            .team .team-member .team-connect li {
                display: inline-block;
            }

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

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

.banner .medium-eps {
    position: absolute;
    top: 13%;
    width: 6%;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner .medium-eps {
        top: 10%;
        width: 12%;
    }
}

.banner .small-eps {
    position: absolute;
    top: 8%;
    width: 3%;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner .small-eps {
        top: 4%;
        width: 6%;
    }
}

.banner .banner-img .light {
    position: absolute;
    bottom: 5%;
    width: 10%;
    z-index: 0;
}

.page-header {
    margin-top: 0;
    padding-bottom: 11.5px;
    margin: 25px 0;
    margin-top: 0px;
    border-bottom: 1px solid #cfcfcf;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner .banner-img .light {
        top: -5%;
        width: 50px;
    }
}

.banner .university {
    color: #fff;
    font-size: 20px;
}

    .banner .university span {
        display: block;
    }

.banner .eps-txt {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

    .banner .eps-txt .eps {
        color: #fff;
        font-size: 2.3vw;
        font-weight: 700;
        display: inline-block;
    }

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner .university {
        font-size: 15px;
    }

    .banner .eps-txt .eps {
        font-size: 20px;
        display: block;
        text-align: center;
    }

        .banner .eps-txt .eps span {
            display: inline !important;
        }
}

.banner .eps-txt .eps span:last-child {
    display: block;
}

.clouds .cloud {
    position: absolute;
    width: 200px;
    z-index: 0;
}

    .clouds .cloud:first-child {
        top: 15%;
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
        -webkit-animation-duration: 50s;
        animation-duration: 50s;
    }

    .clouds .cloud:nth-child(2) {
        top: 35%;
        width: 350px;
        -webkit-animation-duration: 45s;
        animation-duration: 45s;
    }

    .clouds .cloud:nth-child(3) {
        top: 60%;
        width: 150px;
        -webkit-animation-delay: 8s;
        animation-delay: 8s;
        -webkit-animation-duration: 35s;
        animation-duration: 35s;
    }

.counter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    max-width: 500px;
    position: relative;
    z-index: 2;
}

@media (max-width:1200px) {
    .counter {
        flex-direction: column;
        align-items: flex-start;
    }

        .counter .button:first-child {
            margin-bottom: 10px;
        }
}

@media (max-width:767px) {
    .counter {
        flex-direction: row;
        align-items: center;
        max-width: none;
        justify-content: center;
    }

        .counter .button {
            margin: 0 10px !important;
        }

    .usage .how-imgs img {
        margin: 10px 0 !important;
    }
}

@media (max-width:575px) {
    .header-home .header .logo .logo-text > div {
        font-size: 12px;
    }

    .counter {
        flex-direction: column;
    }

        .counter .button {
            margin: 0 !important;
        }

            .counter .button:first-child {
                margin-bottom: 10px !important;
            }
}

.order-12 {
    order: 12;
}

.counter p {
    text-align: center;
    font-size: 55px;
    font-weight: 700;
    line-height: 1.2;
}

    .counter p span {
        display: block;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        color: #ddd;
    }

    .counter p img {
        width: 78px;
    }

    .counter p:not(:last-child) {
        width: 70px;
    }

.counter .button {
    margin: 0;
    font-weight: 400;
    font-size: 17px;
    color: #fff !important;
    width: 240px;
    max-width: none;
    padding: 0 10px;
    line-height: 40px;
}

.counter .submit {
    background-color: #219f45;
}

.counter .followup {
    background-color: transparent;
    -webkit-backdrop-filter: saturate(120%) blur(10px);
    backdrop-filter: saturate(120%) blur(10px);
    border: 2px solid #fff;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .counter p {
        font-size: 40px;
    }

        .counter p img {
            width: 40px;
        }

    .mouse-scroll {
        display: none !important;
    }
}

.m-scroll-arrows {
    display: block;
    width: 12px;
    height: 13px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #fff;
}

.unu, .doi, .trei {
    margin: auto;
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
}

.unu {
    margin-top: -3px;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
    animation-delay: .1s;
    animation-direction: alternate;
}

.doi {
    margin-top: -4px;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
    animation-delay: .2s;
    animation-direction: alternate;
}

.trei {
    margin-top: -4px;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    animation-delay: .3s;
    animation-direction: alternate;
}

.mouse {
    height: 30px;
    width: 18px;
    border-radius: 30px;
    margin: auto;
    border: 2px solid #fff;
}

.mouse-scroll {
    display: block;
    position: absolute;
    max-width: 50px;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    z-index: 1;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
}

.wheel {
    position: relative;
    width: 2px;
    height: 7px;
    top: 4px;
    left: 0;
    right: 0;
    margin: 4px auto;
    background: #fff;
    border-radius: 30px;
    -webkit-animation: mouse-wheel 0.6s linear infinite;
    -moz-animation: mouse-wheel 0.6s linear infinite;
    animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }

    25% {
        top: 2px;
    }

    50% {
        top: 3px;
    }

    75% {
        top: 2px;
    }

    100% {
        top: 1px;
    }
}

@-o-keyframes mouse-wheel {

    0% {
        top: 1px;
    }

    25% {
        top: 2px;
    }

    50% {
        top: 3px;
    }

    75% {
        top: 2px;
    }

    100% {
        top: 1px;
    }
}

@keyframes mouse-wheel {

    0% {
        top: 1px;
    }

    25% {
        top: 2px;
    }

    50% {
        top: 3px;
    }

    75% {
        top: 2px;
    }

    100% {
        top: 1px;
    }
}

@-webkit-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes mouse-scroll {

    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.about {
    padding: 40px 0;
    overflow: hidden;
    background-color: #f8fdfb;
}

    .about .text-beside-image .title {
        color: #3a6394;
        font-size: 1.65vw;
        font-weight: 700;
    }

@media only screen and (min-width:320px) and (max-width:767px) {
    .solid-background-section,
    .solid-background-section .logo-img {
        height: 60px !important;
    }

    .about .text-beside-image .title {
        font-size: 18px;
    }
}

.about .text-beside-image .text {
    line-height: 1.9;
    font-size: 20px;
    color: #3b3b3b;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .about .text-beside-image .text {
        font-size: 16px !important;
    }
}

.about .text-beside-image .text-body {
    font-size: 1.45vw;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    line-height: 1.9;
}

.green-section {
    background-color: #367c9710;
    padding: 40px 0;
    overflow: hidden;
}

    .green-section .title {
        color: #3a6394;
        font-weight: 700;
        font-size: 20px;
        margin-bottom: 20px;
    }

    .green-section .text {
        font-size: 18px;
        font-weight: 500;
        font-style: normal;
        font-display: swap;
        line-height: 1.9;
        color: #3b3b3b;
    }

    .green-section .click {
        color: #006fff !important;
        text-decoration: underline !important;
        cursor: pointer !important;
    }

    .green-section .doctor {
        width: 280px;
    }

@media only screen and (min-width:320px) and (max-width:767px) {
    .about .text-beside-image .text-body {
        font-size: 16px;
    }

    .green-section .title {
        font-size: 18px;
    }

    .green-section .text {
        font-size: 16px;
    }

    .green-section .doctor {
        width: 250px !important;
        margin: 0 auto 40px !important;
        display: block;
    }
}

.green-section.doctors {
    padding-bottom: 0;
}

.green-section .info {
    margin-bottom: 20px;
}

.usage {
    padding: 40px 0;
    overflow: hidden;
    background-color: #fefefe;
}

    .usage .urgent-title {
        color: #3a6394;
        font-weight: 700;
        margin-bottom: 20px;
        font-size: 35px;
    }

@media only screen and (min-width:320px) and (max-width:767px) {
    .usage .urgent-title {
        font-size: 18px;
    }
}

.usage .under-title {
    font-size: 18px;
    max-width: 650px;
}

.usage .title {
    color: #3a6394;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 20px;
}

.usage .text-body p {
    line-height: 1.8;
    font-size: 18px;
    color: #3b3b3b;
}

    .usage .text-body p:not(:last-child) {
        margin-bottom: 15px;
    }

.usage .how-imgs {
    margin: 40px 0 !important;
    display: flex;
    justify-content: space-between;
}

@media (max-width:510px) {
    .usage .how-imgs {
        flex-direction: column;
        align-items: center;
    }
}

.usage .how-imgs img {
    height: auto;
    max-height: 200px;
    max-width: 100%;
    display: block;
}

.usage .how-txt .txt {
    font-size: 18px;
    margin-bottom: 20px;
}

.usage .how-txt ul {
    font-size: 18px;
    margin-bottom: 20px;
}

.usage .how-txt .title {
    margin-bottom: 20px;
}

.usage.eps-section .urgent-title {
    margin-bottom: 40px;
}

.usage.eps-section .txt p {
    font-size: 18px;
    line-height: 1.8;
}

    .usage.eps-section .txt p:not(:last-child) {
        margin-bottom: 40px;
    }

.usage.eps-section .imgs {
    text-align: center;
}

    .usage.eps-section .imgs img:not(:last-child) {
        max-width: 400px;
        width: 100%;
        margin-bottom: 40px;
    }

    .usage.eps-section .imgs img:last-child {
        max-width: 300px;
    }

.footer-parts {
    padding: 40px 0;
    overflow: hidden;
    background-color: #f8fdfb;
}

    .footer-parts .urgent-title {
        color: #3a6394;
        font-weight: 700;
        margin-bottom: 40px;
        font-size: 35px;
    }

@media only screen and (min-width:320px) and (max-width:767px) {
    .footer-parts .urgent-title {
        font-size: 18px;
    }
}

.footer-parts .c-links {
    margin-bottom: 40px;
}

    .footer-parts .c-links .n-col .c-link {
        display: flex;
        justify-content: space-between;
        border: 2px solid transparent;
        height: 140px;
        padding: 15px;
        box-sizing: border-box;
        border-radius: 10px;
    }

@media (max-width:1200px) {
    .footer-parts .c-links .n-col .c-link {
        padding: 10px;
    }
}

.footer-parts .c-links .n-col .c-link p {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 310px;
    font-size: 15px;
    font-weight: 700;
}

    .footer-parts .c-links .n-col .c-link p a {
        font-weight: 400;
        display: flex;
        align-items: center;
    }

        .footer-parts .c-links .n-col .c-link p a:last-child {
            cursor: pointer;
        }

.footer-parts .c-links .n-col .c-link > i {
    font-size: 85px;
    margin-top: 10px;
    width: 120px;
    text-align: center;
}

@media (min-width:991px) and (max-width:1200px) {
    .footer-parts .c-links .n-col .c-link > i {
        font-size: 70px;
    }
}

@media (max-width:768px) {
    .footer-parts .c-links .n-col .c-link > i {
        font-size: 80px;
        width: 110px;
        margin-top: 15px;
    }
}

.container {
    width: 100% !important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.success-content .container {
    padding: 0px;
}

.footer-parts .c-links .n-col.blue .c-link {
    color: #3a6394;
    border-color: #3a6394;
}

    .footer-parts .c-links .n-col.blue .c-link p a {
        color: #3a6394;
    }

.footer-parts .c-links .n-col.sky .c-link {
    color: #2eb2c8;
    border-color: #2eb2c8;
}

    .footer-parts .c-links .n-col.sky .c-link p a {
        color: #2eb2c8;
    }

.footer-parts .c-links .n-col.pink .c-link {
    color: #ebadb9;
    border-color: #ebadb9;
}

    .footer-parts .c-links .n-col.pink .c-link p a {
        color: #ebadb9;
    }

.footer-parts .c-links .hint {
    color: #3b3b3b;
    font-weight: 700;
    margin-top: 30px;
    font-size: 16px;
}

.footer-parts .desc {
    font-size: 18px;
    color: #3b3b3b;
    font-weight: 600;
    max-width: 800px;
    margin: 0 auto 40px;
    line-height: 1.8;
}

.footer-parts ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #3b3b3b;
}

    .footer-parts ul p {
        margin-bottom: 20px;
    }

    .footer-parts ul li {
        line-height: 1.8;
        margin-bottom: 15px;
    }

        .footer-parts ul li:last-child {
            margin-bottom: 0;
        }

.rotating {
    -webkit-animation: 55s linear infinite rotating;
    animation: 55s linear infinite rotating;
}

@-webkit-keyframes rotating {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (max-width:767px) {
    .placeholder {
        display: none;
    }

    .top-header .banner .logo img {
        width: 55px;
    }

    .top-header .banner .eps-txt .eps {
        width: 100%;
        text-align: center;
        max-width: none !important;
    }

    .top-header .banner .banner-img {
        position: relative;
        width: 500px;
        max-width: calc(100% - 30px);
        margin: 0 auto;
    }

        .top-header .banner .banner-img .services-img {
            position: relative;
            bottom: -14px;
            width: 100%;
        }

    .about img {
        width: 330px !important;
        margin: 0 auto 20px !important;
    }

    .usage .title {
        font-size: 18px;
    }

    .usage .text-body p {
        font-size: 16px;
    }

    .usage.eps-section .txt {
        margin-bottom: 40px;
    }

    .footer-parts .desc {
        font-size: 14px;
    }

    .footer-parts ul {
        font-size: 16px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner .eps-txt {
        text-align: center;
    }

    .counter {
        align-items: flex-end;
    }

    .banner > .placholder {
        height: 45vh;
    }

    .banner .banner-img {
        position: absolute;
        height: 310px;
        margin: auto;
        width: 100%;
        bottom: 0;
    }

        .banner .banner-img .services-img {
            margin: auto;
            width: 100%;
        }

        .banner .banner-img .light {
            width: 10%;
            top: -85%;
            bottom: auto;
        }

    .banner .counter p {
        font-size: 45px;
    }

        .banner .counter p img {
            width: 60px;
        }

    .banner .eps-txt .eps span {
        display: inline !important;
    }

    .solid-background-section .mouse-scroll {
        display: none;
    }

    .about img {
        width: 530px !important;
        margin: 0 auto 20px !important;
    }

    .usage img {
        display: block;
        width: 300px !important;
        margin: 0 auto 20px !important;
    }

    .usage .how-imgs img {
        width: auto !important;
    }

    .usage.eps-section .txt {
        margin-bottom: 40px;
    }

    .doctors .doctor {
        display: block;
        width: 250px !important;
        margin: 0 auto 20px !important;
    }

    .footerHome .container {
        max-width: 100%;
        padding: 0;
    }

    .footerHome .solid-background-section {
        height: auto !important;
    }

        .footerHome .solid-background-section .copyright {
            padding: 15px 0;
            text-align: center !important;
        }

        .footerHome .solid-background-section .powered-get {
            text-align: center !important;
            background-color: #313131;
        }
}

@media (max-width:991px) {
    .banner .right-content .eps-txt .eps {
        max-width: 350px;
        font-size: 20px;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .banner .services-img {
        bottom: -30px;
        width: 58%;
    }

    .banner .eps-txt .eps span:first-child {
        display: inline;
    }

    .usage .how-imgs img {
        width: 200px;
    }
}

@media (min-width:1921px) and (max-width:2560px) {
    .counter {
        max-width: 800px;
    }

        .counter p {
            font-size: 85px;
        }

            .counter p span {
                font-size: 24px;
            }

            .counter p img {
                width: 120px;
            }

            .counter p:not(:last-child) {
                width: 130px;
            }

    .banner .eps-txt .eps {
        max-width: 800px !important;
    }
}

[type="checkbox"] + span:not(.lever) {
    font-size: inherit !important;
}

[type="checkbox"]:checked + span:not(.lever):before {
    border-bottom-color: #5d9ff0 !important;
}

div.dataTables_wrapper label {
    color: inherit;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: .45em !important;
}

@media (max-width:767px) {
    .dataTables_wrapper .dataTables_filter {
        text-align: center;
    }
}

.page-item.active .page-link,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    background-color: #5d9ff0 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    background-color: #f26363 !important;
}

table.dataTable .dtrg-group > td:first-child {
    white-space: normal !important;
}

.page-link {
    color: #5d9ff0;
}

    .page-link:focus, .form-select-sm:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.page-item.active .page-link {
    border-color: #5d9ff0;
    color: #fff !important;
}

.banner .eps-txt .eps {
    max-width: 500px;
}

.about .text-beside-image .text {
    font-size: 18px;
}

.footer-parts ul,
.green-section .text,
.usage .text-body p {
    font-size: 17px;
}

@media (max-width:1024px) and (min-width:992px) {
    .banner .eps-txt .eps {
        max-width: 300px;
    }
}

@media (max-width:769px) {
    .header .links {
        width: auto !important;
    }
}

#loader {
    background: rgba(8, 70, 145);
    position: fixed;
    display: flex;
    height: 100%;
    width: 100%;
    z-index: 10002;
}

    #loader img {
        position: absolute;
        margin: auto;
        width: 150px;
        cursor: pointer;
        margin: auto;
        left: 50%;
        top: 50%;
        -webkit-animation: 1s infinite alternate fadeIn;
        animation: 1s infinite alternate fadeIn;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    #loader .circle {
        background-image: radial-gradient(circle, rgba(180, 222, 208) 10%, rgba(8, 70, 145) 50%);
        border-radius: 0 !important;
        width: 100%;
        height: 100%;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        -webkit-animation: ripple 5s infinite;
        animation: ripple 5s infinite;
    }

@keyframes ripple {
    0% {
        transform: scale(1.5);
    }

    50% {
        transform: scale(1.1);
    }

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

@media (max-width:991px) {
    #loader img {
        width: 120px;
    }
}

@media (max-width:776px) {
    #loader img {
        width: 100px;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
}

@media (min-width:1600px) {
    #main-content .container {
        max-width: 90%;
    }
}

.button,
.main-label {
    display: block;
    letter-spacing: -1px;
}

@-webkit-keyframes here-we-go {
    from {
        opacity: 0;
        overflow: hidden;
    }

    to {
        opacity: 1;
        overflow: auto;
    }
}

@keyframes here-we-go {
    from {
        opacity: 0;
        overflow: hidden;
    }

    to {
        opacity: 1;
        overflow: auto;
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1170px;
    }
}

.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}

@media (min-width:770px) and (max-width:991px) {
    .content {
        min-height: -webkit-calc(100vh - 232px);
        min-height: calc(100vh - 232px);
    }
}

.content.outlet {
    min-height: -webkit-calc(100vh - 125px);
    min-height: calc(100vh - 125px);
}

.button {
    text-align: center;
    width: 100%;
    max-width: 130px;
    margin: 0 auto;
    height: 45px;
    line-height: 45px;
    color: #fff !important;
    padding: 0;
    border: none;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

    .button > i,
    .button > span {
        display: inline-block;
        vertical-align: middle;
    }

    .button.size-2 {
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }

        .button.size-2 > i {
            font-size: 13px;
        }

            .button.size-2 > i.fa-plus {
                font-weight: 400 !important;
            }

    .button.button-disabled,
    .button:disabled,
    .one-card.button-disabled {
        opacity: .7;
        background-color: #AFAFAF !important;
        color: #fff !important;
        cursor: default;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

button.one-card:after {
    position: absolute;
    text-align: center;
    top: 0;
    color: #fff;
    width: 100%;
    content: attr(title);
    background-color: #bf0409;
    line-height: 1.8em;
    border: 0px;
    border-radius: 10px 10px 0 0;
    left: -0.2px;
}

.button:not(:disabled):hover {
    opacity: .85;
    color: #fff !important;
}

.button.loading:after {
    content: "";
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    bottom: calc(100% - 12px);
    border: 3px solid transparent;
    border-top: 3px solid #fff;
    border-radius: 50%;
    -webkit-animation: loading 1s linear infinite;
    animation: loading 1s linear infinite;
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

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

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

div.blue, div.pink, img.white, img.black {
    background-color: inherit !important;
}

.button.button-blue,
.button.button-green {
    background-color: #5d9ff0;
}

.button.button-outline-green {
    background-color: transparent;
    border: 1px solid #5d9ff0;
    color: #5d9ff0 !important;
}

    .button.button-outline-green:hover {
        background-color: #5d9ff0;
    }

.button.button-grey {
    background-color: #7F7F7F;
}

.button.width-auto {
    width: auto;
    padding: 0 15px;
    max-width: none;
}

.button.height-auto {
    height: auto;
    line-height: normal;
}

.button.button-transparent {
    color: #7F7F7F !important;
    background-color: transparent;
    padding: 0;
}

    .button.button-transparent:hover {
        color: #7F7F7F !important;
    }

    .button.button-transparent.green,
    .button.button-transparent.green:hover {
        color: #5d9ff0 !important;
    }

.button:active {
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98);
    outline: 0;
}

.button > i {
    font-size: 16px;
    font-weight: 700 !important;
}

.button > span {
    line-height: normal;
}

.button-cancel {
    background-color: rgba(242, 73, 73, .2);
    color: rgba(242, 73, 73, .5) !important;
    padding: 0 25px;
    max-width: 110px;
    border: 1px solid transparent;
}

@media (max-width:575px) {
    .button-cancel {
        padding: 0 10px;
        max-width: 90px;
        font-size: 12px;
    }
}

.button-cancel.button:hover {
    color: #f24949 !important;
    border: 1px solid #F24949;
}

.button-cancel.button-disabled,
.button-cancel:disabled {
    background-color: #E1E1E1 !important;
    color: rgba(0, 0, 0, .3) !important;
    border: 1px solid transparent !important;
}

.main-label {
    color: #616161;
    font-size: 15px;
    margin-bottom: 10px;
    text-align: start;
}

    .main-label.required:after,
    .main-checkbox.required:after {
        content: "*";
        color: #bf0409;
    }

.input-holder,
.input-holder-group {
    margin-bottom: 30px;
}

input {
    font-size: inherit !important;
    padding: 0 20px !important;
    margin: 0 !important;
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    height: inherit !important;
}

    input[type="search"] {
        padding: 0 5px !important;
    }

    input.valid {
        border-bottom-color: #5d9ff0 !important;
        -webkit-box-shadow: 0 1px 0 0 #5d9ff0 !important;
        box-shadow: 0 1px 0 0 #5d9ff0 !important;
    }

.dropdown-content li > a, .dropdown-content li > span {
    font-size: inherit !important;
    color: #5d9ff0 !important;
}

.dropdown-content.select-dropdown {
    top: 0 !important;
}

.input-holder {
    display: block;
    z-index: 1;
    text-align: start;
    background-color: #fff;
}

    .input-holder .input-comment {
        position: absolute;
        top: -25px;
        color: #666;
        font-size: 11px;
    }

        .input-holder .input-comment.forgot {
            color: #5d9ff0 !important;
            cursor: pointer;
        }

    .input-holder .input-valid {
        color: #bf0409;
        background-color: #f4fdfa;
        padding: 0 0 5px;
        text-align: start;
    }

    .input-holder .main-input {
        height: 45px;
        line-height: 45px;
        display: block;
        width: 100%;
        padding: 0 20px;
        text-align: start;
        background-color: transparent;
        border: none;
        font-size: 14px;
        color: #616161;
    }

        .input-holder .main-input:disabled {
            background-color: #DDD;
            color: #000;
        }

        .input-holder .main-input:-webkit-input-placeholder,
        .input-holder .main-input:-ms-input-placeholder,
        .input-holder .main-input:placeholder {
            color: #BEBEBE;
        }

        .input-holder .main-input.icon-input {
            padding: 0 30px 0 20px;
        }

            .input-holder .main-input.icon-input > i {
                position: absolute;
                bottom: 0;
                width: 30px;
                text-align: center;
                font-size: 12px;
                height: 45px;
                line-height: 50px;
                z-index: -1;
                color: #BEBEBE;
            }

                .input-holder .main-input.icon-input > i.fa-chevron-down {
                    font-size: 6px;
                }

            .input-holder .main-input.icon-input.icon-input-reverse {
                padding: 0 20px 0 40px;
            }

    .input-holder.file-name .file-label {
        position: absolute;
        bottom: 0;
        width: 120px;
    }

        .input-holder.file-name .file-label > input {
            position: absolute;
            display: none;
        }

.main-checkbox,
.main-radio {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: pointer;
    color: inherit !important;
}

.input-holder textarea.main-input {
    height: 180px;
    resize: none;
    line-height: normal;
    padding: 10px 20px;
}

.input-holder-group > .input-holder {
    margin-bottom: 10px;
}

.main-checkbox {
    position: relative;
    margin: 0 auto;
    font-size: 14px;
    -ms-user-select: none;
    user-select: none;
    text-align: start;
}

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

    .main-checkbox .check-mark {
        position: absolute;
        top: 1px;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border: 2px solid #5d9ff0;
        -webkit-transition: all .3s;
        transition: all .3s;
        border-radius: 1px;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    }

    .main-checkbox:hover input ~ .check-mark {
        background-color: #c5dfff;
    }

    .main-checkbox input:checked ~ .check-mark {
        background-color: transparent;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .main-checkbox .check-mark:after {
        content: "\f00c";
        position: absolute;
        font-family: FontAwesome !important;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        color: #5d9ff0;
        font-size: 20px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .main-checkbox input:checked ~ .check-mark:after {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }

@media (max-width:769px) {
    .main-checkbox .check-mark {
        height: 16px;
        width: 16px;
    }
}

.main-radio .check-mark,
.page-pagination .pagination-status {
    -ms-transform: translateY(-50%);
    top: 50%;
    -webkit-transform: translateY(-50%);
}

.pagination li a {
    color: #5d9ff0 !important;
}

@media (max-width:769px) {
    .pagination li a {
        font-size: 12px;
    }
}

.pagination li.disabled a {
    color: inherit !important;
}

.main-radio {
    position: relative;
    font-size: 15px;
    -ms-user-select: none;
    user-select: none;
    color: #616161;
    margin: 0 0 20px;
}

    .main-radio.m-zero {
        margin: 0;
    }

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

    .main-radio .check-mark {
        position: absolute;
        transform: translateY(-50%);
        height: 20px;
        width: 20px;
        background-color: transparent;
        border: 1px solid #BEBEBE;
        border-radius: 50%;
        -webkit-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out;
    }

        .image-view .image-holder > img,
        .main-radio .check-mark:after {
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

    .main-radio:hover input > .check-mark {
        border-color: #5d9ff0;
    }

    .main-radio input:checked? .check-mark {
        background-color: #5d9ff0;
        border-color: #5d9ff0;
    }

    .main-radio input:checked ~ span {
        color: #5d9ff0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

.page-title {
    color: #121212;
}

.main-radio .check-mark:after {
    content: "";
    position: absolute;
    opacity: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 16px;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.main-radio input:checked ~ .check-mark:after {
    opacity: 1;
}

.page-title {
    text-align: start;
    font-size: 24px;
    letter-spacing: -1px;
    margin-bottom: 20px;
}

.main-title {
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}

    .main-title.form-title, .main-title.success-title, .main-title.pending-title {
        font-size: 20px;
    }

    .main-title.failed-icon, .main-title.pending-icon, .main-title.success-icon {
        font-size: 80px;
    }

    .main-title.failed-title, .main-title.failed-icon {
        color: #bf0409;
    }

    .main-title.pending-title, .main-title.pending-icon {
        color: #dbcb16;
    }

    .main-title.success-title, .main-title.success-icon {
        color: #219f45;
    }

.sec-title,
.user-title {
    font-size: 14px;
    color: #616161;
    text-align: center;
    margin-bottom: 10px;
}

.sec-data, .user-data {
    text-align: start;
    font-size: 16px;
    letter-spacing: -1px;
    margin-bottom: 30px;
}

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


.sec-data-tiny {
    font-size: 12px;
}

.page-title-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .page-title-holder .button,
    .page-title-holder .page-title,
    .page-title-holder .view-all {
        margin: 0;
    }

@media (max-width:450px) {
    .page-title-holder {
        margin-bottom: 15px;
    }

        .page-title-holder .view-all {
            margin: auto;
        }

        .page-title-holder:not(.filter) .page-title {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            margin-bottom: 10px;
        }

        .page-title-holder:not(.filter) .button {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        }
}

.text-bold {
    letter-spacing: -1px;
}

.no-wrap {
    white-space: nowrap;
}

.text-left, .text-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.text-black {
    color: #121212;
}

.text-grey-heavy {
    color: #616161;
}

.terms,
.terms:hover,
.text-green {
    color: #3a6394 !important;
}

.text-danger {
    color: #AA4242;
}

.text-red {
    color: #bf0409;
}

.text-orange {
    color: #F60 !important;
}

@media (max-width:991px) {
    .content.outlet {
        min-height: -webkit-calc(100vh - 176px);
        min-height: calc(100vh - 176px);
    }

    .page-title {
        font-size: 21px;
    }
}

@media (max-width:769px) {
    body {
        font-size: 13px;
    }

    .page-title {
        font-size: 18px;
    }

    .main-title {
        font-size: 13px;
    }

    .sec-title, .user-title {
        font-size: 12px;
    }

    .sec-data, .user-data {
        font-size: 12px;
    }

    .sec-data-tiny {
        font-size: 10px;
    }

    .button {
        font-size: 13px;
    }

    .content.info, .team .team-member h4 {
        font-size: 15px;
    }

    h5 {
        font-size: 1.24rem;
    }
}

@media (max-width:400px) {
    .input-holder.file-name {
        padding: 0 0 50px;
    }

        .input-holder.file-name .file-label {
            width: 100%;
            max-width: none;
        }
}

.page-pagination {
    position: relative;
    margin: 15px 0;
}

    .page-pagination .pagination-status {
        position: absolute;
        transform: translateY(-50%);
        color: #000;
        max-width: 300px;
    }

        .page-pagination .pagination-status > span {
            margin: 0 5px;
        }

    .page-pagination > ul {
        text-align: end;
        max-width: 70%;
        margin: 0 0 0 auto;
    }

        .page-pagination > ul > li {
            display: inline-block;
            margin: 0 2px;
            vertical-align: middle;
        }

            .page-pagination > ul > li > a {
                display: block;
                height: 32px;
                line-height: 33px;
                width: 32px;
                text-align: center;
                color: #808495;
                background-color: #fff;
                font-size: 13px;
                -webkit-box-shadow: 0 0 15px -2px rgba(0, 0, 0, .1);
                box-shadow: 0 0 15px -2px rgba(0, 0, 0, .1);
                -webkit-transition: all .15s ease-in-out;
                transition: all .15s ease-in-out;
            }

                .page-pagination > ul > li > a.active {
                    background-color: #5d9ff0;
                    color: #fff;
                }

                .page-pagination > ul > li > a:not(.active):hover {
                    background-color: #7ee39b;
                    color: #fff;
                }

                .page-pagination > ul > li > a > i {
                    font-size: 11px;
                }

@media (max-width:575px) {
    .page-pagination > ul {
        max-width: none;
        text-align: center;
    }

    .page-pagination .pagination-status {
        position: static;
        margin-top: 25px;
        max-width: none;
        text-align: center;
    }
}

.table-holder {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}

    .table-holder table {
        width: 100%;
    }

        .table-holder table thead {
            background-color: transparent;
        }

            .table-holder table thead tr th {
                border: none !important;
                border-bottom: 2px solid #DBDEED !important;
                padding: 15px !important;
                color: #121212 !important;
                text-align: center;
                background-color: transparent !important;
            }

                .table-holder table thead tr th.hash,
                .table-holder table thead tr th.table-col-hash {
                    padding: 15px 5px !important;
                    width: 35px;
                    -webkit-box-sizing: content-box;
                    box-sizing: content-box;
                }

                .table-holder table thead tr th.status-heading {
                    width: 130px;
                    text-align: start;
                }

        .table-holder table tbody tr {
            -webkit-transition: all .2s ease-in-out;
            background-color: transparent !important;
            transition: all .2s ease-in-out;
        }

            .table-holder table tbody tr:hover {
                background-color: #F2F2F2 !important;
            }

            .table-holder table tbody tr td {
                color: #2E384D;
                text-align: center;
                padding: 15px !important;
                vertical-align: middle;
                font-size: 14px;
                border: none !important;
            }

                .table-holder table tbody tr td .main-checkbox {
                    margin: 0;
                }

                .table-holder table tbody tr td.hash,
                .table-holder table tbody tr td.table-col-hash {
                    padding: 15px 5px;
                }

                .table-holder table tbody tr td.name {
                    max-width: 0;
                }

                    .table-holder table tbody tr td.name > span:last-child {
                        display: inline-block;
                        width: 100%;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

                .table-holder table tbody tr td.table-col-action {
                    white-space: nowrap;
                }

        .table-holder table tbody:not(:last-child) > tr:first-child > td {
            border-bottom: 1px solid #DBDEED !important;
        }

        .table-holder table tbody .table-action {
            color: #616161;
        }

            .table-holder table tbody .table-action:hover {
                color: #5d9ff0;
            }

        .table-holder table tbody .status {
            color: #121212;
            display: inline-block;
            position: relative;
            white-space: nowrap;
            text-align: start;
            width: 130px;
        }

            .table-holder table tbody .status:before {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                font-family: FontAwesome;
                width: 18px;
                text-align: center;
                height: 18px;
                line-height: 19px;
                color: #fff;
                border-radius: 50%;
                font-size: 8px;
            }

            .table-holder table tbody .status.approved:before {
                content: "\ea10";
                background-color: #5d9ff0;
            }

            .table-holder table tbody .status.pending:before {
                content: "\ea0b";
                background-color: #7F7F7F;
            }

            .table-holder table tbody .status.rejected {
                color: #bf0409;
            }

                .table-holder table tbody .status.rejected:before {
                    content: "\ea0f";
                    background-color: #bf0409;
                    font-size: 9px;
                }

    .table-holder .collapse-data {
        display: none;
    }

        .table-holder .collapse-data.active {
            display: table-row;
        }

        .table-holder .collapse-data * {
            text-align: start !important;
        }

        .table-holder .collapse-data > td {
            padding: 0 !important;
            border-top: 1px solid #DBDEED !important;
        }

        .table-holder .collapse-data tr {
            border-bottom: 1px solid #DBDEED;
            background-color: #F2F2F2 !important;
        }

            .table-holder .collapse-data tr > * {
                padding: 15px 0 !important;
            }

            .table-holder .collapse-data tr th {
                color: #121212;
                width: 140px;
            }

        .table-holder .collapse-data .name {
            max-width: 0;
            width: auto !important;
        }

    .table-holder .collapse-table-toggle {
        vertical-align: bottom;
    }

        .table-holder .collapse-table-toggle > i {
            font-size: 11px;
            background-color: #5d9ff0;
            color: #fff;
            display: inline-block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            border-radius: 4px;
        }

.table-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 200px;
    background-color: #fff;
}

    .table-empty.large {
        height: 300px;
    }

    .table-empty > img {
        width: 40px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
    }

    .table-empty > span {
        display: block;
        text-align: center;
        color: #ccc;
    }

        .table-empty > span:first-of-type {
            font-weight: 700;
            margin-bottom: 10px;
        }

@media (max-width:991px) {
    .table-holder table tbody tr:hover {
        background-color: #fff !important;
    }
}

@media (min-width:700px) {
    .table-col-action {
        width: 180px;
    }
}

@media (max-width:769px) {
    .table-col-action {
        width: 140px;
    }

    .table-holder table tbody tr td {
        font-size: 12px;
    }

    .table-holder table tbody tr:hover {
        background-color: transparent !important;
    }
}

@media (max-width:350px) {
    .table-holder table tbody tr td {
        padding: 12px 10px !important;
    }
}

.collapse-col-1,
.collapse-col-2,
.collapse-col-3,
.collapse-col-4,
.collapse-col-5,
.collapse-table-toggle {
    display: none;
}

@media screen and (max-width:991px) {
    .collapse-table-toggle {
        display: inline-block;
    }

    .table-col-5 {
        display: none;
    }

    .collapse-col-5 {
        display: table-row;
    }
}

@media screen and (max-width:768px) {
    .table-col-4 {
        display: none;
    }

    .collapse-col-4 {
        display: table-row;
    }
}

@media screen and (max-width:575px) {
    .table-col-3 {
        display: none;
    }

    .collapse-col-3 {
        display: table-row;
    }
}

@media screen and (max-width:500px) {
    .table-col-2 {
        display: none;
    }

    .collapse-col-2 {
        display: table-row;
    }
}

@-webkit-keyframes timer-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(33, 159, 69, .7);
        box-shadow: 0 0 0 0 rgba(33, 159, 69, .7);
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(33, 159, 69, 0);
        box-shadow: 0 0 0 10px rgba(33, 159, 69, 0);
    }
}

@keyframes timer-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(33, 159, 69, .7);
        box-shadow: 0 0 0 0 rgba(33, 159, 69, .7);
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(33, 159, 69, 0);
        box-shadow: 0 0 0 10px rgba(33, 159, 69, 0);
    }
}

.my-alert {
    margin-bottom: 20px;
    padding: 12px 20px;
    position: relative;
}

    .my-alert .alert-text {
        display: inline-block;
        vertical-align: middle;
        max-width: -webkit-calc(100% - 35px);
        max-width: calc(100% - 35px);
    }

        .my-alert .alert-text > span {
            display: inline-block;
            vertical-align: middle;
        }

    .my-alert > i {
        display: inline-block;
        vertical-align: middle;
        font-size: 22px;
    }

    .my-alert.success {
        border: 1px solid #219f45;
        background-color: #9ae9b1;
        color: #10331a;
    }

    .my-alert.danger {
        border: 1px solid #bf0409;
        background-color: rgba(216, 26, 26, .1);
        color: #bf0409;
    }

    .my-alert .timer {
        margin: 0 2px;
        font-weight: 700;
        letter-spacing: 1px;
        display: inline-block;
        width: 42px;
        text-align: center;
    }

.browser-detection {
    position: fixed;
    z-index: 88888;
    top: 0;
    width: 90%;
    margin: auto;
    font-size: 20px;
}

.text-muted {
    color: #B2B2B2 !important;
}

.text-warning {
    color: #9D6900 !important;
}

.text-success {
    color: #219F45 !important;
}

.logos {
    font-size: 0;
    height: 100%;
    line-height: inherit;
    white-space: nowrap;
}

    .logos li {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

        .logos li > a {
            display: block;
            height: 100%;
        }

            .logos li > a > img {
                display: block;
                height: 100%;
                width: auto;
            }

@media (min-width:770px) and (max-width:991px) {
    .logos li {
        height: 90%;
    }
}

.bars {
    height: 16px !important;
    width: 20px !important;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

    .bars > span:nth-child(2),
    .header .links {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .bars:before {
        content: "";
        display: block;
        top: -9px;
        width: 39px;
        height: 35px;
        background-color: rgba(0, 0, 0, .4);
        position: relative;
        border-radius: 4px;
    }

    .bars > span {
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #fff;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

        .bars > span:nth-child(1) {
            top: 0;
        }

        .bars > span:nth-child(2) {
            top: 50%;
            transform: translateY(-50%);
        }

        .bars > span:nth-child(3) {
            top: -webkit-calc(100% - 2px);
            top: calc(100% - 2px);
            width: 50%;
        }

@media (max-width:575px) {
    .bars:before {
        top: -5px;
        width: 28px;
        height: 27px;
    }
}

.header {
    background-image: radial-gradient(circle, rgba(180, 222, 208, 0.8) 10%, rgba(8, 70, 145, 0.8) 50%);
    background-size: cover;
    height: 55px;
    line-height: 33px;
    padding: 8px 0;
}

    .header > .container {
        position: relative;
        height: 100%;
    }

    .header .logos {
        height: 100%;
        line-height: inherit !important;
        position: relative;
        z-index: 778;
    }

        .header .logos .bars {
            top: auto;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }

            .header .logos .bars > i {
                display: block;
                font-size: 20px;
                line-height: 50px !important;
            }

    .header .logo {
        height: 100%;
    }

        .header .logo > a {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .header .logo > a > img {
                display: block;
                height: 100%;
                width: auto;
                =
            }

        .header .logo .logo-text {
            line-height: normal;
            white-space: normal;
        }

@media (max-width:575px) {
    .header .logo .logo-text {
        display: none;
    }
}

.header .logo .logo-text > div {
    font-size: 11px;
    letter-spacing: -1px;
    text-align: start;
}

.header .links {
    position: absolute;
    z-index: 777;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
}

    .header .links > li {
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

        .header .links > li:after {
            content: "";
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 1px;
            height: 50%;
            background-color: #fff;
            display: none;
        }

        .header .links > li.logout:after {
            display: block;
        }

        .header .links > li > a {
            display: block;
            font-size: 0;
            color: #fff;
            white-space: nowrap;
            cursor: pointer;
        }

            .header .links > li > a > i {
                display: inline-block;
                vertical-align: middle;
                font-size: 16px;
            }

                .header .links > li > a > i.fa-chevron-down {
                    display: inline-block;
                    vertical-align: middle;
                    margin-top: 1px;
                }

            .header .links > li > a > span {
                font-size: 13px;
                display: inline-block;
                vertical-align: middle;
            }

        .header .links > li:hover > a {
            color: #fff;
        }

        /*        .header .links > li:hover > a {
            color: rgba(255, 255, 255, .8);
        }*/

        .header .links > li.bars {
            display: none;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }

.header .drop-down-holder {
    position: relative;
}

    .header .drop-down-holder > .drop-down {
        position: absolute;
        top: 130%;
        min-width: 100%;
        z-index: 7;
        background-color: #5d9ff0;
        border-radius: 0 0 2px 2px;
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
        height: auto;
        overflow: hidden;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    .header .drop-down-holder > a {
        padding: 0 8px;
    }

    .header .drop-down-holder > .drop-down * {
        height: auto;
    }

    .header .drop-down-holder > .drop-down > li {
        display: block;
    }

        .header .drop-down-holder > .drop-down > li > a {
            display: block;
            color: #616161;
            font-size: 15px;
            white-space: nowrap;
            padding: 5px 8px;
            -webkit-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
            background: #fff;
            text-align: start;
            line-height: 20px !important;
            cursor: pointer;
        }

            .header .drop-down-holder > .drop-down > li > a:hover {
                background-color: transparent;
                color: #fff;
            }

            .header .drop-down-holder > .drop-down > li > a > img {
                display: inline-block;
                vertical-align: middle;
                width: 18px;
                height: auto;
                max-height: 20px;
            }

    .header .drop-down-holder:hover > .drop-down {
        top: 100%;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -webkit-transition: top .2s ease-in-out, opacity .2s ease-in-out;
        transition: top .2s ease-in-out, opacity .2s ease-in-out;
    }

/*    .header .drop-down-holder:hover > a {
        color: #616161 !important;
        background-color: #fff;
        border-radius: 2px 2px 0 0;
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
        min-width: 100%;
        z-index: 7;
    }*/

@media (min-width:1500px) {
    .header .links > li > a > span {
        font-size: 15px;
    }
}

@media (max-width:991px) {
    .header .links > li:not(:first-child):after {
        display: block;
        height: 20px;
    }

    .header .links > li:not(:last-child) > a > i {
        margin: 0 !important;
    }

    .header .links > li > a > i.fa-chevron-down,
    .header .links > li > a > span {
        display: none;
    }

    .header .links > li > a > i {
        font-size: 20px;
    }

    .header .drop-down-holder > a {
        padding: inherit;
    }

    /*    .header .drop-down-holder:hover > a {
        padding: 0 8px;
    }

    .header .drop-down-holder:hover > .drop-down > li > a,
    .header .links .drop-down-holder:hover > a > i {
        font-size: 13px;
    }

    .header .drop-down-holder:hover a > i.fa-chevron-down,
    .header .drop-down-holder:hover > a > span {
        display: initial;
    }*/
}

@media (max-width:769px) {
    .header {
        height: 50px;
        line-height: 25px !important;
        padding: 7px 0;
        background-image: radial-gradient(circle, rgba(180, 222, 208, 0.8) -20%, rgba(8, 70, 145, 0.8) 100%);
    }

        .header .links {
            width: -webkit-calc(100% - 30px);
            width: calc(100% - 30px);
            text-align: end;
        }

            .header .links > li.bars {
                display: inline-block;
                margin: 0;
            }
}

.cards,
.side-nav {
    display: -webkit-box;
    display: -ms-flexbox;
}

.side-nav {
    position: fixed !important;
    top: 0;
    width: 60px;
    height: 100vh;
    padding: 0 25px;
    background-color: #000;
    z-index: 9999999999999 !important;
    font-size: 2vh;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .side-nav .bars {
        position: absolute;
        top: 40px;
        cursor: pointer;
    }

    .side-nav .links,
    .side-nav .links > li {
        position: relative;
    }

    .side-nav .links {
        width: 100%;
        z-index: 777777;
    }

    .side-nav .social,
    .side-nav .social > li {
        position: absolute;
    }

    .side-nav .links > li > a {
        display: block;
        padding: 15px 0;
        white-space: nowrap;
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        cursor: pointer;
        text-align: start;
    }

    .side-nav .links > li:not(:last-child) > a {
        border-bottom: 1px solid #333;
    }

    .side-nav .social {
        bottom: 5%;
        height: 145px;
        max-height: 145px;
        width: -webkit-calc(100% - 32px);
        width: calc(100% - 32px);
    }

        .side-nav .social > li:nth-child(1) {
            bottom: 50%;
            -webkit-transition: all .4s .2s ease-in-out;
            transition: all .4s .2s ease-in-out;
        }

        .side-nav .social > li:nth-child(2) {
            bottom: 25%;
            -webkit-transition: all .4s .3s ease-in-out;
            transition: all .4s .3s ease-in-out;
        }

        .side-nav .social > li:nth-child(3) {
            bottom: 0;
            -webkit-transition: all .4s .4s ease-in-out;
            transition: all .4s .4s ease-in-out;
        }

        .side-nav .social > li > a {
            display: block;
            font-size: 15px;
            text-align: center;
            width: auto;
            white-space: nowrap;
            position: relative;
        }

            .side-nav .social > li > a i {
                display: block;
                width: 25px;
                height: 25px;
                line-height: 25px;
                color: grey;
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            .side-nav .social > li > a:hover i {
                color: #fff;
            }

    .side-nav.active {
        width: 290px;
    }

        .side-nav.active .bars > span:nth-child(1) {
            top: 50%;
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
        }

        .side-nav.active .bars > span:nth-child(2) {
            top: 50%;
            -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
            transform: translate(-50%);
        }

        .side-nav.active .bars > span:nth-child(3) {
            width: 100%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%) rotate(-43deg);
            -ms-transform: translate(-50%, -50%) rotate(-43deg);
            transform: translate(-50%, -50%) rotate(-43deg);
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
        }

        .side-nav.active .social {
            max-height: 25px;
            -webkit-transition: max-height 0s .8s linear;
            transition: max-height 0s .8s linear;
        }

            .side-nav.active .social li {
                bottom: 0;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
            }

                .side-nav.active .social li:nth-child(1) {
                    -webkit-transition: all .4s .3s ease-in-out;
                    transition: all .4s .3s ease-in-out;
                }

                .side-nav.active .social li:nth-child(2) {
                    -webkit-transition: all .4s .2s ease-in-out;
                    transition: all .4s .2s ease-in-out;
                }

                .side-nav.active .social li:nth-child(3) {
                    -webkit-transition: all .4s .1s ease-in-out;
                    transition: all .4s .1s ease-in-out;
                }

.payment-flow {
    padding: 40px 0;
    background-color: #fff;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #CACACA;
}

    .payment-flow .heading {
        margin: 0 auto;
        max-width: 90%;
        font-size: 0;
    }

        .payment-flow .heading .main-title {
            font-size: 24px;
        }

        .payment-flow .heading .sec-title {
            margin: 0 auto;
        }

    .payment-flow .payment-step {
        position: absolute;
        width: 100%;
        bottom: 0;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        text-align: center;
        overflow: hidden;
    }

        .payment-flow .payment-step > li {
            display: inline-block;
            background-color: #fff;
            margin: 0 40px;
            width: 40px;
            text-align: center;
            height: 40px;
            line-height: 38px;
            border: 2px solid #5d9ff0;
            border-radius: 50%;
            color: #5d9ff0;
            position: relative;
        }

            .payment-flow .payment-step > li.active {
                color: #5d9ff0;
                border-color: #5d9ff0;
            }

                .payment-flow .payment-step > li.active:after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    background-color: #5d9ff0;
                    height: 2px;
                    width: 5000px;
                    z-index: -1;
                }

            .payment-flow .payment-step > li.done {
                background-color: #5d9ff0;
                border-color: #5d9ff0;
            }

                .payment-flow .payment-step > li.done > i:before {
                    line-height: inherit;
                    border-radius: 50%;
                    background-color: #5d9ff0;
                    color: #fff;
                }

                .payment-flow .payment-step > li.done:before {
                    /*content: "\e903";*/
                    position: absolute;
                    top: 0;
                    width: 100%;
                    height: 100%;
                }

                .payment-flow .payment-step > li.done:last-child:after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    background-color: #5d9ff0;
                    height: 2px;
                    width: 10000px;
                    z-index: -1;
                }

            .payment-flow .payment-step > li.failed {
                background-color: #bf0409;
                border-color: #bf0409;
            }

                .payment-flow .payment-step > li.failed:before {
                    content: "\f00d";
                    font-family: FontAwesome;
                    position: absolute;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    line-height: inherit;
                    border-radius: 50%;
                    background-color: #bf0409;
                    color: #fff;
                }

                .payment-flow .payment-step > li.failed:after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    background-color: #bf0409;
                    height: 2px;
                    width: 10000px;
                    z-index: -1;
                }

@media (max-width:769px) {
    .payment-flow .heading .main-title {
        margin-bottom: 5px;
        font-size: 20px;
    }

    .payment-flow .heading .sec-title {
        font-size: 11px;
    }

    .payment-flow .payment-step > li {
        margin: 0 3%;
    }
}

@media (max-width:575px) {
    .payment-flow .payment-step > li {
        margin: 0 1%;
    }
}

.cards {
    /*font-size: 0;*/
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin: auto;
}

    .cards .one-card,
    .footer .footer-inner {
        display: -webkit-box;
        display: -ms-flexbox;
    }

    .cards .one-card {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 250px;
        padding: 30px 10px;
        background-color: #fff;
        border: 0px;
        border-radius: 10px;
        margin: 50px 40px 0;
        -webkit-filter: grayscale(60%);
        filter: grayscale(60%);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .cards .one-card.in-active {
            pointer-events: none;
            background-color: #dadada;
        }

        .cards .one-card:hover {
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
            -webkit-box-shadow: 0 0 25px 0 rgba(33, 159, 69, .15);
            box-shadow: 0 0 25px 0 rgba(33, 159, 69, .15);
            -webkit-transform: translateY(-2px);
            -ms-transform: translateY(-2px);
            transform: translateY(-2px);
        }

        .cards .one-card .image-holder {
            margin: 0 auto 25px;
            width: 73px;
            height: 73px;
        }

            .cards .one-card .image-holder > img {
                display: block;
                margin: auto;
                width: 100%;
                height: 100%;
            }

        .cards .one-card .sec-title,
        .cards .one-card .user-title {
            text-align: center;
            color: #5d9ff0;
            letter-spacing: -1px;
            font-size: 17px;
            margin-bottom: 0;
        }

@media (max-width:766px) {
    .cards .one-card {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        display: block;
        margin: 40px 20px 0;
    }
}

.affairs-filters, .finance-filters {
    background-color: #deeefc !important;
    border: 2px solid #404950;
    margin-left: inherit !important;
    margin-right: inherit !important;
    padding: 10px;
}

.total {
    padding-top: 25px;
}

.inner-content {
    width: 500px;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin: 0 auto !important;
}

    .inner-content form {
        display: block;
        margin: 0 auto;
    }

    .inner-content .buttons {
        margin-top: 20px;
        text-align: center;
    }

        .inner-content .buttons > .button {
            display: inline-block;
            margin: 0 10px 20px;
        }

.image-input .file-name .main-input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 120px 0 20px;
}

.image-input .sec-title {
    text-align: start;
    margin-bottom: 10px;
}

.image-input .input-holder {
    margin-bottom: 10px;
}

.image-input .file-cond {
    font-size: 12px;
    margin-bottom: 15px;
}

.image-view {
    padding: 15px 20px;
    background-color: #E2E2E2;
    margin-bottom: 30px;
}

    .image-view .image-holder {
        display: inline-block;
        vertical-align: middle;
        width: 130px;
        height: 170px;
        position: relative;
    }

        .image-view .image-holder > img {
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            display: block;
            width: 100%;
            height: auto;
            max-height: 100%;
        }

        .image-view .image-holder .no-text {
            position: absolute;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 70px;
            font-size: 11px;
            text-align: center;
            line-height: 1.8;
            text-transform: uppercase;
            color: #616161;
        }

        .image-view .image-holder .delete-image {
            position: absolute;
            top: 0;
            background-color: red;
            color: #fff;
            z-index: 7;
            width: 25px;
            height: 25px;
            font-size: 15px;
            text-align: center;
            line-height: 25px;
            border-radius: 50%;
            font-weight: 700;
            -webkit-transform: translate(40%, -40%);
            -ms-transform: translate(40%, -40%);
            transform: translate(40%, -40%);
        }

.lds-default {
    display: inline-block;
    position: relative;
    height: 20vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: auto;
    width: 80px;
    height: 80px;
}

    .lds-default div {
        position: absolute;
        width: 6px;
        height: 6px;
        background: #00b48b;
        border-radius: 50%;
        animation: lds-default 1.2s linear infinite;
    }

        .lds-default div:nth-child(1) {
            animation-delay: 0s;
            top: 37px;
        }

        .lds-default div:nth-child(2) {
            animation-delay: -0.1s;
            top: 22px;
        }

        .lds-default div:nth-child(3) {
            animation-delay: -0.2s;
            top: 11px;
        }

        .lds-default div:nth-child(4) {
            animation-delay: -0.3s;
            top: 7px;
        }

        .lds-default div:nth-child(5) {
            animation-delay: -0.4s;
            top: 11px;
        }

        .lds-default div:nth-child(6) {
            animation-delay: -0.5s;
            top: 22px;
        }

        .lds-default div:nth-child(7) {
            animation-delay: -0.6s;
            top: 37px;
        }

        .lds-default div:nth-child(8) {
            animation-delay: -0.7s;
            top: 52px;
        }

        .lds-default div:nth-child(9) {
            animation-delay: -0.8s;
            top: 62px;
        }

        .lds-default div:nth-child(10) {
            animation-delay: -0.9s;
            top: 66px;
        }

        .lds-default div:nth-child(11) {
            animation-delay: -1s;
            top: 62px;
        }

        .lds-default div:nth-child(12) {
            animation-delay: -1.1s;
            top: 52px;
        }

@keyframes lds-default {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }
}

.image-view .image-recomedations {
    display: inline-block;
    vertical-align: middle;
    width: -webkit-calc(100% - 144px);
    width: calc(100% - 144px);
}

    .image-view .image-recomedations > ul > li {
        display: block;
        font-size: 11px;
        color: #616161;
        position: relative;
        opacity: .7;
    }

.more-inputs .key,
.more-inputs .tel-num {
    display: inline-block;
    vertical-align: middle;
}

.image-view .image-recomedations > ul > li:not(:last-child) {
    margin-bottom: 3px;
}

.image-view .image-recomedations > ul > li:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 5px;
    background-color: #616161;
}

.image-view.id .image-holder {
    width: 210px;
    height: 140px;
}

    .image-view.id .image-holder > img {
        height: 100%;
        width: auto;
        max-width: 100%;
    }

.image-view.id .image-recomedations {
    width: -webkit-calc(100% - 225px);
    width: calc(100% - 225px);
}

.more-inputs {
    position: relative;
    margin-bottom: 30px;
}

    .more-inputs .button {
        position: absolute;
        bottom: 0;
    }

    .more-inputs .input-holder {
        margin: 0;
    }

    .more-inputs .key {
        width: 120px;
    }

    .more-inputs .tel-num {
        width: -webkit-calc(100% - 134px);
        width: calc(100% - 134px);
    }

@media (max-width:575px) {
    .more-inputs {
        padding-bottom: 50px;
    }

        .more-inputs .input-holder {
            margin-bottom: 10px;
        }

        .more-inputs .button {
            max-width: none;
        }

        .more-inputs .tel-num {
            width: -webkit-calc(100% - 134px);
            width: calc(100% - 134px);
            display: inline-block;
            vertical-align: middle;
        }

    .image-view .image-holder {
        display: block;
        margin: 0 auto 10px;
    }

        .image-view .image-holder .no-text {
            font-size: 11px;
        }

    .image-view .image-recomedations {
        display: block;
        width: 100% !important;
    }
}

@media (max-width:400px) {
    .image-input .file-name .main-input {
        white-space: nowrap;
        padding: 0 20px;
    }

    .more-inputs .key,
    .more-inputs .tel-num {
        width: 100%;
    }
}

.report-viewer .sec-title,
.report-viewer .user-title {
    /*display: block;*/
    margin: 0 auto 40px;
    line-height: 1.8;
    max-width: 800px;
}

.report-viewer .button {
    width: 200px;
    max-width: none;
}

.terms {
    display: inline-block;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 10px 0 30px 10px;
}

@media (max-width:450px) {
    .terms {
        margin: 10px 0 30px 30px;
    }
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: transparent !important;
    max-height: 100vh !important;
    width: 100vw !important;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-header {
    display: block;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding: 15px;
}

.modal-open {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.modal-dialog {
    position: relative;
    max-width: auto;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    box-shadow: 0 0 0 50vmax rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 0 50vmax rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 0 50vmax rgba(0,0,0,.5);
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 49vw;
    }

    .LineHeightTen {
        line-height: 12px !important;
        margin-bottom: 8px !important;
        font-size: 8pt;
    }
}

.receipt-logo {
    margin-top: 10px !important;
}

span.receipt-sn {
    font-size: 8pt !important;
    color: #5a5a5a;
    font-family: MRKMastonRegular, arial, tahoma !important;
}

.modal-content {
    padding: 0px !important;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    color: #000;
    padding: 24px;
}

.modal-footer {
    display: block;
    padding: 0 !important;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .row {
        margin-top: 3px;
        text-align: center;
    }

button.close {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.close {
    margin-top: 8px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    opacity: .2;
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
    }

#txnReceipt {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
}

    #txnReceipt::before {
        content: "";
        background-image: url("../images/mof_logo.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
        -moz-print-color-adjust: exact;
        -ms-print-color-adjust: exact;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.2;
    }

    #txnReceipt span {
        font-size: 7pt;
        font-weight: bold;
    }

@media print {
    @page {
        margin: 0;
    }
}

.login .input-holder .main-input.icon-input {
    padding: 0 20px 0 40px;
}

    .login .input-holder .main-input.icon-input > i {
        width: 40px;
        font-size: 20px;
        line-height: 52px;
    }

.login .need-an-account {
    color: #484848;
    font-size: 13px;
    margin: 30px 0;
}

    .login .need-an-account > span {
        display: inline-block;
        vertical-align: middle;
    }

    .login .need-an-account > a {
        font-size: 0;
        display: inline-block;
        vertical-align: middle;
        color: #5d9ff0;
    }

        .login .need-an-account > a > i,
        .login .need-an-account > a > span {
            font-size: 16px;
        }

.footer {
    background-color: #3a6394;
    color: #f4fdfa;
}

    .footer .footer-inner {
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        /*justify-content: space-between;*/
        justify-content: center;
    }

    .footer .footer-logo {
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .footer .footer-logo > a {
            display: block;
            height: 100%;
        }

    .footer .footer-inner .copyrights > span {
        margin-top: 0.25em;
        font-size: 10px;
    }

@media (max-width:767px) {
    .footer .footer-inner .copyrights > span {
        margin-top: 0.12em;
        font-size: 9px;
    }
}

.footer .footer-logo > a > img {
    display: block;
    height: 100%;
    width: auto;
}

.footer .copyrights {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width:991px) {
    .footer .container {
        max-width: 100%;
        padding: 0;
    }

    .footer .footer-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer .footer-logo {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        font-size: 14px;
        background-color: #313131;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 15px;
    }

    .footer .copyrights {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        font-size: 14px;
        padding: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
}

@media (max-width:575px) {
    .footer .footer-logo {
        font-size: 10px;
    }

    .footer .copyrights {
        padding: 10px;
    }
}

.toast-icon {
    top: .5em !important;
}

.dialog .dialog-footer {
    text-align: end !important;
}

.input-group-addon.flagInput {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
}

.confirmdialog .dialog-content .confirmdialog-icon,
body .dialog .dialog-titlebar,
i.ng-tns-c8-1.pi.pi-exclamation-triangle.confirmdialog-icon.ng-star-inserted:before {
    display: none !important;
}

.btn, .btn-large, .btn-small {
    font-size: inherit !important;
    background-color: #5d9ff0 !important;
}

.input-group-addon.flagInput .dropdown {
    width: 100%;
}

    .input-group-addon.flagInput .dropdown .dropbtn {
        height: 45px;
        border-radius: 0;
        padding: 6px 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
    }

        .input-group-addon.flagInput .dropdown .dropbtn .arrow-down {
            margin-top: 4px;
        }

.input-group-addon.flagInput > input {
    height: 45px;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

g-recaptcha > div {
    color: #bf0409;
    margin-bottom: 10px;
    text-align: center;
}

.spinner-border {
    vertical-align: text-top;
}

.confirmdialog.dialog .dialog-content {
    padding: 20px !important;
    border: none !important;
    letter-spacing: -1px;
    text-align: center !important;
}

body .dialog .dialog-footer {
    border: none !important;
    background-color: #f2f2f2 !important;
    padding: 20px !important;
    text-align: center !important;
}

    body .dialog .dialog-footer button {
        border-radius: 0 !important;
        background-color: #5d9ff0;
        margin: 0 10px !important;
        display: inline-block !important;
        border: none !important;
        height: 35px !important;
        line-height: 35px !important;
        -webkit-transition: all .1s ease-in-out !important;
        transition: all .1s ease-in-out !important;
        width: 100px;
    }

        body .dialog .dialog-footer button:hover {
            background-color: #5d9ff0 !important;
            opacity: .85 !important;
        }

        body .dialog .dialog-footer button:active {
            background-color: #5d9ff0;
            -webkit-transform: scale(.98) !important;
            -ms-transform: scale(.98) !important;
            transform: scale(.98) !important;
            outline: 0 !important;
        }

        body .dialog .dialog-footer button:focus {
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

body .button.button-text-icon-left .button-text,
p-calendar {
    padding: 0 !important;
}

    p-calendar .calendar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        p-calendar .calendar > span {
            width: 50px;
        }

        p-calendar .calendar > *:not(.modal, .modal-overlay) {
            height: 45px;
        }

        p-calendar .calendar .inputtext {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            border: none;
            border-radius: 0;
            padding: 0 20px;
        }

        p-calendar .calendar > span {
            padding-top: 12px;
        }

        p-calendar .calendar .calendar-button {
            background-color: transparent !important;
            border: none;
        }

        p-calendar .calendar .button:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

.datepicker-container .datepicker-date-display {
    background-color: #5d9ff0;
}

.datepicker-container .datepicker-table td.is-today.is-selected {
    color: #fff;
}

.datepicker-container .datepicker-controls button:focus {
    color: #fff;
    background-color: #5d9ff0;
}

.datepicker-container .datepicker-table td.is-selected {
    background-color: #5d9ff0;
}

.datepicker-container .datepicker-table td.is-today {
    color: #5d9ff0;
}

.datepicker-container .datepicker-cancel, .datepicker-container .datepicker-today, .datepicker-container .datepicker-done {
    color: #5d9ff0;
}

.datepicker-container .datepicker-clear {
    color: #f26363;
}

.datepicker-container .datepicker-day-button:focus {
    background-color: #bbd9ff;
}

.datepicker-container .datepicker-table {
    font-size: inherit;
}

body .datepicker .datepicker-header .datepicker-title select {
    margin: 0 5px;
    padding: 3px;
    cursor: pointer;
}

.ng-select {
    padding: 0 !important;
}

    .ng-select.ng-select-multiple .ng-select-container {
        border-radius: 0;
        border: none;
        height: 100%;
        background-color: transparent;
    }

        .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
            padding: 5px 20px;
            line-height: normal;
        }

            .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
                padding: 0;
            }

            .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
                margin-bottom: 0;
            }

    .ng-select.ng-select-multiple .ng-arrow-wrapper {
        display: none;
    }

    .ng-select.ng-select-multiple .ng-clear-wrapper {
        width: 22px;
        background-color: #fff;
    }

@-webkit-keyframes dial-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(33, 159, 69, .6);
        box-shadow: 0 0 0 0 rgba(33, 159, 69, .6);
    }

    100% {
        -webkit-box-shadow: 0 0 5px 10px rgba(33, 159, 69, 0);
        box-shadow: 0 0 5px 10px rgba(33, 159, 69, 0);
    }
}

@keyframes dial-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(33, 159, 69, .6);
        box-shadow: 0 0 0 0 rgba(33, 159, 69, .6);
    }

    100% {
        -webkit-box-shadow: 0 0 5px 10px rgba(33, 159, 69, 0);
        box-shadow: 0 0 5px 10px rgba(33, 159, 69, 0);
    }
}

.contact {
    padding-top: 50px;
}

    .contact .page-title {
        margin-bottom: 20px;
    }

    .contact .main-title {
        width: 300px;
        margin: 0 auto 10px;
    }

    .contact .phone-no {
        display: inline-block;
        font-size: 0;
        letter-spacing: -1px;
        text-align: center;
        margin-bottom: 20px;
        color: #333;
    }

        .contact .phone-no > i {
            font-size: 22px;
            width: 35px;
            height: 35px;
            line-height: 35px;
            background-color: #5d9ff0;
            border-radius: 50%;
            color: #f4fdfa;
            vertical-align: middle;
            margin-top: 4px;
        }

        .contact .phone-no > span {
            font-size: 40px;
            vertical-align: middle;
            color: #5d9ff0;
        }

.overload .matches .match .top .blocks .one-block.stadium .info > span,
.overload .matches .match .top .teams .team-names .team-name,
.overload .matches .match .top .teams .team-names .vs,
.overload .para {
    color: #fff;
}

.contact .phone-no > * {
    display: inline-block;
    margin: 0 -2px;
}

@media only screen and (min-width:770px) {
    .contact .phone-no {
        pointer-events: none;
    }
}

@media only screen and (max-width:769px) {
    .contact .phone-no > i {
        -webkit-animation-name: dial-pulse;
        animation-name: dial-pulse;
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
}

.overload {
    background-image: url("../images/overload-bg.jpg");
    z-index: 9999999;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-attachment: fixed;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

    .overload .para {
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        max-width: 700px;
        text-align: center;
        margin: 0 auto;
    }

        .overload .para.big {
            font-size: 200%;
        }

        .overload .para.regular {
            font-size: 125%;
        }

        .overload .para.small {
            font-size: 115%;
        }

        .overload .para .num {
            display: inline-block;
            vertical-align: baseline;
            margin: 0 10px;
            font-size: 160%;
        }

    .overload .paras .para:not(:last-child) {
        margin-bottom: 20px;
    }

    .overload .matches {
        max-width: -webkit-calc(100% - 100px);
        max-width: calc(100% - 100px);
        margin: 30px auto 60px;
    }

        .overload .matches .match .top {
            background-color: rgba(225, 225, 225, .2);
            border: 1px solid rgba(225, 225, 225, .5);
        }

            .overload .matches .match .top .teams {
                background-color: transparent;
            }

                .overload .matches .match .top .teams .image-holder {
                    border: 2px solid #fff;
                }

                    .overload .matches .match .top .teams .image-holder > div {
                        border: none;
                    }

            .overload .matches .match .top .blocks {
                -ms-flex-pack: distribute;
                justify-content: space-around;
                position: relative;
            }

                .overload .matches .match .top .blocks .one-block.stadium .info > span > span {
                    color: #999;
                }

                .overload .matches .match .top .blocks .one-block.when .info .first {
                    color: #fff;
                }

                .overload .matches .match .top .blocks .one-block.when .info .second {
                    color: #999;
                }

@media (max-width:991px) {
    .overload .matches .match {
        margin-bottom: 25px;
    }

        .overload .matches .match .top .blocks {
            border-color: rgba(225, 225, 225, .5);
        }

            .overload .matches .match .top .blocks:after {
                background-color: rgba(225, 225, 225, .5);
            }

    .overload .para {
        max-width: 600px;
    }
}

@media (max-width:769px) {
    .home-page.overload .home-cards {
        height: 50px;
    }

        .home-page.overload .home-cards .card-holder {
            height: 100%;
        }
}

.page-404 {
    color: #fff;
    text-align: center;
    background-image: url("../images/404.jpg");
    padding-top: 15vh;
}

    .page-404 .content-404 {
        font-size: 2vh;
    }

        .page-404 .content-404 h1 {
            font-size: 1200%;
            margin: 0 0 10px;
            letter-spacing: -1px;
        }

        .page-404 .content-404 .para {
            font-size: 130%;
        }

            .page-404 .content-404 .para.first {
                letter-spacing: -1px;
                margin-bottom: 15px;
            }

    .page-404 .copy-rights {
        font-size: 90%;
    }

@media (max-width:575px) {
    .overload .matches {
        max-width: none;
    }

    .page-404 .content-404 h1 {
        font-size: 30vw;
    }

    .page-404 .content-404 .para {
        font-size: 16px;
    }
}

@media (max-width:400px) {
    .page-404 .content-404 h1 {
        font-size: 80px;
    }
}

.view-all {
    display: block;
    width: auto;
    padding: 0;
    font-weight: 700;
    color: #3a6394 !important;
    font-size: 14px;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

    .view-all:hover {
        color: #5d9ff0 !important;
        opacity: .85;
    }

    .view-all:active {
        -webkit-transform: scale(.98);
        -ms-transform: scale(.98);
        transform: scale(.98);
    }

.outlet p {
    line-height: 1.9;
    max-width: 800px;
    margin: 0 auto 20px;
}

.outlet .table-holder .table-col-5 {
    width: 40%;
    max-width: 500px;
}

@media (max-width:420px) {
    .table-holder table thead tr th {
        padding: 15px 5px !important;
        white-space: normal !important;
    }

    .table-holder table tbody tr td {
        padding: 15px 5px !important;
        font-size: 11px !important;
    }
}

.static-page {
    margin: auto;
    max-width: 900px;
}

    .static-page p {
        line-height: 1.9;
        font-size: 15px;
    }

        .static-page p:not(:last-child) {
            margin-bottom: 35px;
        }

        .static-page p:last-child {
            margin-bottom: 0;
        }

    .static-page .section-title {
        font-size: 20px;
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
        padding-bottom: 5px;
        color: #000;
        border-bottom: 1px solid #707070;
        font-weight: 700;
    }

    .static-page .video {
        text-align: center;
        margin: 70px auto;
    }

    .static-page .filter-form {
        max-width: 450px;
        max-height: none !important;
    }

    .static-page .table-holder .table-action .map-icon {
        display: inline-block;
        height: 40px;
        width: auto;
    }

.hr {
    border-bottom: 1px solid #707070;
    opacity: .5;
    margin: 35px 0;
}

.small-hr {
    width: 20%;
    margin: 30px auto;
}

.faq {
    width: 80%;
}

.question {
    /*font-weight: bold;*/
    cursor: pointer;
}

.answer {
    display: none;
}

.faq .panel-group {
    margin-bottom: 40px;
}

    .faq .panel-group .panel {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #f4fdfa;
        /*border-bottom: 1px solid rgba(112, 112, 112, .5);*/
        padding-bottom: 15px;
    }

        .faq .panel-group .panel:last-child {
            border: 0;
        }

.faq .panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    border-color: #f4fdfa;
}

.faq .panel-title {
    /*font-size: 14px;*/
    margin-bottom: 0;
}

    .faq .panel-title > a {
        display: block;
        padding: 15px 0;
        text-decoration: none;
        color: #000;
    }

.faq .more-less {
    color: #212121;
    font-size: 18px;
}

.faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #f4fdfa;
}

.faq .panel-body ol {
    padding: 0 20px;
}

.faq .panel-heading .collapsed i:before {
    content: "\f056" !important;
}

.faq .panel-heading i:before {
    content: "\f055" !important;
}