body { font-family: 'bom_webregular'; background-color: #fff; font-size: .875rem; }
a {
    font-family: 'bom_webregular';
    text-decoration: none !important;
    color: #0070AF;
}
p { font-family: 'bom_webregular'; }
/* h1, h2, h3, h4 { font-family: 'bom_websemibold'; } */
h1, h2, h3, h4 { font-family: 'bom_webregular'; }
img { max-width: 100%; }
ul { list-style: none; list-style-type: none; padding-inline-start: 0; padding-left: 0; margin-bottom: 0; }
.light { position: absolute; top: 15px; z-index: -1; left: -26px; width: 100px; }
.light { position: absolute; top: 58px; z-index: -1; left: 0; width: 230px; pointer-events: none; }
.light.cap { width: 80px; top: 60px; left: 0; z-index: 1; }
.light.hang { z-index: -2; top: 25px; }
.light.bell { left: 106px; width: 132px; top: 40px; }
header.active .light.bell, header.active .light.hang, header.active .light.cap { display: none; }
@media(max-width:767px) {
    .light { width: 80px; left: -18px; }
    .light.cap { width: 60px; top: 55px; left: 0; z-index: 1; }
    .light.hang { width: 200px; top: 16px; }
    .light.bell { left: 70px; top: 26px; }
    header.active .light { display: none; }
}
@media(max-width:480px) {
    .light.cap { width: 50px; }
    .light.bell { left: 110px; top: 40px; width: 90px;}
}
@media(min-width:768px) {
    ::-webkit-scrollbar {
        width: 10px;
        height: 6px;
    }

    ::-webkit-scrollbar-track {
        background-color: #eee;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #9E9E9E;
    }

        ::-webkit-scrollbar-thumb:hover {
            background-color: #666;
        }
}
.custscroll::-webkit-scrollbar, .custscroll::-webkit-scrollbar-thumb {
    border-radius: 13px;
    width: 6px;
    height: 6px;
    background-clip: padding-box;
    background: transparent;
}
.custscroll::-webkit-scrollbar-track {
    background: transparent;
}
.custscroll:hover::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.custscroll::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}
.custscrollA::-webkit-scrollbar {
    border-radius: 13px;
    width: 6px;
    height: 6px;
    background-clip: padding-box;
    background: transparent;
}
.custscrollA::-webkit-scrollbar-track {
    background: transparent;
}
.custscrollA::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 6px;
}
.custscrollA::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}
@media(min-width:1366px) {
    .cmpad {
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 60px;
        padding-right: 60px;
    }
}
@media(max-width:1366px) {
    .cmpad {
        padding-left: 80px;
        padding-right: 80px;
    }
}
@media(max-width:991px) {
    .cmpad {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media(max-width:767px) {
    .cmpad {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.btn-primary {
    /*background-color: #0089cf;*/
    background-color: #005485;
    border: none;
    outline: 0;
    font-size: .875rem;
}
.btn-primary:hover {
    background-color: #0256b1;
    border-color: #0256b1;
}
.btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}
.btn-outline-primary {
    color: #0089cf;
    border-color: #0089cf;
    font-size: .875rem;
}
.btn-outline-primary:hover {
    background-color: #0089cf;
    border-color: #0089cf;
}
.btn-outline-secondary {
    font-size: .875rem;
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}
.applybtnBig, .calcbtnBig, .callbackbtnBig {
    margin-left: 0px !important;
    padding: 10px 15px;
    font-size: 1.175rem !important;
}
.applybtn, .applybtnBig, .calcbtnBig {
    /*background-color: #7bad25;*/
    background-color: #0F6716;
    border: none;
    color: #fff;
    outline: 0;
    margin-left: 10px;
    font-size: .875rem;
}
.calcbtnBig {
    background-color: #989898;
    margin-right: 10px !important;
}
.callbackbtnBig {
    background-color: #0089cf;
    color: #fff;
    margin-right: 10px !important;
}
.applybtn:hover, .applybtnBig:hover {
    /*background-color: #639212;*/
    background-color: #218d29;
    border-color: #218d29;
    color: #fff;
    box-shadow: 0px 0px 5px 2px #188038c7;
}
.calcbtnBig:hover {
    background-color: #6b6b6b;
    color: #fff;
}
.callbackbtnBig:hover {
    background-color: #016fa7;
    color: #fff;
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 99999;
}
#loader-img {
    display: block;
    position: relative;
    top: 40%;
    width: 300px;
    height: 90px;
    margin: auto;
    z-index: 1001;
    background-image: url(../images/logo/logo-blue.svg);
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center;
    z-index: 1020;
    animation: pulse;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #fbfbfb;
    z-index: 1000;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.loader-section.section-left {
    left: 0;
}
.loader-section.section-right {
    right: 0;
}
.panel_left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
    transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
}
.panel_right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
    transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
}
.loaded-circle {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.loaded-img {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s 1s ease-out;
    transition: all .3s 1s ease-out;
}
.flex-auto {
    flex: auto !important;
}
@keyframes moveRight {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    50% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
    }

    100% {
        transform: translate(0);
        -webkit-transform: translate(0);
    }
}

@keyframes moveDown {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

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

    100% {
        transform: translate(0);
        -webkit-transform: translate(0);
    }
}

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background-color: rgba(0,0,0,.2);
    background: rgb(0,0,0);
    background: linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    animation: fadeInDown 1s 1;
}

header.active {
    background-color: rgba(0,0,0,.8);
}

.logo img.logoimg {
    max-height: 70px;
    margin: 10px 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.logo img.logoblue {
    display: none;
}

header.active .logo img.logoimg {
    max-height: 60px;
}

header .navbar {
    width: 100%;
    padding: 0;
    justify-content: flex-end;
    flex-wrap: nowrap;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

    header .navbar a {
        text-decoration: none;
    }

header .megamenu {
    position: initial;
    overflow: hidden;
    display: block;
    height: 80px;
    margin-right: 1rem;
}

    header .megamenu .dropbtn {
        border: none;
        outline: none;
        background-color: inherit;
        margin: 0;
        height: 80px;
        padding: 0 1rem;
        background-color: transparent;
    }

        header .megamenu .dropbtn img {
            display: block;
            width: 20px;
            filter: brightness(0) invert(1);
        }

header .navbar a.mainli {
    display: block;
    font-size: .9rem;
    color: #eee;
    text-align: left;
    padding: 1.95rem 1rem;
    border-radius: 0;
    line-height: 1.1rem;
    text-decoration: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.font-xlarge header .navbar a.mainli {
    padding: 1.95rem 0.5rem;
}

header .navbar a.mainli span {
    display: block;
    text-transform: uppercase;
    color: #999;
    font-size: .8rem;
}

    header .navbar a.mainli:hover, header .megamenu:hover .dropbtn, header .navbar a.mainli:hover, header .megamenu:hover .mainli {
        background: rgba(4,64,95,.9);
    }

header .megamenu.menulogin a.mainli {
    /*background-color: #1badf9;*/
    background-color: #2020fd;
    color: #fff;
    border-radius: .3rem;
    padding: .5rem 1rem .5rem 1rem;
}

    header .megamenu.menulogin a.mainli:hover {
        background: #1badf9;
    }

.menulogin {
   /* animation: pulse 1s infinite;*/
    height: auto !important;
    margin: 0 8px !important;
}

    .menulogin:hover {
        animation: none;
        cursor: pointer;
    }

    .menulogin img {
        padding: 0;
        margin: -5px 0 0 0;
    }

.gradBtn {
    /*background: linear-gradient(90deg,#1badf9,#0078ff,#0787ff,#2020fd);*/
    background-color: #2020fd;
    background-size: 400% 400%;
   /* animation: gradient 3s ease infinite;*/
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

header .megamenu-content {
    display: none;
    position: absolute;
    background-color: rgba(4,64,95,.9);
    width: 850px;
    left: 15px;
    box-shadow: 12px 16px 20px 0 rgba(0,0,0,.5);
    z-index: 1;
    height: 20.5rem;
    border-radius: 0 0 .3rem .3rem;
    overflow: hidden;
    margin-top: -5px;
    animation-name: fadeIn;
    animation-duration: .5s;
    animation-iteration-count: 1;
}

.mainoverlay {
    display: none;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
}

.floverlay {
    display: none;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    /*z-index: 9999;*/ z-index:11;
}

header .megamenu-content .header {
    background: #0089cf;
    padding: 16px;
    color: #fff;
    display: none;
}

    header .megamenu-content .header p {
        margin: 0;
        color: #ddd;
        font-size: .875rem;
    }

header .megamenu:hover .megamenu-content {
    display: block;
}

header .navbar .megamenu-content .row:first-child {
    flex: 1;
}

header .megamenu .tabmenucol {
    width: 240px;
    padding-left: .5rem;
    padding-right: .5rem;
    background: rgba(0,0,0,.2);
}

    header .megamenu .tabmenucol .nav {
        margin-top: 1rem;
        overflow-y: auto;
        max-height: 19rem;
        flex-wrap: nowrap;
    }

    header .megamenu .tabmenucol .nav-link {
        border-bottom: 1px solid rgba(255,255,255,.3);
        color: #ddd;
        padding: .65rem .5rem;
    }

        header .megamenu .tabmenucol .nav-link img {
            width: 24px;
            margin-top: -5px;
            margin-right: 5px;
            opacity: .7;
            filter: brightness(0) invert(1);
            -webkit-filter: brightness(0) invert(1);
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #0089cf;
    color: #fff !important;
}

    .nav-pills .nav-link.active img, .nav-pills .show > .nav-link img {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }

header .megamenu .tabcontentcol {
    width: calc(100% - 260px);
    padding: 0 .8rem;
    min-width: 560px;
    border-left: 1px solid rgba(255,255,255,.3);
    height: 20.5rem;
    flex: 1 0;
}

    header .megamenu .tabcontentcol.w-100 {
        border-left: none;
    }

header ul.menulist {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    margin-bottom: 1rem;
    max-height: 18.6rem;
    overflow: auto;
    animation-name: fadeIn;
    animation-duration: .5s;
    animation-iteration-count: 1;
}

    header ul.menulist.twocol li {
        flex: 1 0 50%;
        max-width: 50%;
    }

    header ul.menulist li {
        flex: 1 0 33.33333%;
        max-width: 33.33333%;
    }

        header ul.menulist li a {
            color: #ddd;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            text-align: left;
            padding: .2rem;
            height: 3.4rem;
            line-height: 1.2rem;
            margin: .15rem;
            border-radius: .3rem;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,.3);
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

            header ul.menulist li a:hover {
                color: #fff;
                border-color: #fff;
                background-color: rgba(0,0,0,.2);
            }

            header ul.menulist li a span {
                margin: 0;
                max-height: 2.4rem;
                overflow: hidden;
                white-space: normal;
                display: block;
                max-width: 100%;
            }

            header ul.menulist li a img {
                width: 2rem;
                margin-right: .5rem;
                flex: 0 0 auto;
                opacity: .7;
                filter: brightness(0) invert(1);
                -webkit-filter: brightness(0) invert(1);
                transition: all .3s ease;
                -webkit-transition: all .3s ease;
            }

header .menubtn {
    display: block;
    color: #fff;
    border: 1px solid;
    padding: .3rem .7rem;
    border-radius: .3rem;
    margin-left: 1rem;
    margin-top: 1rem;
    min-width: 84px;
    text-align: center;
    line-height: 1.5;
}

    header .menubtn .fa {
        font-size: 1rem;
        margin-right: .3rem;
    }

    header .menubtn .txt {
        position: relative;
        top: -1px;
    }

header .tophead {
    background-color: rgba(0,0,0,.1);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

    header .tophead .topright {
        display: flex;
        justify-content: flex-end;
        padding-top: 6px;
        padding-bottom: 6px;
    }

header.active .tophead {
    margin-top: -36px;
}

ul.skip {
    margin-right: .5rem;
}

ul.fontsize {
    display: flex;
    margin-right: .5rem;
}

    ul.fontsize button {
        border: none;
        margin: 0 .2rem;
        border-radius: .25rem;
        min-width: 2rem;
        outline: 0;
        background-color: rgba(0,137,207,.5);
        color: #ddd;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

        ul.fontsize button:hover {
            background-color: rgba(0,137,207,.8);
            color: #fff;
        }

.custom-control-label::before {
    background-color: transparent;
}

.theme:focus, .theme input:focus {
    box-shadow: none;
    outline: 0;
}

.language button {
    font-size: .875rem;
    line-height: 0;
    padding: 0 .75rem;
    color: #ccc;
    border-color: #ccc;
}

header .tophead .topleft ul li a {
    height: 36px;
    line-height: 36px;
    display: block;
    padding: 0 .8rem;
    color: #ccc;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

    header .tophead .topleft ul li a:hover {
        background-color: #0089cf;
        color: #fff;
    }

header .tophead .topleft ul li.active a {
    /*background-color: rgba(33,150,243,.5);*/
    background-color: #0B78CB;
    color: #fff;
}

ul.loginbtn a.dropdown-toggle {
    height: 50px;
    line-height: 50px;
    display: block;
    background-color: #0089cf;
    color: #fff;
    padding: 0 1.2rem;
    border-radius: .3rem;
    margin-left: .5rem;
}

    ul.loginbtn a.dropdown-toggle:hover {
        background-color: #0069d9;
        border-color: #0069d9;
    }

ul.loginbtn .dropdown-toggle::after {
    display: none;
}

ul.loginbtn a.dropdown-toggle img {
    margin-right: 5px;
    margin-top: -8px;
}

ul.loginbtn .dropdown-menu {
    min-width: 14rem;
    padding: 0;
    border-top-right-radius: 0;
    animation-name: fadeIn;
    animation-duration: .5s;
    animation-iteration-count: 1;
}

    ul.loginbtn .dropdown-menu li a {
        padding: .8rem 1rem;
        font-size: .875rem;
    }

        ul.loginbtn .dropdown-menu li a img {
            margin-right: .5rem;
            margin-top: -5px;
        }

    ul.loginbtn .dropdown-menu li .dropdown-item.active, ul.loginbtn .dropdown-menu li .dropdown-item:active {
        background-color: #f7f7f7;
        color: #666;
    }

header .navbar .megamenu {
    margin-right: 0;
}

header .navbar .megamenu-content {
    left: auto;
    right: 0;
    margin-top: 0;
}

header .hambmenu .megamenu-content {
    margin-top: -5px;
}

.search-container {
    position: relative;
    display: inline-block;
    height: 36px;
    vertical-align: bottom;
}

.mglass {
    display: inline-block;
    pointer-events: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.search-container button, .search-container button:focus {
    font-size: 22px;
    width: 100%;
    margin: 0;
    padding: 0 1rem;
    border-radius: 0;
    text-align: center;
    line-height: 34px;
    outline: 0;
    box-shadow: none;
    background-color: rgba(0,0,0,.2);
    color: #ccc;
}

    .search-container button:hover {
        background-color: rgba(0,0,0,.4);
        color: #fff;
    }

    .search-container button:after {
        content: none !important;
    }

.search-container input, .search-container input:focus {
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 36px;
    min-width: 15rem;
    line-height: 36px;
    font-size: .875rem;
    padding: 0 .75rem;
    background-color: rgba(0,72,109,.6);
    color: #ddd;
}

    .search-container input:-internal-autofill-selected {
        background-color: rgba(0,72,109,.6);
        color: #ddd;
    }

    .search-container input:-webkit-autofill, .search-container input:-webkit-autofill:hover, .search-container input:-webkit-autofill:focus, .search-container textarea:-webkit-autofill, .search-container textarea:-webkit-autofill:hover, .search-container textarea:-webkit-autofill:focus, .search-container select:-webkit-autofill, .search-container select:-webkit-autofill:hover, .search-container select:-webkit-autofill:focus {
        border: none;
        -webkit-text-fill-color: #ddd;
        -webkit-box-shadow: 0 0 0 1000px #00486d inset;
        transition: background-color 5000s ease-in-out 0s;
    }

    .search-container input::placeholder {
        color: #ccc;
    }

.search-container .btnsubmit, .search-container .btnsubmit:focus {
    position: absolute;
    top: 0;
    width: 40px;
    right: 0;
    padding: 0;
}

@media(max-width:1150px) {
    header .tophead .topleft ul li a {
        padding: 0 .4rem;
        font-size: .8rem;
    }
}

@media(max-width:767px) {
    header .tophead .topleft ul li a {
        font-size: .75rem;
        height: 30px;
        line-height: 30px;
        padding: 0 .5rem;
    }

    header .tophead .topright {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    ul.fontsize button {
        font-size: .75rem;
    }

    .language button {
        font-size: .75rem;
    }

    header.active .tophead {
        margin-top: -30px;
    }

    .logo img.logoimg {
        max-height: 60px;
    }

    header.active .logo img.logoimg {
        max-height: 50px;
    }
}

@media(max-width:575px) {
    .logo img.logoimg {
        max-height: 50px;
    }
    header .topleft {
        display: none;
    }

    .language button {
        border: none;
    }

    ul.fontsize button {
        background-color: rgba(33,150,243,.25);
    }

    header .menubtn {
        min-width: 75px;
        font-size: .75rem;
    }
}

.cd-dropdown-trigger {
    background-color: transparent;
}

    .cd-dropdown-trigger:after, .cd-dropdown-trigger:before {
        display: none;
    }

.cd-dropdown-wrapper {
    height: auto;
    margin: 0;
    display: block;
}

.cd-dropdown {
    background-color: rgba(0,0,0,.6);
}

    .cd-dropdown h2 {
        background-color: #0089cf;
        border-color: rgba(0,0,0,.2);
        color: #fff;
        height: 76px;
        padding: .6rem 20px;
        line-height: normal;
        margin: 0;
    }

        .cd-dropdown h2 img {
            max-height: 55px;
            display: block;
            margin: auto;
        }

.cd-search input[type="search"], .cd-search input[type="search"]:focus {
    background-color: #333c44;
    color: #ddd;
}

    .cd-search input[type="search"], .cd-search input[type="search"]:focus::placeholder {
        color: #ccc;
    }

.cd-search button {
    position: absolute;
    right: 0;
    height: 50px;
    border-radius: 0;
}

.cd-dropdown-content a, .cd-dropdown-content ul a {
    border: none;
    color: #666;
    border-top: 1px solid #ddd;
    height: 45px;
    line-height: 45px;
    transform: all .3s ease;
    -webkit-transform: all .3s ease;
}

    .cd-dropdown-content a:hover, .cd-dropdown-content ul a:hover {
        background-color: rgba(0,0,0,.05);
        color: #666;
    }

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #ddd;
}

.cd-dropdown-content a img, .cd-dropdown-content ul a img {
    width: 20px;
    margin-right: .5rem;
    margin-top: -5px;
}

.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
    background-color: rgba(0,0,0,.2);
    color: #0089cf;
    font-size: .8rem;
    padding: 6px 20px;
}

.cd-dropdown-content {
    padding-top: 0;
    width: 80%;
    right: 20%;
    background-color: #fff;
    box-shadow: 6px 0 20px rgba(0,0,0,.5);
}

    .cd-dropdown-content ul {
        padding-top: 76px;
    }

.closebarz {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 80%;
    cursor: zoom-out;
}

li .toplist {
    display: flex;
    overflow-y: auto;
    position: relative;
    padding: 0;
}

    li .toplist li {
        flex: 0 1 20%;
    }

        li .toplist li a {
            text-align: center;
            font-size: .75rem;
            padding: 8px 5px;
            height: auto;
            line-height: normal;
            box-shadow: inset -1px 0 0 0 #ddd;
        }

        li .toplist li:last-child a {
            box-shadow: none;
        }

        li .toplist li a img {
            display: block;
            margin: auto;
            margin-bottom: 5px;
        }

.cd-dropdown .cd-close {
    display: none;
}

@media(max-width:480px) {
    li .toplist li a {
        font-size: 10px;
    }
}

@media(max-width:360px) {
    .cd-dropdown .cd-close {
        display: block;
        width: 26px;
        height: 26px;
        background-color: #006598;
        top: 22px;
        right: 10px;
        padding: 0;
        border-radius: .5rem;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

        .cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
            height: 12px;
        }

        .cd-dropdown .cd-close:hover {
            background-color: #004568;
        }

    .closebarz {
        display: none;
    }

    .cd-dropdown-content {
        width: 100%;
        right: auto;
    }

    .cd-dropdown h2 img {
        margin-left: 0;
    }
}

.homeslider {
    width: 100%;
    height: 100vh;
    /*max-height: 1024px;*/
}
.homeslider:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    z-index: 2;
    background: rgb(0,0,0);
    background: linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 100%);
}
.homeslider .swiper-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.homeslider .swiper-slide .slide {
    display: block;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.homeslider .swiper-slide.swiper-slide-active .slide {
    animation: slide 8s 1;
}

@keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

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

.homeslider .swiper-slide .responsive {
    display: none;
}

.homeslider .swiper-slide > img {
    width: 100%;
}

.homeslider .swiper-pagination {
    bottom: 1rem !important;
    right: 0;
    left: 0;
    width: auto !important;
}

.homeslider .swiper-pagination-bullet {
    height: .3rem;
    width: 1rem;
    border-radius: .3rem;
    display: inline-block;
    opacity: 1;
    margin: 0 .6rem !important;
    background-color: rgba(255,255,255,.7);
    outline: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.homeslider .swiper-pagination-bullet-active {
    background: #0089cf;
    width: 2.2rem;
}

.iconhome {
    z-index: 1;
    position: absolute;
    bottom: 3.2rem;
    width: 50%;
}

.font-large .iconhome, .font-xlarge .iconhome {
    left: 2rem;
}

.homeicons {
    display: flex;
    padding: 0 !important;
}

.font-large .homeicons, .font-xlarge .homeicons {
    flex-wrap: wrap;
    gap: 5px;
}

.homeicons li > a {
    color: #fff;
    text-align: center;
    display: block;
    min-width: 8rem;
    font-size: .825rem;
    padding: .8rem .3rem;
    border-radius: .3rem;
    margin: 0 .25rem;
    background: rgba(0,137,207,.7);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    box-shadow: 1px 1px 8px 0px #00000052;
}

        .homeicons li > a > img {
            display: none;
            width: 36px;
            margin: .3rem auto;
            filter: brightness(0) invert(1);
            -webkit-filter: brightness(0) invert(1);
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

        .homeicons li > a:hover {
            background: rgba(0,137,207,1);
        }

        .homeicons li > a:focus {
            outline: 0;
        }

        .homeicons li > a:hover img {
            transform: scale(1.2) translateY(-3px);
            -webkit-transform: scale(1.2) translateY(-3px);
        }

@media(max-width:1250px) {
    .homeicons {
        max-width: 500px;
        flex-flow: wrap;
    }

        .homeicons li {
            flex: auto;
            margin-bottom: .5rem;
        }
}

@media(max-width:991px) {
    .homeicons {
        max-width: 100%;
        flex-flow: wrap;
    }
}

@media(max-width:767px) {
    .homeicons {
        max-width: 100%;
        flex-flow: wrap;
    }

        .homeicons li {
            flex: 1 0 33.3333%;
        }
}

.homesocial {
    position: fixed;
    bottom: 0;
    z-index: 11;
    background-color: #fff;
    padding: 0;
    border-top-right-radius: .5rem;
    overflow: hidden;
    box-shadow: 5px -8px 20px rgba(0,0,0,.1);
}

.social li {
    float: left;
    margin-right: .5rem;
}

.homesocial .social li {
    margin: 0;
    display: block;
    float: left;
}

.social li a {
    display: block;
}

    .social li a .fab {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        background-color: rgba(13,86,123,.6);
    }

    .social li a:hover .fab {
        animation-name: tada;
        animation-duration: 1s;
        animation-iteration-count: 1;
        box-shadow: 0 0 20px rgba(0,0,0,.5);
    }

    .social li a:hover .fa-facebook-f {
        background-color: #3a5797;
    }

    .social li a:hover .fa-twitter {
        background-color: #1d9dec;
    }

    .social li a:hover .fa-instagram {
        background-color: #c4007e;
    }

    .social li a:hover .fa-linkedin {
        background-color: #0271ae;
    }

    .social li a:hover .fa-pinterest {
        background-color: #ce252c;
    }

    .social li a:hover .fa-youtube {
        background-color: #f4000f;
    }

    .social li a .fa-whatsapp, .social li a:hover .fa-whatsapp {
        background-color: #25D366;
        color: #fff;
    }

.homesocial .social li a {
    border-right: 1px solid #ddd;
}

.homesocial .social li:last-child a {
    border-right: none;
}

.homesocial .social li a .fab {
    background-color: transparent;
    color: #0089cf;
    width: 3.6rem;
    height: 2.8rem;
    line-height: 2.8rem;
    font-size: 1.3rem;
    border-radius: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.homesocial .social li a:hover .fab {
    box-shadow: none;
    animation: none;
    color: #fff;
}

.homesocial .social li a:hover .fa-facebook-f {
    background-color: #3a5797;
}

.homesocial .social li a:hover .fa-twitter {
    background-color: #1d9dec;
}

.homesocial .social li a:hover .fa-instagram {
    background-color: #c4007e;
}

.homesocial .social li a:hover .fa-linkedin {
    background-color: #0271ae;
}

.homesocial .social li a:hover .fa-pinterest {
    background-color: #ce252c;
}

.homesocial .social li a:hover .fa-youtube {
    background-color: #f4000f;
}

.homesocial .social li a .fa-whatsapp, .homesocial .social li a:hover .fa-whatsapp {
    background-color: #25D366;
    color: #fff;
}

.homescroll {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.2rem;
    z-index: 1;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    animation-name: flash;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

    .homescroll img {
        width: 3rem;
    }

    .homescroll .fa {
        font-size: 1.1rem;
        border-radius: 50%;
        animation-name: fadeOut;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

    .homescroll:hover {
        top: 51%;
        transform: translateY(-49%);
        -webkit-transform: translateY(-49%);
        animation: none;
    }

        .homescroll:hover .fa {
            color: #fff;
        }

.modal-container .modal {
    background-color: rgba(0,55,83,.5);
}

.modal-container .modal-content {
    border-radius: 1rem;
    border: none;
}

.modal-container .modal-header {
    border-bottom: none;
}

.floatingIcons {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 999;
    right: 15px;
    top: 45%;
    transform: translateY(-50%) !important;
    background-color: rgba(0, 0, 0, .5);
    width:auto;
    padding:5px 0 0 5px;
    border-radius:3px 0 0 3px;
}
.floatingIcons .col {
    flex: 1 0 auto;
    margin-bottom: .20rem;
    padding-right: 0;
    padding-left: 3px;
}
.floatingIcons .flIcon {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    /*width: 3.85rem;*/
    min-height: 4rem;
    /*padding: 5px 0;*/
    background-color: #4169E1;
    text-align: center;
    border-radius: .3rem;
    margin: 0 auto;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    flex-direction: column;
    gap: 3px;
    padding: 5px 5px;
    width:auto;
}
.flIconSpec {
    background-color: #fa8319 !Important;
    opacity: .85;
}
.floatingIcons .flIcon img {
    filter: brightness(0) invert(1);
    width: 25px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.floatingIcons p.name {
    line-height: 12px;
    font-size: 12px;
    margin: 0;
    max-width: 100%;
    color: #fff;
    display: block;
    text-align: center;
    white-space: normal;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.font-large .floatingIcons p.name {
    line-height: 16px;
}
.font-xlarge .floatingIcons p.name {
    line-height: 18px;
}

.floatingIcons .flIcon:before {
    display: none;
}
.floatingIcons .flIcon:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.floatingIcons .flIcon:hover img {
    animation-name: jello;
    animation-duration: 1s;
    animation-iteration-count: 1;
}
.floatingIcons .flContent {
    position: absolute;
    right: 4.5rem;
    top: 50% !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    padding: 1rem;
    position: absolute;
    background-color: rgba(255,255,255,.9);
    width: 768px;
    border-radius: .3rem;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    animation-name: fadeIn;
    animation-duration: .7s;
    animation-iteration-count: 1;
}
.floatingIcons .flContent:after {
    content: '';
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 8px solid rgba(255,255,255,.9);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
@media(pointer:fine) {
    .floatingIcons .dropleft:hover > .dropdown-menu {
        display: block;
    }

    .floatingIcons .dropleft > .dropdown-toggle:active {
        pointer-events: none;
    }
}
@media(pointer:coarse) {
    .floatingIcons .col {
        padding-left: 0;
    }
}
.intlist .col {
    text-align: center;
    height: auto;
    overflow: hidden;
    padding: 0 5px;
    margin-bottom: 0;
    border-right: 1px solid rgba(0,0,0,.2);
    flex: 1 0 !important;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.intlist .col:last-child {
    border-right: none;
}
.intlist .content {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.intlist img {
    width: 30px;
    display: block;
    margin: auto;
    margin-bottom: 5px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.intlist h4 {
    font-size: .9rem;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.intlist a.btn {
    margin: auto;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.intlist span.rate {
    font-family: 'bom_websemibold';
    font-size: 2rem;
    color: #0089cf;
    line-height: 1;
    margin-bottom: .5rem;
    display: block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.intlist span.rate span {
    font-size: 1rem;
    color: #666;
    margin-left: 5px;
}
.intlist .content:hover img {
    animation: jello 1s 1;
}
.intlist a img {
    width: 16px;
    margin-top: -3px;
    margin-right: 1px;
    display: inline-block;
}
.netbanking {
    width: 450px !important;
}
.helpline {
    height: 14rem !important;
    width: 500px !important;
}
.helpline .col {
    height: auto;
}
.helpline .col .help img {
    width: 50px;
}
.helpline a.helpcon {
    font-size: 1.2rem;
    color: #0089cf;
    font-family: 'bom_websemibold';
    display: block;
}

@media(max-width:991px) {
    .floatingIcons .flContent {
        width: 600px;
    }
    .intlist h4 {
        font-size: .875rem;
        margin-bottom: .25rem;
    }
    .intlist span.rate {
        font-size: 1.4rem;
        margin-bottom: .25rem;
    }
    .intlist span.rate span {
        font-size: .875rem;
    }
    .intlist a.btn {
        padding: .25rem .5rem;
        font-size: .75rem;
    }
}
@media(max-width:767px) {
    .floatingIcons .col {
        margin-bottom: .5rem;
    }
    .floatingIcons .flIcon {
        width: 3.25rem;
        min-height: 3rem;
        padding: 3px 0;
        padding-top: 5px;
        /*background-color: rgba(0,137,207,.75);*/
        background-color: #4169E1;
    }
    .floatingIcons .flIcon img {
        width: 26px;
    }
    .floatingIcons p.name {
        font-size: 10.5px;
    }
    .floatingIcons .flContent {
        right: 4rem;
    }
    .netbanking {
        width: 300px !important;
    }
}
@media(max-width:700px) {
    .floatingIcons .flContent {
        width: 405px;
    }
    .intlist {
        overflow-y: auto;
        flex-flow: nowrap;
        padding-bottom: 5px;
    }
    .intlist .col {
        min-width: 130px;
    }
    .netbanking .intlist {
        padding-bottom: 0 !important;
    }
}
@media(max-width:575px) {
    .floatingIcons {
        right: 5px;
    }
    .floatingIcons .flContent {
        right: 3.5rem;
        width: 370px;
    }
    .floatingIcons .flIcon {
        width: 2.85rem;
        min-height: 3rem;
    }
    .floatingIcons .flIcon img {
        width: 24px;
    }
    .floatingIcons p.name {
        font-size: 9px;
        line-height: 10px;
    }
    .intlist .col {
        padding: 0 !important;
        min-width: 120px;
    }
}
@media(max-width:460px) {
    .floatingIcons .flContent {
        width: 250px;
        padding: .5rem 1rem;
    }

    .intlist {
        flex-flow: wrap;
        overflow-y: unset;
    }

        .intlist .col {
            flex: 1 0 50% !important;
            padding: 5px 0 !important;
            border-bottom: 1px solid #ccc;
        }

        .intlist h4 {
            margin-bottom: 0;
            font-size: .825rem;
        }

        .intlist span.rate {
            font-size: 1.2rem;
        }

            .intlist span.rate span {
                font-size: .75rem;
            }

        .intlist .col:nth-child(2), .intlist .col:nth-child(4) {
            border-right: none;
        }

        .intlist .col:nth-child(5) {
            border-bottom: none;
            padding-bottom: 0 !important;
        }

        .intlist .col:nth-child(6) {
            border-bottom: none;
            padding-bottom: 0 !important;
        }

        .intlist a.btn {
            font-size: .7rem;
        }

    .netbanking .intlist .col {
        border-bottom: none !important;
    }

    .netbanking {
        width: 260px !important;
    }
}
@media(max-width:360px) {
    .floatingIcons .flContent {
        width: 230px;
        right: 3.5rem;
    }

    .floatingIcons .col {
        padding: 0 5px;
        margin-bottom: 0.2rem;
    }

    .intlist .col {
        flex: 1 0 112px !important;
        min-width: 110px;
    }

    .netbanking {
        width: 100% !important;
    }

        .netbanking .intlist .col {
            flex: 1 0 100% !important;
            border-right: none;
            border-bottom: 1px solid #ccc !important;
            padding: 5px 0 !important;
        }

            .netbanking .intlist .col:last-child {
                border: none !important;
                padding-bottom: 0 !important;
            }
}

.holder {
    background-color: #ccc;
    width: 300px;
    height: 250px;
    overflow: hidden;
    padding: 10px;
    font-family: Helvetica;
}
.holder .mask {
    position: relative;
    left: 0;
    top: 10px;
    width: 300px;
    height: 240px;
    overflow: hidden;
}
.holder ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.holder ul li {
    padding: 10px 0;
}
.holder ul li a {
    color: darkred;
    text-decoration: none;
}
.newsbox {
    background-color: rgba(255,255,255,.9);
    position: absolute !important;
    overflow: unset !important;
    bottom: 2.5rem;
    z-index: 1;
    right: 150px;
    width: 360px;
    padding: 15px;
    padding-bottom: 1rem;
    border-radius: .3rem;
    box-shadow: 6px 8px 20px rgba(0,0,0,.5);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.newsbox h4 {
    font-size: 1.2rem;
}
.newsbox .news-container {
    max-height: 100px;
    overflow: hidden;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.newsbox ul.newslist {
    position: relative;
    top: 0;
    animation: scroll 37s linear 1s infinite;
    transition: all .7s linear;
    -webkit-transition: all .7s linear;
}
@keyframes scroll {
    100% {
        top: -850px;
    }
}
.newsbox:hover {
    background-color: rgba(255,255,255,.975);
}
.newsbox:hover .news-container {
    max-height: 230px;
    overflow-y: auto;
    padding-right: 5px;
}
.newsbox:hover ul.newslist {
    animation: none;
}
.newsbox ul.newslist li {
    margin-bottom: .3rem;
    padding-left: 12px;
    padding-bottom: .3rem;
    border-bottom: 1px dashed rgba(0,0,0,.2);
    max-height: none;
    overflow: hidden;
    line-height: 1.2rem;
    margin-top: 0.3rem;
}
.newsbox ul.newslist li a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: -12px;
    font-size: 1rem;
    margin-right: .35rem;
    color: #0089cf;
}
.newsbox ul.newslist li a {
    color: #666;
    display: flex;
    padding: 5px;
}
.newsbox ul.newslist li a:hover {
    color: #0089cf;
}
.newsbox a.newsmore {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0;
    text-align: center;
    display: block;
    margin: auto;
    border-radius: 50%;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}
.newsbox a.newsmore:hover {
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    background-color: #0071ab;
}
@media(max-width:1080px) {
    .iconhome {
        width: 45%;
    }
}
@media(max-width:991px) {
    .iconhome {
        width: 100%;
    }

    .newsbox {
        position: relative !important;
        right: auto;
        width: auto;
        bottom: auto;
        margin: 3rem 15px;
        padding-bottom: 2rem;
        box-shadow: 6px 8px 20px rgba(0,0,0,.1);
    }

        .newsbox .news-container {
            max-height: 250px;
        }

        .newsbox:hover .news-container {
            max-height: 250px;
        }

    .homesocial .social li a .fab {
        width: 1.8rem;
        height: 1.6rem;
        line-height: 1.6rem;
        font-size: 1rem;
    }

    .newsbox a.newsmore {
        right: 0;
        left: 0;
        margin: auto;
        top: auto;
        bottom: -2.2rem;
    }
}
@media(max-width:767px) {
    .homesocial {
        display: none;
    }
}
@media only screen and (max-width:680px) and (orientation:portrait) {
    .homeslider .swiper-slide .responsive {
        display: block;
    }

    .homeslider .swiper-slide .desktop {
        display: none;
    }

    .iconhome {
        bottom: 2.2rem;
    }
}
@media(max-width:575px) {
    .homeicons li > a {
        font-size: .75rem;
        padding: .5rem .2rem;
        min-width: auto;
    }

        .homeicons li > a > img {
            width: 30px;
        }

    .newsbox a.newsmore {
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
    }
}
.mainhead {
    color: #333;
    font-size: 1.8rem;
    margin-bottom: 3rem;
}
.mainhead.center {
    text-align: center;
}
.mainhead.left {
    text-align: left;
}
.mainhead span {
    color: #666;
    font-family: 'bom_webregular';
}
.mainhead.center:after {
    content: '';
    width: 3rem;
    height: 2px;
    margin: auto;
    background-color: #0089cf;
    margin-top: 3rem;
    position: absolute;
    left: 0;
    right: 0;
}
.mainhead.left:after {
    content: '';
    width: 3rem;
    height: 2px;
    margin: auto;
    background-color: #0089cf;
    margin-top: 3rem;
    position: absolute;
    left: 15px;
    right: auto;
}
h3.mainhead {
    font-size: 1.5rem;
}
@media(max-width:575px) {
    .mainhead { font-size: 1.5rem; }
    h3.mainhead { font-size: 1.25rem; }
}
.breaking-news-ticker {
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0 !important;
    background-color: #f9f9f9 !important;
    height: 50px !important;
    line-height: 50px !important;
}
.bn-label {
    background-color: #E91E63 !important;
}
.bn-effect-scroll .bn-news ul li:before {
    content: '';
    position: absolute;
    top: 20px;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #0089cf;
    border-top: 5px solid transparent;
}
.bn-news ul li {
    margin-left: .4rem;
}
.bn-news ul li a {
    margin-left: .4rem;
    color: #666;
}
.bn-news ul li a:hover {
    color: #0089cf !important;
}
.services-main {
    padding: 0 2rem;
}
#services {
    padding-top: 3rem;
    padding-bottom: 3rem;
    box-shadow: 0 15px 40px rgba(0,0,0,.1);
    border-radius: .3rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.services .headcol {
    display: flex;
    align-items: center;
    justify-content: center;
}
.services .headcol h2 {
    text-align: center;
    margin-bottom: 0;
}

        .services .headcol h2:after {
            display: none;
        }

        .services .headcol h2 span {
            display: block;
        }

.services .contentcol ul {
    display: flex;
    flex-wrap: wrap;
}

    .services .contentcol ul li {
        padding: 5px;
    }

        .services .contentcol ul li a {
            padding: .3rem .8rem;
            border: 1px solid #0070AF;
            color: #666;
            display: block;
            border-radius: .3rem;
            text-transform: uppercase;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

            .services .contentcol ul li a:hover {
                background-color: #0089cf;
                color: #fff;
            }

.services ul.servlist {
    display: flex;
    flex-wrap: wrap;
}

    .services ul.servlist li {
        width: calc(100% / 5);
        text-align: center;
    }

        .services ul.servlist li a {
            display: block;
            padding: 1rem 1rem;
            color: #666;
            box-shadow: inset 0 0 0 1px rgba(0,137,207,.3);
            margin: .3rem;
            border-radius: .3rem;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

        .services ul.servlist li img {
            display: block;
            margin: auto;
            width: 50px;
            filter: brightness(0) opacity(.5);
            -webkit-filter: brightness(0) opacity(.5);
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

        .services ul.servlist li a span {
            margin-top: .3rem;
            display: block;
            height: 20px;
            overflow: hidden;
        }

        .services ul.servlist li a:hover {
            background-color: #0089cf;
            color: #fff;
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            border: none;
            box-shadow: 0 0 20px rgba(0,0,0,.2);
        }

            .services ul.servlist li a:hover img {
                filter: brightness(0) invert(1);
                -webkit-filter: brightness(0) invert(1);
                animation-name: zoomIn;
                animation-duration: .3s;
                animation-iteration-count: 1;
            }

.searchbtn, .searchbtn:focus {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    padding: 0;
    float: right;
    border-radius: 50%;
    background-color: #fff;
    color: #666;
    margin: auto;
    outline: 0;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

    .searchbtn:hover {
        box-shadow: 0 0 20px 0 rgba(0,137,207,.3);
        color: #0089cf;
    }

@media(max-width:991px) {
    .services .headcol {
        justify-content: center;
    }

        .services .headcol h2 {
            text-align: center;
            margin-bottom: 1rem;
        }

            .services .headcol h2 span {
                display: inline-block;
            }

    .services-main {
        padding: 0;
    }

    #services {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 3rem;
    }
}

@media(min-width:768px) {
    .services .headcol {
        justify-content: flex-end;
        max-width: 200px;
        flex: 0 0 200px;
    }

        .services .headcol h2 {
            text-align: right;
        }

    .services .contentcol {
        max-width: calc(100% - 200px);
        flex: 1;
    }
}

@media(max-width:767px) {
    .services ul.servlist {
        padding-left: 10px;
        padding-right: 10px;
    }

        .services ul.servlist li {
            flex: auto;
            width: auto;
            min-width: 33.3333%;
        }

    .services .contentcol {
        margin-bottom: 1.5rem;
    }

        .services .contentcol ul li {
            flex: auto;
            text-align: center;
        }

            .services .contentcol ul li a {
                font-size: .75rem;
            }

    .services ul.servlist li a:hover {
        transform: scale(1.025);
    }

    .services ul.servlist li img {
        width: 40px;
    }
}

@media(max-width:480px) {
    .services ul.servlist li a {
        padding: .75rem .5rem;
    }

        .services ul.servlist li a span {
            font-size: .75rem;
        }
}

.galmsg h3 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

    .galmsg h3 span {
        font-family: 'bom_webregular';
    }

.message-main {
    background-color: #000;
}

.swiper-message {
    width: 100%;
}

    .swiper-message .swiper-slide {
        background-size: cover;
        background-position: center right;
        height: 400px;
        width: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

   /* .swiper-message .messageA {
        background-image: url(../images/images/ceomessage.jpg);
    }*/

.msgcol h3 {
    color: #ddd;
    font-size: 1.4rem;
    padding: 2rem 3rem 0 3rem;
    flex: auto;
    text-shadow: 1px 2px 5px #000;
}

.msgcol h4 {
    color: #ddd;
    font-size: 1.4rem;
}

    .msgcol h4 span {
        font-size: .9rem;
        color: rgba(0,137,207,.75);
        display: block;
    }

.msgcol .msgbox {
    background-color: rgba(0,38,58,.5);
    padding: 15px 3rem;
    color: #ddd;
    font-size: 1rem;
    width: 100%;
}

    .msgcol .msgbox p {
        margin-bottom: .5rem;
    }

        .msgcol .msgbox p .fa {
            font-size: 2rem;
            margin-right: .75rem;
            color: #0089cf;
        }

        .msgcol .msgbox p a {
            color: #eee;
            max-height: 46px;
            overflow: hidden;
            display: block;
        }

    .msgcol .msgbox a.msgmore {
        float: right;
        margin-top: 1.3rem;
        color: #0089cf;
        font-family: 'bom_websemibold';
    }

    .msgcol .msgbox h1 {
        font-size: 1.4rem;
        color: #ddd;
    }

        .msgcol .msgbox h1 span {
            font-size: .9rem;
            color: rgba(0,137,207,.75);
            display: block;
        }

.ratecol {
    background-image: url(../images/images/ratebg.jpg);
    background-size: cover;
    background-position: center right;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #ccc;
    height: 400px;
    padding: 3rem;
}

    .ratecol h4 {
        color: #0089cf;
        font-size: 1.2rem;
    }

    .ratecol .btnrate {
        color: #ccc;
        border: 1px solid;
        display: block;
        width: 100%;
        margin-bottom: 1rem;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

        .ratecol .btnrate:hover {
            background-color: rgba(255,255,255,.9);
            color: #000;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

    .ratecol .rtcol1 {
        display: flex;
        justify-content: center;
        flex-direction: column;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

    .ratecol .rtcol {
        border-right: 1px solid rgba(255,255,255,.2);
        padding-top: 1rem;
    }

        .ratecol .rtcol:nth-child(1), .ratecol .rtcol:nth-child(2) {
            border-bottom: 1px solid rgba(255,255,255,.2);
        }

        .ratecol .rtcol:hover, .ratecol .rtcol1:hover {
            background-color: rgba(0,137,207,.2);
        }

        .ratecol .rtcol:nth-child(2), .ratecol .rtcol:nth-child(4) {
            border-right: none;
        }

@media(max-width:991px) {
    .message-main .msgcol {
        display: none;
    }

    .swiper-message .swiper-slide {
        background-position: top;
    }

    .galmsg h3 {
        margin-top: 1.5rem;
    }

    .mobhdmsg h3 {
        margin-top: 1.5rem;
        font-size: 1.5rem;
    }

        .mobhdmsg h3 span {
            font-family: 'bom_webregular';
        }
}

@media(max-width:767px) {
    .msgcol .msgbox p .fa {
        font-size: 1rem;
        margin-right: .5rem;
    }

    .swiper-message .swiper-slide {
        height: 300px;
    }

    .msgcol h4 {
        font-size: 1.2rem;
    }

        .msgcol h4 span {
            font-size: .8rem;
        }

    .msgcol .msgbox p a {
        font-size: .875rem;
    }

    .ratecol h4 {
        font-size: 1rem;
    }

    .ratecol .btnrate {
        font-size: .875rem;
    }
}

@media(max-width:575px) {
    .ratecol {
        height: auto;
    }
}

@media(max-width:480px) {
    .ratecol {
        padding: 3rem 1rem;
    }
}

.products-main {
    background-color: #fff;
}

#products {
    padding-top: 4rem;
    padding-bottom: 3rem;
}

.viewall {
    color: #0089d0;
    border: 1px solid;
    padding: .5rem 1.5rem;
    font-size: 1rem;
    margin-top: 10px;
    margin-bottom: 15px;
}

    .viewall .fa {
        margin-left: 3px;
    }

    .viewall:hover {
        background-color: #0089d0;
        color: #fff;
    }

.boxcol.products {
    display: flex;
    align-items: center;
    padding: 0 0 0;
    min-height: auto;
}

.products .viewall {
    margin: 25px auto 0 auto;
    display: table;
}

.products .swiper-container {
    padding: 0 !important;
}

.products .products-next, .products .products-prev {
    top: 50% !important;
    transform: translateY(-50%);
    /*border-radius: 50% !important;*/
    background-color: rgba(0,137,207,.8) !important;
    border: none !important;
}

    .products .products-next:hover, .products .products-prev:hover {
        background-color: rgba(0,137,207,1) !important;
        color: #fff !important;
    }

.products .products-next {
    /*right: 40px !important;*/
    right: 70px !important;
}

.products .products-prev {
    /*left: 40px !important;*/
    right: 106px !important;
}

.products .box {
    background-color: #fff;
    border: none !important;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 20px -10px rgba(0,0,0,.3);
    -webkit-transition: all .5s ease;
}

.offbox.products .box {
    box-shadow: none !important;
}

.products .box:hover {
    transform: translateY(-3px);
}

.products .box .imgbox1 {
    position: relative;
    overflow: hidden;
    padding: 0;
}

    .products .box .imgbox1 img {
        display: block;
        width: 100%;
        margin: auto;
        border-radius: 3px;
        max-height: none;
        height: 460px;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

.products .box .pimgbox1 {
    position: relative;
    overflow: hidden;
    padding: 0;
}

    .products .box .pimgbox1 img {
        display: block;
        width: 100%;
        margin: auto;
        border-radius: 3px;
        max-height: none;
        height: 460px;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

.products .box .infobox {
    padding: 0 10px;
}

    .products .box .infobox h4 {
        font-size: 15px;
        color: #333;
        margin-top: 20px;
        height: 16px;
        overflow: hidden;
    }

    .products .box .infobox p {
        text-align: justify;
        color: #666;
        height: 45px;
        overflow: hidden;
    }

.products-pagination {
    margin-top: -2.5rem;
    left: 0;
    right: 0;
    background-color: #fff;
}

    .products-pagination .swiper-pagination-bullet {
        margin: 0 2px;
        width: 10px;
        height: 6px;
        border-radius: 5px;
        background-color: #ccc;
        opacity: 1;
        outline: 0;
        transition: all .3s linear;
        -webkit-transition: all .3s linear;
    }

    .products-pagination .swiper-pagination-bullet-active {
        width: 25px !important;
        border-radius: 5px;
        outline: 0;
        background-color: #0089d0;
    }

.products .box .btnmore {
    margin: auto;
    margin-top: 0;
    margin-bottom: 25px;
    display: table;
}

.btnmore, .btnmore:focus {
    outline: 0;
    box-shadow: none;
    padding: 0;
    font-family: 'bom_websemibold';
    /*color: #0089cf;*/
    color: #00527AED;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

    .btnmore .fas {
        background-color: transparent;
        color: #0089bf;
        width: 18px;
        height: 18px;
        line-height: 15px;
        font-size: 12px;
        border-radius: 50%;
        margin-left: 2px;
        border: 1.75px solid;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

    .btnmore:hover {
        /*color: #F44336;*/
		color: #dd2517;
    }

        .btnmore:hover .fas {
            background-color: #dd2517;
            border-color: #dd2517;
            color: #fff;
        }

#appoffer {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.boxcol {
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    margin-bottom: 1rem;
    min-height: 460px;
}

    .boxcol h3 {
        margin-bottom: 1rem;
    }

.calcbox img {
    border-radius: 5px;
    margin: auto;
    margin-bottom: .5rem;
    display: block;
}

.calcbox ul li {
    border-bottom: 1px dashed #ddd;
}

    .calcbox ul li a {
        display: block;
        padding: .6rem 0;
        color: #666;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

        .calcbox ul li a .fa {
            float: right;
            color: #0089cf;
            margin-top: 4px;
        }

    .calcbox ul li:last-child {
        border-bottom: none;
    }

    .calcbox ul li a:hover {
        color: #0089cf;
        padding-left: 5px;
    }

.offbox img {
    border-radius: 5px;
    display: block;
    margin: auto;
    border: 1px solid #ccc;
    cursor: pointer;
    width: 100%;
    max-height: 338px;
}

.offbox .btnmore {
    float: right;
    padding: 10px;
}

    .offbox .btnmore .fas {
        margin-top: 4px;
        margin-left: 8px;
    }

.offer-box .swiper-button-pause {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.offbox .swiper-button-next, .offbox .swiper-button-prev {
    left: auto;
    right: 2rem;
    top: 1rem;
    width: 1.8rem;
    height: 1.8rem;
    margin-top: 0;
    background: none;
    border: 1.5px solid;
    border-radius: 3px;
    color: #ccc;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.offer-box .swiper-button-pause {
    left: auto;
    right: 2rem;
    top: 1rem;
    width: 1.8rem;
    height: 1.8rem;
    margin-top: 0;
    background: none;
    border: 1.5px solid;
    border-radius: 3px;
    color: #ccc;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.offbox .swiper-button-prev {
    /*right: 4.2rem;*/
    right: 6.0rem;
}
.offbox .swiper-button-next {
    right: 4rem;
}

    .offbox .swiper-button-next:after, .offbox .swiper-button-prev:after, .offbox .swiper-button-pause::after {
        display: none;
    }

    .offbox .swiper-button-next .fa, .offbox .swiper-button-prev .fa, .offbox .swiper-button-pause .fa {
        font-size: 1rem;
    }

    .offbox .swiper-button-next:hover, .offbox .swiper-button-prev:hover, .offbox .swiper-button-pause:hover {
        color: #0089cf;
    }

    .offbox .swiper-button-next:focus, .offbox .swiper-button-prev:focus {
        outline: 0;
    }
.notice-box .swiper-button-pause {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.notice-box .swiper-button-pause {
    left: auto;
    right: 2rem;
    top: 89%;
    width: 1.8rem;
    height: 1.8rem;
    margin-top: 0;
    /*background-color: #0089cf;*/
    background-color: rgba(0,137,207,.8) !important;
    border: none;
    border-radius: 3px;
    color: #ccc;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    /*box-shadow: 0px 0px 8px 1px #0000009c;*/
}
    .notice-box .swiper-button-pause:hover {
        color: #ccc;
        background-color: #00283c;
        /*background-color: #0089cf;*/
        /*transform: translateY(-3px);*/
    }

@media(max-width:991px) {
    .offbox img {
        max-height: none;
        height: auto !important;
    }
}

.mobileapp {
    background-color: #ddd;
    background-image: url(../images/images/mobileapp.jpg);
    background-position: center;
    background-size: cover;
    display: flex;
    position: relative;
    top: 2rem;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

    .mobileapp h5 {
        position: absolute;
        bottom: 6rem;
        text-align: center;
        color: #fff;
        left: 0;
        right: 0;
        text-shadow: 2px 4px 5px rgba(0,0,0,.6);
    }

    .mobileapp .download {
        display: flex;
        align-items: flex-end;
        margin-bottom: .5rem;
    }

        .mobileapp .download a {
            margin: 0 .5rem;
            border-radius: 8px;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

            .mobileapp .download a:hover {
                box-shadow: 2px 4px 20px rgba(0,137,207,.8);
            }

ul.linklist {
    max-height: 380px;
    overflow-y: auto;
    padding-right: 6px;
}

    ul.linklist li a {
        display: block;
        padding: .75rem;
        border: 1px dashed #ddd;
        margin-bottom: .5rem;
        border-radius: .3rem;
        color: #666;
        border-left: 3px solid #0089cf;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

        ul.linklist li a:hover {
            background-color: #0089cf;
            color: #fff;
        }

        ul.linklist li a span.fa {
            float: right;
            margin-top: 3px;
            color: #0089cf;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

        ul.linklist li a:hover span.fa {
            animation: moveRight .5s 3;
            color: #fff;
        }

@media(max-width:1200px) {
    .calcbox, .offbox {
        min-height: 300px;
    }

    .mobileapp {
        min-height: 400px;
    }
}

@media(max-width:991px) {
    .mobcol {
        margin-top: 2rem;
    }

    .mobileapp {
        top: 0;
        min-height: 500px;
        max-width: 380px;
        margin: auto;
    }
}

@media(max-width:575px) {
    .calcbox {
        margin-bottom: 2rem;
    }

    .mobileapp {
        min-height: 450px;
    }

        .mobileapp h5 {
            bottom: 5rem;
            font-size: 1.2rem;
        }

    .offbox .offer-prev {
        right: 4rem;
    }

    .offbox .offer-next, .offbox .offer-prev {
        width: 1.5rem;
        height: 1.5rem;
    }
}

@media(max-width:380px) {
    .mobileapp {
        min-height: 400px;
    }

        .mobileapp h5 {
            bottom: 4rem;
            font-size: 1rem;
        }
}

@media(max-width:320px) {
    .mobileapp {
        min-height: 350px;
    }
}

.homegallery {
    list-style-type: none;
}

    .homegallery li a {
        display: block;
    }

    .homegallery li {
        float: left;
        padding: 0;
        overflow: hidden;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

        .homegallery li span.thumb-image {
            background-size: cover;
            background-position: center;
            width: 100%;
            min-height: 200px;
            display: block;
            overflow: hidden;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

        .homegallery li:hover span.thumb-image {
            transform: scale(1.15);
        }

        .homegallery li span.overlay {
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 1;
            background-color: rgba(1,85,152,0);
            position: absolute;
            width: 100%;
            height: 100%;
            bottom: 0;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

        .homegallery li:hover span.overlay {
            background-color: rgba(1,85,152,.8);
        }

        .homegallery li span.overlay i {
            text-align: center;
            color: rgba(255,255,255,.8);
            opacity: 0;
            font-size: 2rem;
            display: table-cell;
            vertical-align: middle;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

        .homegallery li:hover span.overlay i {
            opacity: 1;
        }

        .homegallery li span.caption {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0,0,0,.5);
            padding: .5rem .1rem;
            color: #eee;
            margin: 10px 5px;
            border-radius: .3rem;
        }

            .homegallery li span.caption span {
                margin: 0;
                max-height: 42px;
                overflow: hidden;
                display: block;
            }

@media(max-width:575px) {
    .homegallery li span.thumb-image {
        min-height: 180px;
    }

    .homegallery li span.caption {
        padding: .25rem .1rem;
    }

        .homegallery li span.caption p {
            font-size: .75rem;
            max-height: 2rem;
            line-height: 1rem;
        }
}

@media(max-width:380px) {
    .homegallery li span.thumb-image {
        min-height: 140px;
    }
}

#mycounter {
    position: relative;
    padding: 3rem 0;
    background-color: #0089cf;
}

#counter {
    position: relative;
    z-index: 1;
    flex-flow: wrap;
}

.counter {
    background-color: #007e7c;
    background-image: url(../images/images/countbg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

    .counter:after {
        content: '';
        width: 100%;
        position: absolute;
        z-index: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.6);
    }

.cobox {
    text-align: center;
    color: #fff;
}

    .cobox img {
        display: block;
        margin: auto;
        max-width: 50px;
    }

    .cobox .counter-value, .cobox span.plus {
        display: inline-block;
        color: #fff;
        margin-top: 15px;
        font-family: 'bom_websemibold';
        font-size: 20px;
    }

    .cobox p {
        color: #fff;
        text-align: center;
        font-family: 'bom_websemibold';
        margin-bottom: 0;
    }

ul.quickbutton {
    display: flex;
    flex-wrap: wrap;
}

    ul.quickbutton li {
        width: 16.666%;
    }

        ul.quickbutton li a {
            color: #fff;
            width: 100%;
            border-radius: 0;
            line-height: 1.2rem;
            padding: 1rem .5rem;
            font-size: .875rem;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

            ul.quickbutton li a:hover {
                color: #fff;
            }

            ul.quickbutton li a img {
                width: 2rem;
                display: block;
                margin: .5rem auto;
                filter: brightness(0) invert(1);
                -webkit-filter: brightness(0) invert(1);
                transition: all .3s ease;
                -webkit-transition: all .3s ease;
            }

            ul.quickbutton li a:hover img {
                animation: zoomIn .5s 1;
            }

        ul.quickbutton li:nth-child(odd) a {
            background-color: #003a69;
        }

        ul.quickbutton li:nth-child(even) a {
            background-color: #004882;
        }

@media(max-width:767px) {
    ul.quickbutton li {
        width: 33.333%;
    }
}

@media(max-width:575px) {
    ul.quickbutton li a {
        font-size: .75rem;
    }
}

@media(max-width:360px) {
    ul.quickbutton li {
        width: 50%;
    }
}

footer, .footer {
    background-color: #006599;
    color: #eee;
    font-size: .85rem;
    box-shadow: 0 -10px 20px 0 rgba(0,137,207,.1);
}

    footer .ftmain p, .footer .ftmain p {
        color: #eee;
        margin-bottom: 0;
    }

    footer .footbox, .footer .footbox {
        padding-top: 2rem;
        padding-bottom: 3rem;
    }

        footer .footbox ul.footlist, .footer .footbox ul.footlist {
            display: flex;
            flex-flow: wrap;
            margin: 0 -5px;
        }

            footer .footbox ul.footlist li ,.footer .footbox ul.footlist li {
                flex: 0 0 50%;
                margin-bottom: .5rem;
            }

                footer .footbox ul.footlist li a, .footer .footbox ul.footlist li a {
                    color: #eee;
                    display: block;
                    border-bottom: 1px dashed rgba(255,255,255,.3);
                    margin: 0 5px;
                    padding-bottom: 5px;
                    transition: all .3s ease;
                    -webkit-transition: all .3s ease;
                }

                    footer .footbox ul.footlist li a:hover, .footer .footbox ul.footlist li a:hover {
                        color: #fff;
                    }

        footer .footbox .centercol, .footer .footbox .centercol {
            background-color: #0089cf;
            padding-right: 15px;
            padding-left: 15px;
            min-height: 455px;
            padding-top: 2rem;
            max-width: 330px;
            margin: auto;
        }

            footer .footbox .centercol ul.footlist a, .footer .footbox .centercol ul.footlist a {
                color: #eee !important;
                border-bottom: 1px dashed rgba(255,255,255,.3);
                margin: 0 .5rem;
                display: block;
                padding-bottom: 5px;
            }

    footer h4, footer .h4, .footer h4, .footer .h4 {
        margin-bottom: 0;
        font-size: 1.1rem;
        color: #0089cf;
        text-align: left;
    }

        footer h4:after, footer .h4:after, .footer h4:after, .footer .h4:after {
            content: '';
            width: 2rem;
            height: 2px;
            border-radius: 3px;
            display: block;
            background: rgba(0,0,207,.3);
            margin-top: .5rem;
            margin-bottom: .8rem;
            border-left: 8px solid #333;
        }

        footer h4.white, footer .h4.white, .footer h4.white, .footer .h4.white {
            color: #fff;
        }

            footer h4.white:after, footer .h4.white:after, .footer h4.white:after, .footer .h4.white:after {
                background: rgba(0,0,0,.3);
            }

        footer h4.center, footer .h4.center, .footer h4.center, .footer .h4.center {
            text-align: center;
        }

            footer h4.center:after, footer .h4.center:after, .footer h4.center:after, .footer .h4.center:after {
                margin-left: auto;
                margin-right: auto;
            }

    footer .footbox h5 a, .footer .footbox h5 a {
        color: #ddd;
        font-size: 1rem;
        font-family: 'bom_websemibold';
    }

        footer .footbox h5 a:hover, .footer .footbox h5 a:hover {
            color: #fff;
        }

.footline {
    border-top: 1px solid rgba(255,255,255,.1);
    width: 100%;
}

footer .social, .footer .social {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

    footer .social li, .footer .social li {
        margin-right: 0;
        display: block;
        float: none;
    }

        footer .social li a .fab, .footer .social li a .fab {
            border-radius: .3rem;
        }

footer .newsletter, .footer .newsletter {
    background-color: #0089cf;
    background-image: url(../images/images/subsbg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 2rem;
    padding-bottom: 3rem;
    padding-right: 15px;
    padding-left: 15px;
}

    footer .newsletter p, .footer .newsletter p {
        color: #fff;
    }

    footer .newsletter h4, .footer .newsletter h4 {
        color: #fff;
    }

    footer .newsletter input::placeholder, .footer .newsletter input::placeholder {
        color: #ccc;
    }

    footer .newsletter input, .footer .newsletter input {
        background-color: #fff;
        border: none;
        color: #ddd;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

        footer .newsletter input:focus, .footer .newsletter input:focus {
            background-color: rgba(0,0,0,.5);
            box-shadow: none;
            outline: 0;
            color: #fff;
        }

    footer .newsletter button, .footer .newsletter button {
        min-width: 3rem;
    }

footer .ftbottom, .footer .ftbottom {
    background-color: #006fa7;
}

    footer .ftbottom a, .footer .ftbottom a {
        color: #fff;
    }

        footer .ftbottom a:hover, .footer .ftbottom a:hover {
            color: #ddd;
        }

    footer .ftbottom p, .footer .ftbottom p {
        margin: .5rem 0;
        color: #fff;
    }

@media(max-width:991px) {
    footer .swiper-footer, .footer .swiper-footer {
        max-width: 500px;
    }

    footer .ftmain, .footer .ftmain {
        padding-top: 2rem;
    }

    footer .footbox, .footer .footbox {
        padding: 1rem;
        margin: 0 auto;
        border-radius: .3rem;
        max-width: 500px;
    }

        footer .footbox .centercol, .footer .footbox .centercol {
            background-color: #0089cf;
            margin-right: auto;
            margin-left: auto;
            min-height: auto;
            max-width: 100%;
            padding: 15px;
            border-radius: .3rem;
        }

        footer .footbox h4, .footer .footbox h4 {
            text-align: left;
        }

            footer .footbox h4:after, .footer .footbox h4:after {
                margin-right: auto;
                margin-left: 0;
            }

    footer .newsletter, .footer .newsletter {
        background: none;
        padding: 0;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 3rem;
    }

    footer .ftadress, .footer .ftadress {
        text-align: center;
        margin-bottom: 3rem;
    }

        footer .ftadress h4, footer .ftnote h4, .footer .ftadress h4, .footer .ftnote h4 {
            text-align: center;
        }

            footer .ftadress h4:after, footer .ftnote h4:after, .footer .ftadress h4:after, .footer .ftnote h4:after {
                margin-left: auto;
                margin-right: auto;
            }

    footer .social, .footer .social {
        justify-content: center;
    }

        footer .social li, .footer .social li {
            margin: 0 10px;
        }

    footer .ftnote, .footer .ftnote {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
    }

        footer .ftnote p, .footer .ftnote p {
            text-align: center !important;
        }
}

@media(max-width:767px) {
    footer .ftbottom p, .footer .ftbottom p {
        text-align: center;
    }
}

@media(max-width:575px) {
    footer, .footer {
        font-size: .75rem;
    }

        footer h4, .footer h4 {
            font-size: 1rem;
        }
}

#back2Top {
    width: 2.5rem;
    line-height: 2.2rem;
    height: 2.5rem;
    z-index: 99;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 2rem;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 50%;
    background-color: #004256;
    opacity: .7;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

    #back2Top:hover {
        background-color: #032833;
        color: #ccc;
    }

    #back2Top .fa {
        font-size: 1rem;
    }

    #back2Top span {
        line-height: 1;
        display: block;
        margin-top: -10px;
        color: #fff;
        width: 80px;
        background: #004256;
        padding: 3px;
        margin-left: -20px;
        border-radius: 3px;
        font-size: 10px;
    }

@media(max-width:991px) {
    #back2Top {
        width: 2.75rem;
        height: 2.75rem;
        line-height: 2.75rem;
    }

        #back2Top span {
            margin-left: -18px;
        }
}

@media(max-width:767px) {
    #back2Top {
        width: 3rem;
    }
}

@media(max-width:575px) {
    #back2Top {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        right: 0rem;
    }

        #back2Top .fa {
            font-size: .8rem;
        }

        #back2Top span {
            margin-left: -25px;
        }
}

.mybtn-one, .mybtn-one:focus {
    background-color: transparent;
    color: #0089cf;
    padding: 0;
    font-family: 'bom_websemibold';
    font-size: .875rem;
    outline: 0;
    box-shadow: none;
}

    .mybtn-one:hover {
        color: #005049;
    }

    .mybtn-one .fa {
        margin-left: 5px;
    }

    .mybtn-one:hover .fa {
        animation-name: pulse;
        animation-duration: 1s;
        animation-iteration-count: infinite;
    }

.mybtn-two, .mybtn-two:focus {
    font-size: .875rem;
    background-color: #0089cf;
    color: #fff;
    border-radius: .3rem;
}

    .mybtn-two:hover {
        color: #fff;
        box-shadow: 4px 5px 20px rgba(0,0,0,.3);
    }

    .mybtn-two span {
        margin-left: 5px;
    }

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

input[type="number"] {
    -moz-appearance: textfield;
}

.mymodal {
    z-index: 99991;
    background-color: rgba(0,0,0,.7);
}

    .mymodal .pop-up-director {
        display: unset;
        position: relative;
        z-index: unset;
        width: 100%;
        height: 100%;
        background-color: unset;
        top: auto;
        left: auto;
    }

    .mymodal .pop-up-inner {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        background: unset;
        padding: unset;
        text-align: unset;
    }

        .mymodal .pop-up-inner .profile_image {
            width: 20%;
            border: none;
            margin: 0;
            padding-right: 15px;
        }

    .mymodal button.close {
        position: absolute;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 0;
        right: 0;
        top: 0;
        background-color: #0089cf;
        color: #fff;
        opacity: 1;
        margin: auto;
        z-index: 1;
        outline: 0;
        border-radius: 0 0 0 15px;
    }

        .mymodal button.close .fa {
            font-size: 1rem;
        }

@media(max-width:991px) {
    .mymodal .pop-up-inner .profile_image {
        width: 50%;
        margin-bottom: 1rem;
        padding: 0;
    }

    .mymodal .pop-up-inner .profile_details {
        width: 100%;
    }
}

.flIconSpec {
    /* background-color: #fa8319 !important; */
    background-color: #fb9030 !important;
    color: #000000D9 !important;
}

.pageslider {
    width: 100%;
    height: 50vh;
}

    .pageslider:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 200px;
        z-index: 2;
        background: rgb(0,0,0);
        background: linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 100%);
    }

    .pageslider .swiper-slide {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        .pageslider .swiper-slide .slide {
            display: block;
            width: 100%;
            height: 50vh;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .pageslider .swiper-slide .responsive {
            display: none;
        }

        .pageslider .swiper-slide > img {
            width: 100%;
        }

    .pageslider .swiper-pagination {
        bottom: 1rem !important;
        right: 0;
        left: 0;
        width: auto !important;
    }

    .pageslider .swiper-pagination-bullet {
        height: .3rem;
        width: 1rem;
        border-radius: .3rem;
        display: inline-block;
        opacity: 1;
        margin: 0 .3rem !important;
        background-color: rgba(255,255,255,.7);
        outline: 0;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
    }

    .pageslider .swiper-pagination-bullet-active {
        background: #0089cf;
        width: 2.2rem;
    }

@media only screen and (max-width:680px) and (orientation:portrait) {
    .pageslider .swiper-slide .responsive {
        display: block;
    }

    .pageslider .swiper-slide .desktop {
        display: none;
    }
}

.bannerBread {
    z-index: 1;
    position: absolute;
    bottom: 0;
}

#divInnerBanner {
    position: relative;
}

@-webkit-keyframes blinker {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.blink {
    text-decoration: blink;
    animation: blinker .5s infinite ease-in-out alternate;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

@-webkit-keyframes zooming {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.05);
    }
}

.zoom {
    text-decoration: blink;
    animation: zooming .5s infinite ease-in-out alternate;
    -webkit-animation-name: zooming;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

.img-replace {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
}

.bts-popup {
    position: fixed;
    z-index: 99999;
    right: 15%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s,visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s,visibility 0s 0.3s;
    transition: opacity 0.3s 0s,visibility 0s 0.3s;
}

    .bts-popup.is-visible {
        opacity: .9;
        visibility: visible;
        -webkit-transition: opacity 0.3s 0s,visibility 0s 0s;
        -moz-transition: opacity 0.3s 0s,visibility 0s 0s;
        transition: opacity 0.3s 0s,visibility 0s 0s;
        animation: fadeInUp 1s 1;
    }

.bts-popup-container {
    position: relative;
    width: 96%;
    max-width: 800px;
    margin: 1.5rem auto;
    background: #E91E63;
    border-radius: .3rem;
    text-align: left;
    color: #fff !important;
    box-shadow: 4px 4px 15px rgba(0,0,0,.75);
    padding: 10px;
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .bts-popup-container img {
        padding: 20px 0 0 0;
    }

    .bts-popup-container h4 {
        color: #000 !important;
    }

    .bts-popup-container p {
        color: #fff;
        padding: 5px 0;
    }

    .bts-popup-container ol {
        padding: 0;
        margin: 0;
        font-size: .75rem;
        line-height: .85rem;
    }

    .bts-popup-container a:link {
        color: #000;
        !important;
        font-weight: 600;
    }

    .bts-popup-container .bts-popup-button {
        padding: 5px 25px;
        border: 1px solid #fff;
        display: inline-block;
        margin-bottom: 10px;
        border-radius: .3rem;
        transition: all .3s ease;
    }

        .bts-popup-container .bts-popup-button:hover {
            animation: jello 1s 1;
        }

    .bts-popup-container .bts-popup-close {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 30px;
        background-color: #252525;
        border-radius: 0 .3rem 0 1rem;
    }

        .bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {
            content: '';
            position: absolute;
            top: 12px;
            width: 16px;
            height: 3px;
            background-color: #fff;
        }

        .bts-popup-container .bts-popup-close::before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            left: 8px;
        }

        .bts-popup-container .bts-popup-close::after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            right: 6px;
            top: 13px;
        }

.is-visible .bts-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.ftmenucol {
    flex: auto;
    margin: 0 15px;
    background: #066fa5;
}

.webcount {
    margin-top: 1rem;
}

    .webcount ul li {
        color: #f7f7f7;
        text-align: right;
    }

        .webcount ul li span {
            color: #fff;
            font-size: 1rem;
        }

@media(max-width:991px) {
    .webcount ul li {
        text-align: center;
    }
}

.footernew .ftmenucol {
    margin: 0;
}

.footernew .footbox .centercol {
    max-width: none;
    min-height: auto;
    background: #066fa5;
    padding-bottom: 2rem;
    border-radius: .3rem;
}

.footernew .footbox ul.footlist.ftw100 li {
    flex: 0 0 100%;
}

.footernew .menutoggle {
    width: 40px;
    height: 40px;
    background-color: #0089cf;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    outline: 0;
    border: none;
    margin-top: -20px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

    .footernew .menutoggle span:before, .footernew .menutoggle span:after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: auto;
        background-color: #ddd;
    }

    .footernew .menutoggle span:before {
        width: 20px;
        height: 2px;
    }

    .footernew .menutoggle span:after {
        height: 20px;
        width: 2px;
    }

    .footernew .menutoggle.active {
        transform: rotate(45deg);
    }

.footernew .ftbtmain {
    padding-top: 0;
    padding-bottom: 0;
}

.footernew .fivecol .footbox {
    width: calc(100% / 5);
    padding-left: 15px;
    padding-right: 15px;
}

.footernew .footbox ul.footlist li {
    flex: 0 0 100%;
}

.footernew .social {
    justify-content: flex-start;
}

    .footernew .social li {
        margin-right: .5rem;
    }

.footernew .webcount {
    margin-top: 0;
}

    .footernew .webcount ul {
        display: flex;
        flex-flow: wrap;
    }

        .footernew .webcount ul li {
            margin-right: 10px;
            text-align: left;
        }

@media(max-width:991px) {
    .footernew .social {
        justify-content: center;
    }

    footer .ftbtmain .footbox h4, .footer .ftbtmain .footbox h4 {
        text-align: center;
    }

        footer .ftbtmain .footbox h4:after, .footer .ftbtmain .footbox h4:after {
            margin-left: auto;
        }

    footer .ftbtmain .footbox p, .footer .ftbtmain .footbox p {
        text-align: center;
    }

    .footernew .fivecol .footbox {
        width: 100%;
        max-width: 500px;
        flex: auto;
    }

    .footernew .webcount ul {
        display: flex;
        flex-flow: wrap;
        justify-content: center;
    }

        .footernew .webcount ul li {
            width: auto;
            text-align: center;
        }
}

@media(max-width:575px) {
    .footernew .webcount ul li {
        width: auto;
        text-align: center;
    }
}

.forexbackimage {
    background-image: url(../../../../writereaddata/documentlibrary/forex.jpg);
    background-position: right center;
    background-repeat: no-repeat;
}

@media(max-width:575px) {
    .forexbackimage {
        background-image: none;
    }
}

.cleardiv {
    clear: both;
}

.padleft10 {
    text-align: left;
    padding-left: 10px;
}

.padleft20 {
    text-align: left;
    padding-left: 20px;
}

.padleft30 {
    text-align: left;
    padding-left: 30px;
}

.bodbox {
    border: solid 1px #a5a5a5;
    padding: 10px;
    border-radius: 10px;
}

a.rightbtn {
    border: solid 1px #1571b8;
    padding: 10px 2%;
    border-radius: 6px;
    float: right;
    background-color: #0070AF;
    color: #fff;
    font-weight: 800;
    margin-right: 2%;
}

.floatBtns {
    box-shadow: 0 12px 45px rgba(0,0,0,.15);
    overflow: hidden;
}

    .floatBtns.open {
        display: block;
    }

    .floatBtns.popup-ani {
        -webkit-transition: all .8s cubic-bezier(.175,.885,.32,1.275);
        transition: all .8s cubic-bezier(.175,.885,.32,1.275);
    }

    .floatBtns h1 {
        font-size: 20px;
        color: #757575;
        padding: 25px 0;
        margin: 0;
    }

.floatBtns-fab {
    width: 22px;
    height: 28px;
    background-color: rgba(0,0,0,.5);
    border-radius: 50% 0 0 50%;
    float: right;
    box-shadow: 0 12px 45px rgba(0,0,0,.3);
    z-index: 5;
    position: relative;
    right: 22px; /*right:109px;*/
}
.floatBtns-fab.active {
    right: 73px;
}
.font-medium .floatBtns-fab.active {
    right: 81px;
}
.font-large .floatBtns-fab.active {
    right: 91px;
}
.font-xlarge .floatBtns-fab.active {
    right: 126px;
}
.font-xlarge header .tophead {
    height: 50px;
}
.font-xlarge .search-container input, .font-xlarge .search-container input:focus {
    height: 43px;
}
.font-xlarge .search-container button, .font-xlarge .search-container button:focus {
    font-size: 30px;
}
.font-xlarge .search-container .btnsubmit, .font-xlarge .search-container .btnsubmit:focus {
    width: 45px;
    height: 43px;
}
.hindi.font-small .floatBtns-fab.active {
    right: 73px;
}
.hindi.font-medium .floatBtns-fab.active {
    right: 74px;
}
.hindi.font-large .floatBtns-fab.active {
    right: 83px;
}
.hindi.font-xlarge .floatBtns-fab.active {
    right: 93px;
}
.marathi.floatBtns-fab.active {
    right: 70px;
}
.marathi.font-small .floatBtns-fab.active {
    right: 70px;
}
.marathi.font-medium .floatBtns-fab.active {
    right: 79px;
}
.marathi.font-large .floatBtns-fab.active {
    right: 89px;
}
.marathi.font-xlarge .floatBtns-fab.active {
    right: 100px;
}


.floatBtns-fab .img-fab {
    height: 14px;
    width: 10px;
    margin: 7px auto;
    background-image: url(../images/icons/accessibility.svg);
    background-position: 2px -18px;
    background-size: 8px;
    background-repeat: no-repeat;
}
.floatBtns-fab .wrap {
    transform: rotate(0deg);
    -webkit-transition: all .15s cubic-bezier(.15,.87,.45,1.23);
    transition: all .15s cubic-bezier(.15,.87,.45,1.23);
}
.floatBtns-fab .ani {
    transform: rotate(45deg);
    -webkit-transition: all .15s cubic-bezier(.15,.87,.45,1.23);
    transition: all .15s cubic-bezier(.15,.87,.45,1.23);
}
.floatBtns-fab .close {
    background-position: 6px 0;
    transform: rotate(-45deg);
    float: none;
    background-size: 8px;
    width: 14px;
    height: 15px;
    opacity: 1;
}
.floatBtns-wrap {
    position: fixed;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.font-xlarge .floatBtns .floatingIcons {
    right: -101px;
}
.floatingIcons .flIcon{
    gap:2px;
}
.floatingIcons p.name{
    line-height:15px;
}
.onlineacc .btn {
    line-height: 1.1;
}
.ba-settings {
    position: absolute;
    top: -25px;
    right: 0;
    padding: 10px 20px;
    background-color: #555;
    border-radius: 5px;
    color: #fff;
}
.floatBtns .floatingIcons {
    right: -75px;
}
.floatBtns.open .floatingIcons {
    right: 0;
}
@media(max-width:991px){
    .floatBtns-fab.active {
        right: 74px;
    }
}
@media(max-width:767px) {
    .floatingIcons {
        position: absolute;
        /*right: -119px;*/
        background-color: rgba(0,0,0,.5);
        /*padding-top: 8px;*/
        /*width: 62px;*/
        border-radius: 5px 0 0 5px;
    }

    .floatBtns.open .floatingIcons {
        right: 0;
    }

    .floatBtns-fab {
        right: 20px;
    }

    .floatBtns-fab.active {
        right: 85px;
    }

    .floatingIcons {
        padding: 8px;
    }

        .floatingIcons .flIcon {
            width: auto;
            min-height: auto;
            padding: 5px;
        }

    .font-medium .floatingIcons .flIcon {
        width: 90px;
        right: -80px;
    }

    .font-medium .floatBtns-fab.active {
        right: 89px;
    }

    /*.font-xlarge .floatingIcons .flIcon {
        width: 120px;
        right: -111px;
    }*/
    .font-xlarge .floatingIcons {
        width: 120px;
        right: -113px;
    }

    .font-xlarge .floatBtns-fab.active {
        right: 120px;
    }
    .font-xlarge .floatingIcons p.name {        
        line-height: 17px;
    }
    .floatBtns-wrap {
        /*z-index: 11;*/
        z-index: 11111;
    }
    .font-medium .floatBtns-fab.active {
        right: 90px;
    }
}

@media(max-width:575px) {
    .floatingIcons {
        right: -99px;
    }
    .floatBtns-fab {
        right: 20px;
    }
}
@media(max-width:360px) {
    .floatBtns-fab.active {
        right: 83px;
    }
    .floatBtns-fab {       
        right: 22px; 
    }
    .floatingIcons {
        padding: 2px;
    }
    .font-medium .floatBtns-fab.active {
        right: 104px;
    }
}
.homemodal {
    z-index: 9999;
    background-color: rgba(0,0,0,.4);
}

.homemodal .modal-content {
    background-color: transparent;
    color: #ccc;
    border: none;
}

.homemodal .pop-up-director {
    display: unset;
    position: relative;
    z-index: unset;
    width: 100%;
    height: 100%;
    background-color: unset;
    top: auto;
    left: auto;
}

.homemodal .pop-up-inner {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    background: unset;
    padding: unset;
    text-align: unset;
}

.homemodal .pop-up-inner .profile_image {
    width: 20%;
    border: none;
    margin: 0;
    padding-right: 15px;
}

.homemodal button.close {
    position: absolute;
    width: 2.1rem;
    height: 2.1rem;
    line-height: 0;
    right: 0;
    top: 0;
    background-color: #0089cf;
    color: #fff;
    opacity: 1;
    margin: auto;
    z-index: 1;
    outline: 0;
    border-radius: 25px 25px 25px 25px;
    border: 1px solid #0089cf;
    text-shadow: none;
}

.homemodal button.close .fa {
    font-size: 1rem;
}

.homemodal .deskImg {
    display: block;
}

.homemodal .mobImg {
    display: none;
}

.homemodal .homePopImg {
    max-height: 500px;
}

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

@media(max-width:991px) {
    .homemodal .pop-up-inner .profile_image {
        width: 50%;
        margin-bottom: 1rem;
        padding: 0;
    }
    .homemodal .pop-up-inner .profile_details {
        width: 100%;
    }
    .homemodal .deskImg {
        display: none;
    }
    .homemodal .mobImg {
        display: block;
    }
    .homemodal .homePopImg {
        max-height: 300px;
    }
}
.homeh1 {
    font-size: 10px;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
}
/*---- Dark Theme --------*/
body.dark {
    background-color: #121212;
    color: #888;
}
.dark::-webkit-scrollbar-track, .dark ::-webkit-scrollbar-track {
    background-color: #333;
}
.dark::-webkit-scrollbar-thumb, .dark ::-webkit-scrollbar-thumb {
    background-color: #666;
}
.dark::-webkit-scrollbar-thumb:hover, .dark ::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}
.dark header .tophead .topleft ul li.active a {
    background-color: rgba(12,113,194,.5);
}
.dark header .megamenu .dropbtn img {
    opacity: .7;
}
.dark .topleft ul.nav, .dark ul.fontsize, .dark .custom-switch {
    opacity: .8;
}
.dark .topright .dropdown-menu {
    background-color: #222;
}
.dark .topright .dropdown-menu a {
    color: #999;
}
.dark .topright .dropdown-item:focus, .dark .topright .dropdown-item:hover {
    background-color: #333;
}
.dark header .tophead .topleft ul li.active a {
    color: #ddd;
}
.dark .logo img.logoimg {
    opacity: .8;
}
.dark .homeslider .swiper-slide .slide {
    opacity: 1;
}
.dark .homeicons li > a {
    background: rgba(0,40,60,.7);
    color: #ccc;
}
.dark .homeicons li > a:hover {
    background: #003f60;
}
.dark .floatingIcons .flIcon {
    background-color: #00283c;
}
.dark .floatingIcons .flIcon img, .dark .floatingIcons .flIcon p.name {
    opacity: .7;
}
.dark .btn-primary {
    background-color: #00283c;
    color: #ccc;
}
.dark .btn-primary img {
    opacity: .7;
}
.dark .btn-primary:hover {
    background-color: #003f60;
}
.dark .btn-outline-secondary:hover {
    color: #ccc;
}
.dark .floatingIcons .flContent {
    background-color: rgba(3,17,29,.95);
}
.dark .floatingIcons .flContent:after {
    border-left-color: rgba(3,17,29,.95);
}
.dark .intlist h4 {
    color: #999;
}
.dark .intlist span.rate {
    color: rgba(0,137,207,.75);
}
.dark header .megamenu-content {
    background-color: #121212;
}
.dark header ul.menulist li a img {
    opacity: 1;
}
.dark header ul.menulist li a {
    color: #999;
    border-color: #444;
}
.dark header ul.menulist li a:hover {
    color: #aaa;
    border-color: #aaa;
}
.dark header .megamenu .tabcontentcol, .dark header .megamenu .tabmenucol .nav-link {
    border-color: #444;
}
.dark .nav-pills .nav-link.active, .dark .nav-pills .show > .nav-link {
    color: #ccc !important;
    background-color: #00283c;
}
.dark header .navbar a.mainli {
    color: #ccc;
}
.dark header .megamenu .tabmenucol .nav-link img {
    opacity: .7;
}
.dark .homesocial {
    background-color: #121212;
}
.dark .homesocial .social li a {
    border-color: #444;
}
.dark .homesocial .social li a .fab {
    color: #00527c;
}
.dark .homesocial .social li a:hover .fab {
    color: #ccc;
}
.dark .newsbox {
    background-color: rgba(19,21,21,.8);
}
.dark .newsbox h4 {
    background-color: rgba(40,40,40,.9);
    color: rgba(0,137,207,.8);
}
.dark .newsbox:hover {
    background-color: rgba(40,40,40,.975);
}
.dark .newsbox ul.newslist li {
    border-color: #666;
}
.dark .newsbox ul.newslist li a {
    color: #888;
}
.dark .newsbox ul.newslist li a:hover {
    color: rgba(0,137,207,.8);
}

.dark .newsbox ul.newslist li a:before {
    color: rgba(0,137,207,.8);
}
.dark .homeslider .swiper-pagination-bullet {
    background-color: rgba(255,255,255,.5);
}
.dark .homeslider .swiper-pagination-bullet-active {
    background: rgba(0,137,207,.8);
}
.dark #services {
    background-color: #222;
}
.dark .mainhead {
    color: #999;
}
.dark .services .contentcol ul li a {
    border-color: rgba(0,137,207,.8);
}
.dark .services .contentcol ul li a:hover {
    background-color: #00283c;
    color: #ccc;
    border-color: transparent;
}
.dark .galmsg h3 {
    color: #999;
}
.dark .msgcol .msgbox p .fa {
    color: rgba(0,137,207,.5);
}
.dark .homegallery li:hover span.overlay {
    background-color: rgba(0,40,60,.8);
}
.dark .homegallery li span.caption {
    background-color: rgba(0,0,0,.7);
    color: #ccc;
}
.dark .homegallery li span.thumb-image {
    opacity: .8;
}
.dark .swiper-message .swiper-slide {
    opacity: .8;
}
.dark .boxcol {
    background-color: #222;
}
.dark .products .box .imgbox {
    background-color: #000;
}
.dark .products .box .imgbox img {
    opacity: .8;
    border: none;
}
.dark .products .products-next, .dark .products .products-prev {
    background-color: rgba(0,40,60,.75) !important;
    color: #ccc !important;
}
.dark .products .products-next:hover, .dark .products .products-prev:hover {
    background-color: rgba(0,40,60,1) !important;
}
.dark ul.linklist li a {
    color: #999;
    border-color: #666;
    border-left-color: rgba(0,137,207,.5);
}
.dark ul.linklist li a:hover {
    background-color: #00283c;
    color: #ccc;
}
.dark ul.linklist li a span.fa {
    color: rgba(0,137,207,.5);
}
.dark ul.linklist li a:hover span.fa {
    color: #ccc;
}
.dark .offbox .swiper-button-next, .dark .offbox .swiper-button-prev {
    color: #666;
}
.dark .offbox .swiper-button-next:hover, .dark .offbox .swiper-button-prev:hover {
    color: #999;
}
.dark .btnmore, .btnmore:focus {
    color: rgba(0,137,207,.5);
}
.dark .btnmore .fas {
    color: rgba(0,137,207,.5);
}
.dark .btnmore:hover {
    color: rgba(0,137,207,.8);
}
.dark .btnmore:hover .fas {
    background-color: rgba(0,137,207,.8);
    border-color: rgba(0,137,207,.8);
    color: #ccc;
}
.dark .offbox img {
    border-color: transparent;
}
.dark ul.quickbutton li a {
    color: #ccc;
}
.dark ul.quickbutton li:nth-child(odd) a {
    background-color: #0a2235;
}
.dark ul.quickbutton li:nth-child(even) a {
    background-color: #071c2d;
}
.dark ul.quickbutton li a img {
    opacity: .7;
}
.dark footer, .dark .footer {
    background-color: #001520;
    color: #666;
}
.dark footer .footbox .centercol, .dark .footer .footbox .centercol {
    background-color: #00283c;
}
.dark footer .ftbottom, .dark .footer .ftbottom {
    background-color: #002335;
}
.dark footer h4.white, .dark .footer h4.white {
    color: #aaa;
}
.dark footer h4:after, .dark footer h4.white:after, .dark .footer h4:after, .dark .footer h4.white:after {
    background-color: rgba(0,137,207,.4);
}
.dark footer .footbox ul.footlist li a, .dark footer .ftmain p, .dark footer .footbox h5 a,
.dark .footer .footbox ul.footlist li a, .dark .footer .ftmain p, .dark .footer .footbox h5 a {
    color: #999;
}
.dark footer .footbox ul.footlist li a:hover, .dark footer .footbox h5 a:hover,
.dark .footer .footbox ul.footlist li a:hover, .dark .footer .footbox h5 a:hover {
    color: #ccc;
}
.dark footer .social li a .fab, .dark .footer .social li a .fab {
    color: #ccc;
}

    .dark footer .ftbottom p, .dark footer .ftbottom a,
    .dark .footer .ftbottom p, .dark .footer .ftbottom a {
        color: #ccc;
    }

.dark .banner h1 {
    color: #999;
}

    .dark .banner h1:after {
        background-color: rgba(0,137,207,.5);
    }

.dark .breadcrumb-item.active {
    color: rgba(0,137,207,.75);
}

.dark .maincontent {
    background-color: #121212;
}

.dark h2.inhead, .dark .sidemenu h4 {
    color: #999;
    border-color: #666;
}

.dark .maincontent p {
    color: #888;
}

.dark h2.inhead:after {
    background-color: #444;
}

.dark .sidemenu ul.sidenav li a {
    color: #888;
    border-color: #666;
}

    .dark .sidemenu ul.sidenav li a:hover, .dark .sidemenu ul.sidenav li.active a {
        color: rgba(0,137,207,.75);
    }

        .dark .sidemenu ul.sidenav li.active a:after {
            color: rgba(0,137,207,.75);
        }

    .dark .sidemenu ul.sidenav li a:after {
        color: #666;
    }

.dark .sidemenu ul.sidenav li.has-dropdown .dropdown-menu {
    background-color: #222;
}

.dark .mytable {
    color: #999;
}

    .dark .mytable tbody tr:hover {
        background-color: rgba(255,255,255,.05);
        color: rgba(0,137,207,.75);
    }

    .dark .mytable thead th {
        background-color: #00283c;
        color: #999;
        border-color: #333;
    }

    .dark .mytable td, .dark .mytable th {
        border-color: #333;
    }

.dark .grid-container h4 {
    color: #999;
}

.dark .imgbox {
    background-color: #222;
}

.dark .page-item.disabled .page-link {
    background-color: #222;
    border-color: #222;
    color: #666;
}

.dark .page-link {
    background-color: #333;
    border-color: #333;
    color: #ccc;
}

.dark .page-item.active .page-link {
    background-color: rgba(0,137,207,.75);
    color: #ccc;
}

.dark .gallery-grid .grid-container .detbox {
    border-color: #333;
}

.dark .tabbed-content .card {
    background-color: transparent;
}

    .dark .tabbed-content .card .collapse {
        border-color: #333;
    }

.dark .tabbed-content .nav-tabs li:first-child .nav-link {
    border-color: #333;
}

.dark .tabbed-content .nav-tabs, .dark .tabbed-content .nav-tabs .nav-link {
    border-color: #333;
}

    .dark .tabbed-content .nav-tabs .nav-item.show .nav-link, .dark .tabbed-content .nav-tabs .nav-link.active {
        background-color: #00283c;
        color: #ccc;
    }

    .dark .tabbed-content .nav-tabs .nav-link img {
        opacity: .75;
    }

.dark .myaccordion .card-header button.btnacc, .dark .myaccordion .card-header button.btnacc:focus {
    background-color: #222;
    color: #999;
}

.dark .myaccordion .card:hover .card-header button.btnacc {
    color: rgba(0,137,207,.75);
}

.dark .myaccordion .card {
    border: none !important;
    background-color: rgba(255,255,255,.05);
    color: #888;
}

.dark .myaccordion .card-header button.btnactive {
    background-color: #00283c !important;
    color: #999 !important;
}

.dark .myaccordion .card-header button span {
    color: rgba(0,137,207,.75);
}

    .dark .myaccordion .card-header button span.anglerotate {
        color: #999;
    }

.dark .maincontent h4 {
    color: rgba(0,137,207,.75);
}

.dark header .menubtn {
    opacity: .75;
}

.dark .cd-dropdown h2 {
    background-color: #00283c;
}

    .dark .cd-dropdown h2 img {
        opacity: .9;
    }

.dark li .toplist li a {
    background-color: #011925;
    box-shadow: inset -1px 0 0 0 #333;
    border: none;
    color: #999;
}

.dark .cd-dropdown-content a, .dark .cd-dropdown-content ul a {
    border-top: 1px solid #333;
    color: #999;
}

.dark .cd-dropdown-content {
    background-color: #080808;
}

.dark .has-children > a::before, .dark .has-children > a::after, .dark .go-back a::before, .dark .go-back a::after {
    background: #666;
}

.dark input::placeholder {
    color: #ccc !important;
}

.dark .mymodal button.close {
    background-color: #005d8c;
}

.dark .modal-content {
    background-color: #222;
    color: #ccc;
}

    .dark .modal-content img {
        opacity: .75;
    }

    .dark .modal-content p {
        color: #999 !important;
    }

    .dark .modal-content h1, .dark .modal-content h2, .dark .modal-content h3, .dark .modal-content h4, .dark .modal-content h5, .dark .modal-content h6 {
        color: #ccc !important;
    }

    .dark .modal-content li {
        color: #999 !important;
    }

.dark .breadcon {
    background-color: #323232;
}

.dark .breadcrumb a {
    color: #9e9e9e;
}

.dark .breadcrumb-item + .breadcrumb-item::before {
    color: #686868;
}

.dark .intrtbox .btncol {
    border-color: #444;
}

.dark .mybox .tabbed-content .nav-tabs {
    background-color: #333;
    border-radius: 0;
}

.dark .tabbed-content .nav-tabs .nav-link {
    color: #ccc;
}

.dark .mybox .tabbed-content .nav-tabs .nav-link img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.dark .mybox {
    background-color: #121212;
}

.dark h3.subhead {
    color: #999;
}

.dark .deposit-col {
    background-color: #222;
}

.dark .deposit-details {
    background-color: #333;
}

.dark .deposit-head {
    color: #999;
}

.dark .deposit-col .gen-para {
    color: #888;
}

.dark .intr-rate {
    background-color: transparent;
}

.dark .intr-more {
    background-color: #2a3944;
}

.dark .fblist li span.box {
    border-color: #333;
    color: #999;
}

.dark .normlist.wrap li {
    background-color: #242424;
}

.dark .sublist li:before {
    background-color: transparent;
}

.dark .Callinkbox, .dark .Calbox {
    background: #222;
}

.dark .Rangetxtbox {
    background: #333;
    color: #ccc;
    border-color: #085c47;
}

.dark .Rangetext {
    color: #999;
}

.dark .ftmenucol {
    background-color: #103548;
}

.dark .card {
    background-color: #343434;
}

.dark .card-title {
    color: #ddd;
}

.dark .filtercol {
    background-color: #343434;
}

.dark .assettab .asbox {
    background-color: #343434;
}

.dark .form-control {
    background-color: #8d8888;
    border-color: #8d8888 !important;
    color: #ddd !important;
}

.dark .homeh1 {
    color: #222;
}
.dark .newsbox-a {
    background-color: rgb(38 40 41);
}
.dark .accessdropdown {
    background: #272828;
}
.dark .cook-parent {
    background-color: #212529;
    color: #999;
}
.dark .close-accbutton {
    background: #0c6c9d;
}
/*------- dark Theme -------*/
footer .newsletter .form-control, .footer .newsletter .form-control {
    border-radius: .25rem !important;
}

.mglass {
    display: inline-block !important;
    pointer-events: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.expandright {
    right: auto !important;
    left: 49px !important;
}

.expandright:focus {
    padding: 0 0 0 16px !important;
}

.language button {
    height: 26px;
}

header .tophead {
    height: 36px;
}

ul.quickbutton {
    margin-bottom: 0 !important;
}

/*.homegallery li span.caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    padding: .5rem .1rem;
    color: #eee;
    border-radius: .3rem;
    margin-right: 5px;
}*/

.swiper-offer a:hover {
    color: #F44336;
}

.read-more:hover {
    cursor: pointer !important;
    color: #F44336 !important;
}

.assets-for-sale-list-box {
    margin: 5px 0;
    width: 100%;
    padding: 30px 40px;
    background: #fff;
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

    .assets-for-sale-list-box:nth-child(odd) {
        background: #f5f5f5;
    }

    .assets-for-sale-list-box h4 {
        font-size: 1.333em;
        font-weight: 500;
        color: #025f8a;
        margin-bottom: 16px;
    }

    .assets-for-sale-list-box a h4 {
        color: #008dcf;
    }

    .assets-for-sale-list-box h5 {
        margin: 0 50px 10px 0;
        padding: 0;
        font-size: 1.167em;
        color: #393939;
        line-height: 1.2;
        display: inline-block;
        min-width: 300px;
    }

    .assets-for-sale-list-box .date {
        margin-bottom: 10px;
        color: #393939;
        font-size: 1.167em;
    }

        .assets-for-sale-list-box .date:last-child {
            margin-bottom: 0;
        }

        .assets-for-sale-list-box .date span {
            color: #ff5a00;
        }

    .assets-for-sale-list-box ul.links li {
        margin: 0 25px 0 0;
        padding: 0 0 0 10px;
        display: inline-block;
        font-size: 1.167em;
        background: url(../images/next-arrows-2.png) no-repeat 0 5px;
    }

        .assets-for-sale-list-box ul.links li a {
            color: #025f8a;
        }

        .assets-for-sale-list-box ul.links li ul li {
            margin: 0 0 0 12px;
            padding: 0;
            background: none;
            list-style: disc;
            font-size: 1em;
            float: none;
        }

.assets-for-sale-content-sec {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.assets-for-sale-img-sec {
    padding-left: 15px;
    width: 30%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

    .assets-for-sale-img-sec ul li {
        margin: 0 0 5px 5px;
        padding: 0;
        float: right;
    }

        .assets-for-sale-img-sec ul li img {
            display: block;
        }

.banner {
    text-align: center;
}

.lastVisitedPopUp {
    position: fixed;
    bottom: 0;
    z-index: 111;
    background-color: rgba(0,137,207,.75);
    padding: 0;
    border-top-left-radius: .5rem;
    overflow: hidden;
    box-shadow: 5px -8px 20px rgba(0,0,0,.1);
    right: 0;
    color: #fff;
}

    .lastVisitedPopUp h3 {
        padding: 0 0 0 2px;
        font-size: .978em;
        color: #fff;
        font-weight: 600;
        margin-bottom: 0;
        position: relative;
        cursor: pointer;
        margin: 5px;
    }

    .lastVisitedPopUp ul {
        background-color: whitesmoke;
        border-left: solid 1px rgba(0,137,207,.75);
    }

    .lastVisitedPopUp li {
        padding: 5px;
        margin-left: 5px;
    }

    .lastVisitedPopUp a {
        font-size: .968em;
    }

        .lastVisitedPopUp a:hover {
            color: orange;
        }

.lastVisitAccordion span span {
    float: right;
    color: #fff;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border: 1px solid;
    text-align: center;
    border-radius: 50%;
    transition: all .3s ease;
}

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

.lastVisitedPopUp span span.anglerotate {
    transform: rotate(180deg);
    transition: all .3s ease;
    color: #fff;
    animation: angleRotate .3s 1;
}

.box-design {
    padding-top: .3rem;
    padding-bottom: .3rem;
}

.loanbox {
    box-shadow: 0 0 15px 0 #0000000a;
    padding: 20px 15px 50px 15px;
    cursor: default;
    background-color: #f4f6f8;
    position: relative;
    text-align: center;
    height: 100%;
}

.loan-col {
    margin-bottom: 10px;
}

.center-block {
    margin: none !important;
    float: none !important;
    padding-bottom: 10px;
}

.loanbox h3 {
    text-align: center;
    font-size: 16px !important;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 22px;
}

.loanbox h4 {
    text-align: center;
    font-size: 35px !important;
}

.spnonwrd {
    display: block;
    text-align: center;
    margin-top: -10px;
    margin-bottom: 12px;
}

.loanbox p {
    text-align: center !important;
    font-size: 13px;
    margin-bottom: 20px;
}

.apply-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 15px;
    width: calc(100% - 30px);
}

.bnkapply {
    padding: 7px 5px;
    text-align: center;
    background: #fff;
    color: #000;
    font-weight: 400;
    font-size: 12px !important;
    letter-spacing: 1px;
    width: 88px;
    text-decoration: none !important;
    border: 1px solid #89c1f4;
}

    .bnkapply:hover {
        background: #226198;
        color: #fff !important;
        text-decoration: none;
    }

img.loadimg {
    opacity: 0;
    transform: translateX(50%);
    transition: all .75s;
}

    img.loadimg.fade {
        opacity: 1;
        transform: translateX(0);
        transition: all .75s;
    }

.newsmodal {
    z-index: 9999;
    background-color: transparent;
    width: 700px;
    max-width: 95%;
    right: 0;
    margin: auto;
    transform: translateX(-50%);
    top: auto;
    bottom: 3rem;
    height: auto;
    border-radius: .3rem;
    box-shadow: 0 0 0 5px rgb(0 137 207 / 60%);
}

    .newsmodal .modal-dialog {
        height: 100%;
        max-width: 100%;
        display: flex;
        align-items: flex-end;
        margin: 0;
    }

    .newsmodal .modal-content {
        background-position: right;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../images/images/subsbg1.jpg);
        background-color: #0275ab !important;
        border: none;
        color: #fff;
    }

    .newsmodal .newsletter {
        position: relative;
        padding: 0 1rem;
    }

        .newsmodal .newsletter input {
            height: 44px;
            background-color: #011122b0;
            border: none;
            font-size: .875rem;
            box-shadow: none;
            color: #bbbaba;
        }

        .newsmodal .newsletter button {
            width: 50px;
        }

        .newsmodal .newsletter p {
            font-size: .9rem;
            color: #fffbfb;
        }

    .newsmodal .modal-body {
        background-color: #0c406982;
        padding-bottom: 0;
    }

    .newsmodal .btn-danger {
        color: #ffffffc2;
        background-color: #dc354591;
        border-color: #dc354500;
    }

.newsclose {
    position: absolute;
    top: 1rem;
    right: 2rem;
    width: 30px;
    height: 30px;
    background-color: #0089cf !important;
    border-radius: 1rem;
    opacity: 1;
    color: #fff;
    font-size: 1rem;
    z-index: 1;
}

.fvcenter {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.dark .newsmodal .newsletter button {
    opacity: .8;
}

@media(max-width:767px) {
    .newsmodal .nwsimg {
        width: 300px;
        margin: auto;
    }

    .newsmodal .modal-content {
        background-size: cover;
    }

        .newsmodal .modal-content:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgb(0 57 86 / 50%);
        }

    .newsmodal .newsletter {
        padding: 0;
    }

        .newsmodal .newsletter h4 {
            font-size: 1.25rem;
        }

        .newsmodal .newsletter p {
            color: #fff;
        }
}

@media(max-width:575px) {
    .newsmodal {
        max-width: calc(100% - 100px);
        transform: translateX(-58%);
    }

        .newsmodal .modal-content img {
            max-height: 140px;
        }

        .newsmodal .newsletter input {
            height: 40px;
        }

    .newsclose {
        top: 0;
        right: 14px;
        width: 26px;
        height: 26px;
        border-top-right-radius: 4px !important;
    }
}

button.subsbtn, button.subsbtn:focus {
    position: fixed;
    bottom: 150px;
    z-index: 9;
    left: 0;
    border: none;
    padding: 3px 10px;
    border-radius: 0 .5rem .5rem 0;
    background-color: #0089cf;
    color: #fff;
    outline: 0;
    display: none;
}

.commentmodal {
    z-index: 9999;
    background-color: transparent;
    width: 500px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    border-radius: 0.3rem;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 54%);
}

    .commentmodal .modal-dialog {
        height: 100%;
        max-width: 100%;
        display: flex;
        align-items: flex-end;
        margin: 0;
    }

    .commentmodal .modal-content {
        background-position: right;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #0275ab !important;
        border: none;
        color: #fff;
    }

        .commentmodal .modal-content .row {
            margin-left: 0;
            margin-right: 0;
            display: block;
        }

.blogcclose {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 30px;
    height: 30px;
    border-radius: 1rem;
    opacity: 1;
    color: #fff;
    font-size: 1rem;
    z-index: 1;
    color: #fff;
    background-color: #dc3545 !important;
    border-color: #dc3545;
}

.btncmt {
    float: right;
}

@media(max-width: 575px) {
    .commentmodal {
        max-width: calc(100% - 100px);
        width: calc(100% - 100px);
        transform: translateX(-58%);
        top: 20%;
    }

    .blogcclose {
        top: 0.2rem;
        right: 0.1rem;
        width: 25px;
        height: 25px;
    }
}

.txt-error {
    border-color: red;
}

.red {
    color: red;
}

.dvvcmsg {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.s-heart {
    color: red;
    cursor: pointer;
}

.s-share {
    color: cornflowerblue;
    cursor: pointer;
}

.s-comment {
    color: #666;
    cursor: pointer;
}

.si-heart {
    color: red;
    margin-right: 10px;
}

.si-share {
    color: cornflowerblue;
    margin-right: 10px;
}

.mb-p2rem {
    margin-bottom: .2rem;
}

.hbb-first {
    /*background-color: #0089cf;*/
    background-color: #005885;
    color: white !important;
}


.mtm10 {
    margin-top: -10px;
}
.mtm5 {   
    margin-top: -5px;
}

.cook-parent {
    background-color: #dddddd;
    position: fixed;
    z-index: 90000;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    display: inline-flex;
    color: #5E5E5E;
    box-shadow: 0 -8px 20px rgb(0 0 0 / 10%);
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 5px;
    padding-bottom: 5px;
}

.cook-c1 {
    width: 93%;
    ;
}

    .cook-c1 p {
        margin-bottom: 0;
        justify-content: center;
    }

.cook-c2 {
    width: 5%;
    float: right;
    text-align: right;
    ;
}

    .cook-c2 i {
        cursor: pointer;
    }

.btn-cook {
    min-width: 40px;
    background-color: #006599;
    color: #fff;
    margin-top: 20px;
}

    .btn-cook:hover {
        background-color: #0b76ad;
        color: #fff;
    }

.cook-readmore {
    display: none;
    color: #006599;
    cursor: pointer;
}

.btn-cook-x {
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 5px;
    color: #666;
}

@media(max-width:991px) {
    .cook-parent {
        flex-flow: wrap;
    }

    .cook-c1 {
        width: 100%;
    }

    .cook-c2 {
        width: 100%;
    }

    .cook-readmore {
        display: block;
    }

    .cook-mob {
        display: none;
    }

        .cook-mob a {
            color: #006599;
        }

    .btn-cook {
        margin-top: -35px;
    }
}

@media(max-width:767px) {
    .btn-cook {
        margin-top: -35px;
    }

    .cook-parent {
        padding-bottom: 5px;
    }
}

@media (max-width:575px) {
    footer .footbox ul.footlist li a, .footer .footbox ul.footlist li a {
        padding: 12px 0;
    }

    .newsbox ul.newslist li {
        padding: 8px 0;
    }
}

.newsbox-a {
    color: #006599;
    transform: rotate(-90deg);
    position: absolute;
    left: -80px;
    bottom: 2.6rem;
    background-color: rgba(255,255,255,.9);
    padding: 5px 10px;
    border-radius: 0.3rem 0.3rem 0 0;
    display: flex;
}

@media (max-width:991px) {
    .newsbox-a {
        color: #0089cf;
        transform: rotate(0deg);
        position: absolute;
        left: -80px;
        bottom: 2.6rem;
        background-color: rgba(255,255,255,.9);
        padding: 5px 10px;
        border-radius: 0.3rem 0.3rem 0 0;
        display: flex;
        left: auto;
        bottom: auto;
        transform: none;
        position: relative;
    }
}

.div-off-more {
    display: flex;
    justify-content: flex-end;
}


.homesocial .social li a:hover img, footer .social li a img, .footer .social li a img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.x-twitter img {
    width: 18px;
}

footer .social li a .x-twitter img, .footer .social li a .x-twitter img {
    width: 14px;
}

.social li a:hover .x-twitter {
    background-color: #1d9dec;
}

@media(max-width:768px) {
    .x-twitter img {
        width: 13px;
    }

    footer .social li a .x-twitter img, .footer .social li a .x-twitter img {
        width: 11px;
    }
}


/*---- 2024-03-20 ----*/
.dvAudioBtn {
    position: fixed;
    /* background-color: #0089cf; */
    background-color: #4169e1;
    z-index: 9999;
    top: 50%;
    left: 0;
    border-radius: 0 50% 50% 0;
    width: 40px;
    height: 40px;
    text-align: center;
    box-shadow: 1px 3px 10px 0px rgb(0 0 0 / 25%);
}

.btn-audio {
    background-color: transparent;
    border: none;
    color: white;
    padding: 10px;
}
.font-large .btn-audio, .font-xlarge .btn-audio {
    padding: 7px 10px 10px 6px;
}

    .btn-audio:focus, .btn-audio:active {
        outline: 0;
    }


/*---- 2024-07-10 ----*/

.Lightbox-blue {
    width: 100%;
    padding: 10px 5%;
    background-color: #dcf1f3;
    border: solid 1px #066fa5;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}
.Lightbox-blue-left {
    width: 100%;
    padding: 10px;
    background-color: #dcf1f3;
    border: solid 1px #066fa5;
    text-align: left;
}


/*------ 2024-09-17 --------*/
.newsmodalA {
    z-index: 99990;
    background-color: transparent;
    width: 700px;
    right: 0;
    left: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    border-radius: .3rem;
    box-shadow: 0 0 0 5px rgb(0 137 207 / 60%);
}

    .newsmodalA .modal-dialog {
        height: 100%;
        max-width: 100%;
        display: flex;
        align-items: flex-end;
        margin: 0
    }

    .newsmodalA .modal-content {
        background-position: right;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../images/images/subsbg1.jpg);
        background-color: #0275ab !important;
        border: none;
        color: #fff
    }

    .newsmodalA .newsletter {
        position: relative;
        padding: 0 1rem
    }


        .newsmodalA .newsletter button {
            width: 50px
        }

        .newsmodalA .newsletter p {
            font-size: .9rem;
            color: #fffbfb;
        }

    .newsmodalA .modal-body {
        background-color: #0c406982;
        padding-bottom: 0;
    }

    .newsmodalA .btn-danger {
        color: #ffffffc2;
        background-color: #dc354591;
        border-color: #dc354500;
    }

.newsclose {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 30px;
    height: 30px;
    background-color: #0089cf !important;
    border-radius: 1rem;
    opacity: 1;
    color: #fff;
    font-size: 1rem;
    z-index: 1
}

.dark .newsmodalA .newsletter button {
    opacity: .8
}

@media(max-width:767px) {
    .newsmodalA .nwsimg {
        width: 300px;
        margin: auto
    }

    .newsmodalA .modal-content {
        background-size: cover
    }

        .newsmodalA .modal-content:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgb(0 57 86 / 50%)
        }

    .newsmodalA .newsletter {
        padding: 0
    }

        .newsmodalA .newsletter h4 {
            font-size: 1.25rem
        }

        .newsmodalA .newsletter p {
            color: #fff
        }
}

@media(max-width:575px) {
    .newsmodalA {
        max-width: 100%;
    }

        .newsmodalA .modal-content img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
}

.homemodalA button.close {
    position: absolute;
    width: 2.1rem;
    height: 2.1rem;
    line-height: 0;
    right: 1rem;
    top: 2px;
    background-color: #0089cf;
    color: #fff;
    opacity: 1;
    margin: auto;
    z-index: 1;
    outline: 0;
    border-radius: 25px 25px 25px 25px;
    border: 1px solid #0089cf;
    text-shadow: none
}

    .homemodalA button.close .fa {
        font-size: 1rem
    }

.homemodalA .deskImg {
    display: block
}

.homemodalA .mobImg {
    display: none
}

.homemodalA .homePopImg {
    max-height: 500px
}

.homemodalA .popDiv {
    text-align: center
}

@media(max-width:991px) {
    .homemodalA .pop-up-inner .profile_image {
        width: 50%;
        margin-bottom: 1rem;
        padding: 0
    }

    .homemodalA .pop-up-inner .profile_details {
        width: 100%
    }

    .homemodalA .deskImg {
        display: none
    }

    .homemodalA .mobImg {
        display: block
    }

    .homemodalA .homePopImg {
        max-height: 300px
    }
}

.labelA {
    /* background: #f00;
    color: #fff;*/
    background: #FF6B6B;
    color: #000000FA;
    font-size: 12px;
    padding: 3px 10px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 14px;
    border-radius: 0 0 .5rem .5rem;
    cursor: pointer;
    display: none;
    outline: none;
    border: none;
}

.top-leftA {
    position: fixed;
    z-index: 999;
    transform: rotate(-90deg) scaleX(-1);
    transform-origin: top left;
    bottom: 220px;
}

.contentA {
    transform: scaleX(-1);
    text-align: center;
}

@media(max-width:575px) {
    .labelA {
        font-size: 8px;
        padding: 1px 6px;
        line-height: 10px;
    }
}


/*--- 2024-12-13 ---*/
.search {
    /*width: 30px;*/
    margin-top: 15px;
    border: none;
    background-color: transparent;
}

    .search:focus {
        outline: none;
    }
/*.search i {
	padding-top:10px;
}*/

.search-box {
    position: absolute;
    z-index: 99;
    top: 7rem;
    width: 100%;
    transition: .3s;
    display: none;
    animation-name: zoomin;
    animation-duration: .4s;
    animation-iteration-count: 1;
}

@keyframes zoomin {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.search-box input {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    border: unset;
    padding: 5px 10px;
    font-size: .95rem;
    border-radius: .3rem;
    box-shadow: 0px 6px 10px rgb(163 159 159 / 20%);
}

    .search-box input:focus {
        outline: none;
    }

header.active .search-box {
    top: 5rem;
}

.search-box button {
    position: absolute;
    right: 2px;
    padding: 0;
    background-color: #0089cf;
    border: none;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3rem;
    top: 1px;
}

    .search-box button img {
        width: 13px;
    }

.topbtnmp {
    padding: 5px 15px !important;
    margin: 5px 5px 0 5px !important;
}

@media(min-width: 576px) and (max-width: 991px) {
    .search-box {
        width: 50%;
        right: 0;
    }
}

@media(max-width: 350px) {
    .search {
        width: 28px;
        margin-right: -13px;
    }
}
.invert {
    filter: invert(0) hue-rotate(180deg);
}
.light-contrast {
    filter: brightness(1.2) contrast(0.8);
}
.i-hide{
    display:none;
}
.last-visited {
    border: 1px #519ac0 solid;
    padding: 2px 5px;
    background-color: rgba(13,86,123,0.6);
    border-radius: 5px;
}
    .last-visited a {
        color: white;
    }

.Openblock{display:block !important;padding-left:12px !important;}

/*--- 28-08-2025 ---*/
.langmodalA {
    z-index: 99999;
    background-color: rgba(0, 0, 0, .7);
    
}
.langmodalA .modal-body {
    /*background-color: #c9ecfd;*/
    border-radius: 0.45rem;
    background: url('/writereaddata/defaultimages/pbg.svg') no-repeat;
    background-size: cover;
}
.langmodalA .modal-content {
    background-color:transparent;
}

.langmodalA button.close{
    border-top-right-radius:0.45rem;
}
.langmodalA .lang-p-1 {
    color:#00283c;
    font-size:1.5rem;
    font-weight:600;
}
.langmodalA .lang-p-2 {
    color:#222;
    font-size:1.2rem;   
}
.btn-lg-a {
    padding: .5rem 8px;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
    width:7.5rem;
}
.hbb-first::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900; /* solid style */
    content: "\f0c1"; /* Unicode for fa-link */
    margin-right: 0.4em;
    font-size: 0.9em;
}
.swiper-container a:focus,
.swiper-container a:focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
    border-radius: 4px;
    box-shadow: 0 0 0 3px rgba(255,153,0,0.4);
    border: 0.25rem solid #0089cf;
}
.swiper-slide:focus {
    outline: 3px solid #007bff;
    outline-offset: -3px; 
}
.swiper-pagination-bullet:focus,
.swiper-button-prev:focus,
.swiper-button-next:focus,
.swiper-play-pause-button:focus {
    outline: 3px solid #ff9900;
    outline-offset: 3px;
    border-radius: 50%;    
    box-shadow: 0 0 0 3px rgba(255,153,0,0.4);
}
#homegallery a:focus {
    outline: 3px solid #007bff;
    outline-offset: 4px;
    border-radius: 6px;
    border: 0.25rem solid #0089cf;
}
}
#homegallery a {
    transition: outline 0.2s ease, box-shadow 0.2s ease;
}
.servlist-h-big { font-size: 1.5625rem; }
.servlist-h-mid { font-size: 1rem; line-height:18px; }
.footernew1{
    box-shadow:unset;
}