:root {
    --top: 13px !important;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    --bgLogin: #eeeeef !important;
}

.bg-natural {
    --bgLogin: #eeeeef !important;
}

.bg-legal {
    --bgLogin: #eeeeef !important;
}

body {
    padding: 0 !important;
    margin: 0 !important;
    background: rgb(246 249 255) !important;
}

.custom-card {
    border: 1.5pt #0053A1 solid;
    background: #fbfbfb;
    box-shadow: 0 4px 5px 0 #00000024, 0 1px 10px 0 #0000001f, 0 2px 4px 0px #0000004d;
}

.seal {
    background-color: #fff;
    border-radius: 2rem;
}

.nav-classic {
    border-bottom: none !important;
}

.active {
    background-color: #0053A1;
    color: #fff !important;
    border-bottom-color: #F7E017 !important;
}

.selected.active {
    color: #000 !important;
}

.custom-nomargin-top {
    margin-top: 0px !important;
}

.custom-bg-gray {
    background-color: #B5B5B5;
}

.custom-h2 {
    font-weight: 500;
    font-size: 1.5rem;
}

.custom-pad {
    padding-left: 0px;
    padding-right: 0px;
}

.custom-sep {
    display: inline-block;
    height: 1px;
    border-top: 1px solid #0053A16e;
    padding-top: 1px;
    padding-bottom: 1px;
    width: 100%;
}

.custom-sep-header {
    border-bottom: 2px solid #F7E017;
}

.custom-error-message {
    padding: 10px;
    display: block !important;
    margin-bottom: 0.5rem;
}

.btn-custom-secondary {
    color: #d5d8dc;
    background: #77838fb3;
    border-color: transparent;
}

.text-danger {
    color: #ff6457 !important;
    font-size: 100% !important;
}

    .text-danger > span > span {
        padding-left: 10px;
        padding-right: 10px;
    }

.custom-nav {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.custom-fontsize {
    font-size: 100% !important;
}

.custom-fontsize-smaller {
    font-size: 90% !important;
}

.small-custom {
    font-size: 100% !important;
}

p.desc.pb-8 {
    font-size: 90%;
}

.custom-padlef {
    padding-left: 20px;
}

.custom_fix_wicon {
    width: 15px;
}

.fa, .fas {
    width: 15px !important;
}

.rounded-top-left {
    border-top-left-radius: 0.6rem !important;
}

.rounded-top-right {
    border-top-right-radius: 0.6rem !important;
}

.border-radius-smaller {
    border-radius: 0.9rem;
}

.btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .btn-custom-toggle-primary:not(:disabled):not(.disabled).active, .btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .btn-custom-toggle-primary:not(:disabled):not(.disabled).active {
    color: #fff !important;
    background-color: #585858 !important;
    border-color: #fca177 !important;
}

.clearfix {
    clear: both;
}

body,
h1,
h2,
h3,
h4,
p,
a, div {
    font-family: 'Montserrat', sans-serif;
}

html, body {
    width: 100% !important;
    height: 100% !important;
}

h1, h2, h3, h4, h5, h6, p {
    font-family: 'Montserrat', sans-serif;
}

/********* NAVIGATION ****************/

#site nav.navbar.navbar-inverse {
    background: unset !important;
    border: unset !important;
}

#site nav.navbar-inverse .navbar-nav > li > div {
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 500;
}

#site nav.navbar.navbar-inverse .container {
    padding: 20px 30px;
}

.nav-tabs > li > a {
    font-weight: 500;
}

ul.nav.nav-tabs {
    border-bottom: none !important
}

    ul.nav.nav-tabs li {
    }

#site .tab-form .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
    background: #fff;
    border: #fff;
    border-radius: .8rem;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
}

#site .tab-form .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: #F7E017;
    border: #F7E017;
    border-radius: .8rem;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
}

.main-form-tab.tab-content {
    background: rgba(46,80,179,0.7);
    border-radius: .8rem;
    margin-top: 30px;
    padding: 10px 30px;
}

.main-form-tab form {
    margin-top: 30px;
    color: #fff;
}

    .main-form-tab form input[type="submit"] {
        background: #0a7934 !important;
        border: 2px solid #0a7934;
        border-radius: .8rem;
        color: #fff;
        text-transform: uppercase;
    }

.main-form-tab .payment-option {
    margin-top: 30px;
}

.tabbable-panel h3, .tabbable-panel h2, .tabbable-panel p {
    color: #fff;
}

.main-form-tab.tab-content .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
    background: none;
    border: #fff;
    color: #fff;
    text-align: center;
    border-bottom: 5px solid #4562bd;
    text-transform: uppercase
}

.main-form-tab.tab-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: none;
    border: #F7E017;
    color: #F7E017;
    text-align: center;
    border-bottom: 5px solid #F7E017;
    text-transform: uppercase
}

.animate {
    font-size: 2.2rem;
    font-weight: 900;
    margin-bottom: -10px;
}

.cursor-read-more {
    width: 20px;
    padding-bottom: 2px;
    fill: #0053A1;
}

.wrimagecard {
    margin-top: 0;
    margin-bottom: 0.5rem;
    text-align: left;
    position: relative;
    background-color: #fbfbfb;
    box-shadow: 0 4px 5px 0 #00000024, 0 1px 10px 0 #0000001f, 0 2px 4px -1px #0000004d;
    border-radius: .8rem;
    border: 1.5pt #0053A1 solid;
    transition: all 0.3s ease;
}

    .wrimagecard:hover {
        border: 1.5pt #F7E017 solid;
    }

    .wrimagecard h4 {
        font-size: 14px;
        line-height: 22px;
        font-weight: 700;
    }

    .wrimagecard .desc {
        padding: 5px 14px;
        font-family: 'Montserrat', sans-serif;
        line-height: 20px;
        text-align: left
    }

    .wrimagecard .read-more {
        font-family: 'Montserrat', sans-serif;
        line-height: 22px;
        text-align: left;
        font-weight: 700;
        padding-left: 14px;
        bottom: 8px;
        left: 0;
        right: 0;
        display: inline-block;
        position: absolute;
        width: 100%;
    }

.wrimagecard-topimage_header {
    padding: 20px;
}

    .wrimagecard-topimage_header hr {
        display: none;
    }

a.wrimagecard:hover, .wrimagecard-topimage:hover {
    box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
}

.wrimagecard-topimage a {
    width: 100%;
    height: 100%;
    display: block;
}

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

.wrimagecard-topimage a {
    border-bottom: none;
    text-decoration: none;
    color: #525c65;
    transition: color 0.3s ease;
}

.wrimagecard-row:nth-child(4) .desc {
    padding: unset !important;
}

.call_img {
    display: inline;
}

    .call_img img {
        max-width: 40px;
    }

.form-group {
    position: relative;
}

.logo-full {
    width: 230px;
    display: inline-block;
    background: transparent url(./../../../Images/Online_logo.png) no-repeat center center !important;
    background-size: contain !important;
    vertical-align: middle;
}

@media only screen and (min-width:1201px) {
    .wrimagecard-row .wrimagecard.wrimagecard-topimage {
        min-height: 277px;
    }
}

@media only screen and (max-width:1200px) and (min-width:993px) {
    .wrimagecard-row .wrimagecard.wrimagecard-topimage {
        min-height: 299px;
    }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .wrimagecard-row .wrimagecard.wrimagecard-topimage {
        min-height: 299px;
    }

    .payment-option .col-sm-4, .payment-option .col-sm-8 {
        width: 100%;
        float: none;
    }

    .payment-option {
        margin-bottom: 12px;
    }
}

@media (min-width:767px) {

    .main-form-tab.tab-content {
        position: absolute;
        top: 63px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .wrimagecard-row:nth-child(4) .wrimagecard.wrimagecard-topimage {
        min-height: unset !important
    }
}

.small-custom {
    font-size: 100% !important;
}

@media (max-width: 767.98px) {
    .small-custom {
        font-size: 80% !important;
    }

    .socialmedia {
        margin-right: 0 !important;
    }

    .nav-classic .nav-link {
        padding: .85rem .85rem !important;
    }
}

@media (min-width: 768px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-right {
        float: right !important;
    }

    :root {
        --top: 15px !important;
    }

    .logo-full {
        width: 260px !important;
    }
}

@media screen and (min-width: 1367px) {
    @-moz-document url-prefix() {
        :root {
            --top: 13px !important;
        }
    }

    .animate {
        font-size: 2.2rem;
    }
}

@media screen and (min-width: 1800px) {
    .animate {
        font-size: 2.9rem;
    }
}

@media(max-width:767px) {
    .payment-option img {
        width: 83px;
    }

    .row-eq-height {
        display: block;
    }

    .navbar-header.logo-content {
        text-align: center;
    }

    .content-right .desc {
    }

    .animate {
        font-size: 25px;
    }

    #site .navbar {
        margin-bottom: 0px;
    }

    .main-form-tab.tab-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        font-size: 11px;
    }

    .main-form-tab.tab-content .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        font-size: 11px;
    }

    .wrimagecard-row:nth-child(4) .wrimagecard.wrimagecard-topimage {
        min-height: unset !important
    }

    .wrimagecard-row .wrimagecard.wrimagecard-topimage {
    }

    #myNavbar {
        text-align: center;
        display: block;
        border-top: 0px;
    }

        #myNavbar ul li a {
            margin: 0px !important;
        }

    .wrimagecard-topimage_title h4 {
        margin-bottom: 0px;
    }

    .social-section {
        clear: both;
    }

    .social-img-section img {
        margin-left: 5px;
    }
}

.padding-0 {
    padding-right: 0;
    padding-left: 0;
}

/********* NAVIGATION ****************/

.call-section, .help-section, .help2-section, .chat-section {
    display: inline;
    /*float: right;*/
    margin-top: -63px;
    padding-left: 4pt;
    width: 100%;
    text-align: justify;
}

.fa-2_3x {
    font-size: 2.3rem;
}

.fa-2_5x {
    font-size: 2.5rem;
}

.help-section {
    margin-top: -48px;
}

.desc img {
    display: inline;
}

.social-section {
    font-weight: 600;
}

.wrimagecard-row {
    padding: 0px;
}

.wrimagecard span {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
}

.payment-option img, .payment-option p {
    font-size: 12px;
}

.main-content {
    padding: 0px 30px 0px 30px;
}

.bottomcard {
    background-color: #fbfbfb;
    box-shadow: 0 4px 5px 0 #00000024, 0 1px 10px 0 #0000001f, 0 2px 4px -1px #0000004d;
    border-radius: .8rem;
    border: 1.5pt #0053A1 solid;
}

.social-img-section {
    display: flex;
    float: right;
    margin-top: -40px;
}

    .social-img-section a {
        padding: 0px 4px;
    }

.content-left {
    padding: 0;
}

@media(max-width:467px) {
    .main-form-tab.tab-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        font-size: 10px;
    }

    .main-form-tab.tab-content .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        font-size: 10px;
    }
}

@media(max-width:422px) {
    .main-form-tab.tab-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        font-size: 9px;
    }

    .main-form-tab.tab-content .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        font-size: 9px;
    }
}

@media(max-width:421px) {
    .tab-form2 .nav-tabs .col-sm-6 {
        padding: 0;
    }

    .social-section {
        font-size: 10px;
    }
}

@media(max-width:358px) {

    .social-img-section {
        margin-top: -31px;
    }

        .social-img-section img {
            width: 25px;
        }
}


@media(max-width:343px) {
    .main-form-tab.tab-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        font-size: 8px;
    }

    .main-form-tab.tab-content .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        font-size: 8px;
    }
}

@media(max-width:332px) {
    .social-img-section img {
        width: 22px;
    }

    .social-img-section {
        margin-top: -30px;
    }
}

@media(max-width:325px) {
    .main-form-tab.tab-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        font-size: 7px;
    }

    .main-form-tab.tab-content .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        font-size: 7px;
    }
}

@media only screen and (min-width:992px) {
    #site .content-right {
        margin-top: -30px;
    }

    body {
        position: relative;
        content: "";
        background: var(--bgLogin);
        background-position: center center !important;
        background-attachment: fixed !important;
        background-size: cover !important;
    }

    .offset-lg-1 {
        margin-left: 5.33333%;
    }
}

@media only screen and (max-width:991.98px) {
    .content-right2 {
        padding-top: 25px;
    }
}

@media (min-width:768px) and (max-width:1257px) {
    .main-form-tab.tab-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        font-size: 11px;
    }

    .main-form-tab.tab-content .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        font-size: 11px;
    }
}

@media only screen and (min-width:992px) {
    .custom-h2 {
        font-size: 1.75rem;
    }
}

@media only screen and (min-width:768px) and (max-width:991.98px) {
    body {
        content: "";
        background-size: cover !important;
    }
}

@media (min-width:768px) and (max-width:1203px) {
    .main-form-tab.tab-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        font-size: 10px;
    }

    .main-form-tab.tab-content .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        font-size: 10px;
    }
}

@media (min-width:768px) and (max-width:1149px) {
    .tab-form2 .nav-tabs .col-sm-6 {
        padding: 0;
    }
}

@media (min-width:768px) and (max-width:970px) {
    .main-form-tab.tab-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        font-size: 9px;
    }

    .main-form-tab.tab-content .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        font-size: 9px;
    }
}

@media (min-width:768px) and (max-width:916px) {
    .main-form-tab.tab-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        font-size: 8px;
    }

    .main-form-tab.tab-content .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        font-size: 8px;
    }
}

@media (min-width:768px) and (max-width:862px) {
    .main-form-tab.tab-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        font-size: 7px;
    }

    .main-form-tab.tab-content .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        font-size: 7px;
    }
}

@media only screen and (max-width:640px) {
    .main-content {
        padding: 0px 20px 74px 12px;
    }

    .tab-form2 ul li a {
        font-size: 12px !important;
        padding: 5px 0px;
    }

    .LogoPL {
        padding-left: 0px !important;
    }
}

/* Form Validation */
.checkbox label, .radio label {
    padding-left: 0px;
}

.form-control {
    border-width: 0.5pt;
    height: 50px;
}

.btn-soft-secondary {
    border-color: transparent !important;
}

.fv-form-bootstrap .fv-icon-no-label {
    top: 16px !important;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #d72920;
}

.has-feedback label ~ .form-control-feedback {
    top: 15px;
}

.form-group {
}

    .form-group .field_label {
        position: absolute;
        left: 13px;
        top: 0px;
        color: #999;
        font-weight: normal;
        font-size: 11px;
    }

.field_label {
    display: none;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder {
    color: transparent;
}

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

.has-success .form-control, .has-success .form-control:focus {
    border-color: #F7E017;
    -webkit-box-shadow: inset 0px 0px 1px -1px rgb(254, 144, 0.7);
    box-shadow: inset 0px 0px 1px -1px rgb(254, 144, 0.7);
    border-width: 3px;
}

.has-error .form-control {
    border-width: 3px;
}

.has-feedback label ~ .form-control-feedback {
    display: none !important;
}

.form-group .field_label {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.form-control:focus {
    outline: 0px;
    border-color: #585858;
    -webkit-box-shadow: inset 0px 0px 1px -1px #F7E017;
    box-shadow: inset 0px 0px 1px -1px #F7E017;
    border-width: 1px;
}

.form-control {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.grid3 .wrimagecard-topimage_header {
    overflow: hidden;
    min-height: 75px;
    max-height: 75px;
}

    .grid3 .wrimagecard-topimage_header img {
        max-width: 140px;
        max-height: 53px;
        min-width: 53px;
        min-height: 30px;
        background: #fff;
        border-radius: .8rem;
        padding: 2pt;
    }

.grid3 .wrimagecard h4.desc {
    height: 28px;
    min-height: 34px;
    max-height: 34px;
}

.grid3 .wrimagecard p.desc {
    min-height: 68px;
    overflow: hidden;
}

.payment-option img {
    max-width: 102px;
}

.main-form-tab form, .main-form-tab .tab-pane h2, .main-form-tab .tab-pane p {
    padding: 0px 15px;
}

.payment-option p {
    padding: 0px !important;
}

.main-form-tab.tab-content {
    padding: 0px;
}

.field-validation-error {
    margin-bottom: -1.5rem !important;
}

.input-group .form-control.form-control-selectpicker .btn-group .btn {
    border: 0;
}

.input-group .form-control.form-control-selectpicker .btn-group.open .btn {
    border-radius: 0;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    max-height: 48px !important;
}

.btn-primary:not([href]), .btn-primary:not([href]):not([href]):not(:disabled):not(.disabled), .btn-primary:not(label.btn), .btn-primary:not(label.btn):not([href]):not(:disabled):not(.disabled) {
    background-color: #0053A1;
    border-color: #0757ea;
}

.custom-position {
    background: #0053A1;
}

.custom-vspace-add ~ .custom-position {
    position: relative !important;
}

@media (min-width: 1900px) {
    .container-fluid {
        width: 100%;
        padding-right: 100px;
        padding-left: 100px;
        margin-right: auto;
        margin-left: auto;
    }

    .social-img-section a {
        padding: 0px 8px;
    }
}

@media only screen and (min-height: 610px) and (min-width: 992px) and (max-width: 1367px) {
    .custom-vspace {
        height: 4.5rem;
    }
}

@media only screen and (min-height: 680px) and (min-width: 1367px) {
    .custom-vspace ~ .custom-position {
        position: absolute !important;
    }
}

@media only screen and (min-height: 720px) and (min-width: 992px) and (max-width: 1367px) {
    .custom-position {
        position: absolute !important;
    }
}

@media only screen and (min-height: 790px) and (min-width: 1367px) {
    .custom-position {
        position: absolute !important;
    }
}

@media only screen and (min-height: 700px) and (max-height: 800px) and (min-width: 992px) {
    .custom-vspace-patc ~ .custom-position {
        position: absolute !important;
    }
}

@media only screen and (min-height: 750px) and (min-width: 1368px) {
    .custom-vspace-lo ~ .custom-position {
        position: absolute !important;
    }
}

@media only screen and (min-height: 700px) and (min-width: 992px) and (max-width: 1367px) {
    .custom-vspace-lo ~ .custom-position {
        position: absolute !important;
    }
}

@media only screen and (min-height: 980px) and (min-width: 768px) and (max-width: 991.98px) {
    .custom-vspace-lo ~ .custom-position {
        position: absolute !important;
    }
}

@media only screen and (min-width: 768px) (max-width: 990px) {
    .custom-vspace-lo ~ .custom-position {
        position: absolute !important;
    }
}

@media only screen and (min-height: 600px) and (max-height: 950px) and (min-width: 992px) {
    .custom-vspace-pc ~ .custom-position {
        position: relative !important;
    }
}

.instagram {
    width: 36px !important;
    height: 36px !important;
}

.facebook {
    width: 30px !important;
    height: 30px !important;
    margin-top: 3px !important;
}

.x-twitter {
    width: 32px !important;
    height: 32px !important;
    margin-top: 2px !important;
}

.youtube {
    width: 40px !important;
    height: 40px !important;
    margin-top: -2px !important;
}

.linkedin {
    width: 32px !important;
    height: 32px !important;
    margin-top: 3px !important;
}

.threads {
    width: 32px !important;
    height: 32px !important;
    margin-top: 3px !important;
}

@keyframes star {
    from {
        transform: scale(0) rotate(0deg) translate(-50%, -50%);
        opacity: 1;
    }

    to {
        transform: scale(20) rotate(960deg) translate(-50%, -50%);
        opacity: 0;
    }
}

.animated-bg-stars {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: -1;
}

    .animated-bg-stars li {
        position: absolute;
        top: 80vh;
        left: 45vw;
        width: 10px;
        height: 10px;
        background: #e5e5e5;
        clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
        transform-origin: top left;
        transform: scale(0) rotate(0deg) translate(-50%, -50%);
        animation: star 5s ease-in forwards infinite;
    }

        .animated-bg-stars li:nth-child(0) {
            animation-delay: 0s;
            left: 69vw;
            top: 30vh;
            background: #aaaeb3;
        }

        .animated-bg-stars li:nth-child(1) {
            animation-delay: 2s;
            left: 11vw;
            top: 92vh;
        }

        .animated-bg-stars li:nth-child(2) {
            animation-delay: 4s;
            left: 25vw;
            top: 63vh;
            background: #ffffff;
        }

        .animated-bg-stars li:nth-child(3) {
            animation-delay: 6s;
            left: 90vw;
            top: 15vh;
        }

        .animated-bg-stars li:nth-child(4) {
            animation-delay: 8s;
            left: 34vw;
            top: 77vh;
        }

        .animated-bg-stars li:nth-child(5) {
            animation-delay: 10s;
            left: 63vw;
            top: 90vh;
        }

.custom-card {
    border-radius: .8rem;
}

/* Animation One */

.animate span {
    display: inline-block;
}

    .animate span:nth-of-type(2) {
        animation-delay: .05s;
    }

    .animate span:nth-of-type(3) {
        animation-delay: .1s;
    }

    .animate span:nth-of-type(4) {
        animation-delay: .15s;
    }

    .animate span:nth-of-type(5) {
        animation-delay: .2s;
    }

    .animate span:nth-of-type(6) {
        animation-delay: .25s;
    }

    .animate span:nth-of-type(7) {
        animation-delay: .3s;
    }

.one span {
    color: #0053A1;
    opacity: 0;
    transform: translate(-150px, -50px) rotate(-180deg) scale(3);
    animation: revolveScale .4s forwards;
}

@keyframes revolveScale {
    60% {
        transform: translate(20px, 20px) rotate(30deg) scale(.3);
    }

    100% {
        transform: translate(0) rotate(0) scale(1);
        opacity: 1;
    }
}

.socialmedia, .instagram, .facebook, .x-twitter, .linkedin, .youtube, .threats {
    fill: #1d4c97;
}

    .socialmedia:hover {
        fill: #F7E017 !important;
        transform: scale(1.1);
    }

.logo-Online {
    width: 124px;
    height: 55px;
    display: inline-block;
    background: transparent url(./../../../Images/logo_Online.png) no-repeat center center !important;
    background-size: contain !important;
    vertical-align: middle;
}

.lblwelcome {
    color: #222C62 !important
}

.skin-dark body {
    background-color: #2b2b2b !important;
    color: #fff;
}

.skin-dark .footer {
    background: #000 !important;
    border-top: 2px solid #0053A1;
}

.skin-dark .bg-white {
    background: #000 !important;
}

.skin-dark .text-white:not(button):not(#divStoreMessage):not(.modal-title, .bg-Online-primary-alter, .migrate, .guestmsg, .fa) {
    color: #000 !important;
}

.skin-dark .dropdown-item:hover {
    color: #fff !important;
    background-color: #535455 !important;
}

.skin-dark .text-black {
    color: #fff !important;
}

.skin-dark .input-group-text {
    color: #8d8d8d;
}

.skin-dark .form-control {
    color: #f4f7f9;
}

.skin-dark .form-label-group input:not(:placeholder-shown) ~ label {
    color: #d5d5d5;
}

.skin-dark .wrimagecard, .skin-dark .bottomcard, .skin-dark .custom-card, .skin-dark .seal {
    background: #000 !important;
}

.skin-dark .wrimagecard-topimage a {
    color: #fff;
}

.skin-dark .wrimagecard-topimage p, .skin-dark .payment-option p {
    color: #e3e3e3;
}

.skin-dark .form-control, .skin-dark .input-group-text {
    background: #000;
}

.skin-dark .form-label-group > label, .form-label-floating > label {
    color: #b9b9b9;
}

.skin-dark .grid3 .wrimagecard-topimage_header img {
    background: #000;
}

.skin-dark .custom-bg-gray {
    background: #585858;
}

.skin-dark .desc .animate label {
    color: #B5B5B5 !important;
}

.skin-dark .one span {
    color: #fff !important;
}

.skin-dark .logo-full {
    background: transparent url(./../../../Images/Online_white_logo.png) no-repeat center center !important;
    background-size: contain !important;
}

.skin-dark .logo-Online {
    background: transparent url(./../../../Images/logo_Online_white.png) no-repeat center center !important;
    background-size: contain !important;
}

.skin-dark .forgotPass {
    border-bottom: 1px dashed #fff !important;
}

.skin-dark #login p {
    color: #fff;
}

.skin-dark #login h3, .skin-dark #login span:not(.field-validation-error):not(span) {
    color: #fff !important;
}

.skin-dark #site nav.navbar-inverse .navbar-nav > li > div {
    color: #e3e3e3 !important;
}

.skin-dark .custom-sep-header {
    color: #fff !important;
}

.skin-dark .rc-anchor-light {
    background: #f9f9f90d !important;
    color: #fff !important;
}

.skin-dark .text-muted {
    color: #8c98a4 !important;
}

.skin-dark .modal-body, .skin-dark .modal-footer {
    background: #0f0f0f;
    color: #fff;
}

.skin-dark .modal-content:not(.color-transparent) {
    border: 1px solid rgba(255, 255, 255, .2) !important;
}

.skin-dark .dot {
    background: #000 !important;
}

.skin-dark .modal-title.text-white {
    color: #fff !important;
}

.skin-dark .socialmedia {
    fill: #377dff;
}

.skin-dark .cursor-read-more {
    fill: #377dff !important;
}

.skin-dark .text-Online-primary {
    color: #377dff !important;
}

.skin-dark .loader {
    --c: no-repeat linear-gradient(#377dff 0 0);
}

.skin-dark .lock-icon {
    background: transparent url(./../../../Images/lock-icon-white.png) no-repeat center center;
    background-size: cover;
}

.skin-dark .unlock-icon {
    background: transparent url(./../../../Images/unlock-icon-white.png) no-repeat center center;
    background-size: cover;
}

.skin-dark .modal-header {
    border-bottom: none;
}

.skin-dark .alert-custom {
    background: #000000 !important;
    transition: all 0.3s ease;
    color: #ffffff;
}

.skin-dark .custom-sep {
    border-top: 2px solid #0053A1 !important;
}

.skin-dark .animated-bg-cubes li {
    border: solid 1px #222222;
    color: transparent;
}

    .skin-dark .animated-bg-cubes li:nth-child(0) {
        animation-delay: 0s;
        left: 69vw;
        top: 30vh;
        border-color: #525354;
    }

    .skin-dark .animated-bg-cubes li:nth-child(2) {
        border-color: #727272;
    }

.skin-dark .btn-light:not([href]), .skin-dark .btn-light:not([href]):not([href]):not(:disabled):not(.disabled), .skin-dark .btn-light:not(label.btn), .skin-dark .btn-light:not(label.btn):not([href]):not(:disabled):not(.disabled) {
    background-color: #000000;
    border-color: #000000;
}

.skin-dark .btn-light {
    color: #ababab !important;
}

.skin-dark .dropdown-menu {
    background-color: #000000;
}

.skin-dark .form-control:focus {
    border-color: #F7E017 !important;
}

.skin-dark .btn-light:not(:disabled):not(.disabled).active, .skin-dark .btn-light:not(:disabled):not(.disabled):active, .skin-dark .show > .btn-light.dropdown-toggle {
}

/**/
/*.skin-blue .text-black {
    color: #fff !important;
}
*/
.skin-blue .modal-body .text-black.noselect {
    color: #000 !important;
}

.skin-blue .footer {
    background: #0053A1 !important;
}

.skin-blue .input-group-text {
    color: #8d8d8d;
}

/*.skin-blue #login p {
    color: #fff;
}
*/
/*.skin-blue #login h3, .skin-blue #login span:not(.field-validation-error):not(span) {
    color: #fff !important;
}
*/
.skin-blue .custom-sep-header {
    border-bottom: 3px solid #F7E017 !important;
    color: #fff !important;
}

.skin-blue .text-center.mt-3.mb-1.medium.custom-nomargin-top.noselect {
    color: #fff
}

/*.skin-blue .text-danger {
    color: #ffe300 !important;
}*/

.skin-blue .custom-sep {
    border-top: 2px solid #ffffff94 !important;
}

.skin-blue .rc-anchor-light {
    background: #f9f9f90d !important;
    color: #fff !important;
}

.skin-blue .text-muted {
    color: #222C62 !important
}

.skin-blue .wrimagecard, .skin-blue .bottomcard, .skin-blue .custom-card {
    background: #222C62 !important;
    border: 2pt #f8fbff solid;
}

.skin-blue #FormContainer .custom-card {
    /*background: #0053A1 !important*/
    background: linear-gradient(100deg, #2b2e5e, #0053a1) !important;
}

.skin-blue .wrimagecard:hover {
    border: 2pt #F7E017 solid;
}
/*
.skin-blue .nav-classic .nav-link:hover {
    color: #0053A1 !important;
    font-weight: 700 !important;
}
    */
.skin-blue .seal {
    background: #fff !important;
    padding: 0px !important;
}

.skin-blue .fa-euro-sign {
    color: #0053a1 !important;
}

.skin-blue .loader {
    --c: no-repeat linear-gradient(#0053A1 0 0);
}

.skin-blue .wrimagecard-topimage_header > .bg-white, .skin-blue .wrimagecard-topimage_header > .fa-map-marker {
    background: transparent !important;
    text-shadow: 0px 0px 6px #fff;
}

.skin-blue .text-Online-gbkdivisas {
    color: #179446 !important;
}

.skin-blue .lblwelcome {
    color: #585858 !important;
}

.skin-blue .wrimagecard-topimage a {
    color: #fff;
}

.skin-blue .wrimagecard-topimage p, .skin-blue .payment-option p {
    color: #fdf8f8 !important;
}

.skin-blue .logo-Online {
    background: transparent url(./../../../Images/logo_Online_white1.png) no-repeat center center !important;
    background-size: contain !important;
}

.skin-blue .forgotPass {
    border-bottom: 1px dashed #000 !important;
}

.skin-blue #login p {
    color: #000;
}

.skin-blue .socialmedia {
    fill: #fff;
}

/*.skin-blue .cursor-read-more {
    fill: #ffffff !important;
}*/

/*.skin-blue .call-section .text-Online-primary {
    color: #fff !important;
}

.skin-blue .btn-sm-bigger > .btn-primary {
    background: #fff !important;
}
*/
/*.skin-blue .nav-classic .nav-link.active {
    background: #fff !important;
    color: #686666 !important;
}

    .skin-blue .nav-classic .nav-link.active:hover {
        color: #222c62 !important
    }
*/
.skin-blue .btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .skin-blue .btn-custom-toggle-primary:not(:disabled):not(.disabled).active, .skin-blue .btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .skin-blue .btn-custom-toggle-primary:not(:disabled):not(.disabled).active {
    background-color: #222C62 !important;
}

.skin-blue .btn-custom-toggle-primary:not(:disabled):not(.disabled).active, .skin-blue .btn-custom-toggle-primary:not(:disabled):not(.disabled):active {
    background-color: #0053A1;
}

/*.skin-blue #login > div > span.text-Online-primary {
    color: #fff !important;
}*/

.skin-blue .custom-card {
    background: #fbfbfb;
}

.skin-blue .btn-primary:not([href]), .skin-blue .btn-primary:not([href]):not([href]):not(:disabled):not(.disabled), .skin-blue .btn-primary:not(label.btn), .skin-blue .btn-primary:not(label.btn):not([href]):not(:disabled):not(.disabled) {
    /*background-color: #222C62;
    border-color: #0053A1;*/
    background-color: #0053A1;
    border-color: #ffffff;
}
/*
.skin-blue .btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .skin-blue .btn-custom-toggle-primary:not(:disabled):not(.disabled).active, .skin-blue .btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .skin-blue .btn-custom-toggle-primary:not(:disabled):not(.disabled).active {
    border-color: #377dff !important;
}

.skin-blue .btn-custom-toggle-primary {
    color: #dedede;
}

.skin-blue .badge-primary {
    background-color: #F7E017;
}

.skin-blue .form-group {
    color: #fff !important;
}