@font-face {
    font-family: "Varendra-Regular";
    src: url("../fonts/Varendra-Regular.ttf") format("opentype");
}

@font-face {
    font-family: 'Noto Serif Bengali';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notoserifbengali/v19/hYkuPvggTvnzO14VSXltirUdnnkt1pwmWrprmO7RjE0a5BtdATYU1crFaM_5JfcAHkqy6rngHw.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0980-09FE, U+1CF7, U+1CFA, U+200C-200D, U+20B9, U+25CC;
}

@font-face {
    font-family: SolaimanLipi;
    /*src: url(../../../assets/fonts/SolaimanLipi.ttf) format("opentype")*/
    src: url("../fonts//SolaimanLipi5e1f.ttf") format("opentype");
}

/*@font-face {
    font-family: "HindSiliguri";
    src: url("../fonts/HindSiliguri-Regular.ttf") format("opentype");
}*/
html,
body {
    font-family: Solaimanlipi !important;
    _font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    min-width: 1150px !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

img {
    border: 0
}

a:hover {
    text-decoration: none
}

.container {
    max-width: 1150px !important;
    width: 1150px !important;
}

#top-header span {
    font-size: 14px;
}

#header {
    padding: 5px 0px;
    box-shadow: 0 3px 5px #ccc;
}

#nav-bar {
    height: 44px;
    background: #000000;
    padding: 10px;
}

/****************Header Part**********************/
section#top-nav nav>ul li {
    display: inline-block;
}

section#top-nav nav>ul>li>a {
    padding: 3px 5px 0 10px;
    display: inline-block;
    text-align: center;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    min-width: 50px;
}

section#top-nav nav>ul>li>a:hover {
    color: #000;
}

section#top-nav nav>ul>li>a>span {
    border-top: 3px solid #fff;
    display: block !important;
}

section#top-nav nav>ul>li>a:hover span {
    border-top-color: #1a73e8 !important;
}

/****************Header Part End**********************/

.epaper-page-bar {
    margin: 0px 10px 10px 10px
}

.e-but {
    _border: 1px solid #ad040a;
    background: #dc1a21;
    color: #fff;
    padding: 3px 5px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block
}

._e-but:hover {
    background: #dc1a21;
    color: #FFF
}

#magazine {
    padding: 15px 0px
}

.epaper-container {
    min-height: 450px;
    position: relative
}

.epaper-view {
    cursor: pointer;
    width: 100%;
    height: 840px;
}

.epaper-loading {
    text-align: center;
    font-size: 26px;
    padding: 100px;
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px
}

.epaper-loading i {
    color: #026dbd
}

.loading-epaper-news {
    text-align: center;
    font-size: 26px;
    padding: 100px;
}

.loading-epaper-news i {
    color: #026dbd
}

.all-thumb {
    color: #fff;
    background: #1a73e8;
    font-size: 16px;
    _padding: 3px;
    text-align: center
}

.thumbnails {
    height: 1200px;
    overflow: hidden;
    padding: 10px 0px;
    _background: #e7e7e7
}

.thumbnails ul {
    list-style: none;
    padding-left: 0px;
    padding-right: 15px
}

.thumbnails ul li {
    border: 1px solid #000000;
    margin-bottom: 10px;
    cursor: pointer;
    width: 125px;
    _height: 105px;
    _float: left
}

.thumbnails ul li:nth-child(2n+1) {
    margin-right: 5px
}

.thumbnails ul li img {
    opacity: 0.9
}

.thumbnails ul li img:hover {
    opacity: 1
}

.thumbnails ul li .thumb-page-num {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000000;
    color: #FFF;
    width: 30px;
    height: 25px;
    text-align: center;
    display: inline-block
}

.active-thumb {
    border: 2px solid #EF4545 !important;
}

.active-thumb .thumb-page-num {
    background: #EF4545 !important;
}

.modal-full-width {
    max-width: 1000px
}

.modal-title {
    width: 100%
}

.modal-logo {
    float: left;
    padding: 5px 0;
    margin-right: 15px;
    width: 160px;
    z-index: 9999;
    position: sticky;
    background: #fff;
    margin-left: 20px;
}

.modal-close {
    margin: 4px !important;
    padding: 5px !important;
    background: #CD0000 !important;
    opacity: 1;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    position: relative
}

.modal-close span {
    padding: 0px;
    margin: 0px;
    line-height: 0px;
    position: absolute;
    top: 14px;
    left: 0;
    right: 0;
    font-size: 30px;
    color: #fff
}

.modal-title .smp-regular-but>span.smp-round-but {
    padding: 5px
}

/*.modal-title .smp-regular-but>span.smp-more.smp-round-but{ display: none}*/
.modal-body-content {
    _overflow: scroll;
    text-align: center
}

/*.modal-backdrop{display: none !important;}*/

/****************footer***************/
footer {
    _font-weight: bold;
    margin: 40px 0 0;
    color: #000;
    line-height: 20px;
}

.mobile-show footer {
    margin: 20px 0 0 0
}

.mobile-show footer div.scrollmenu {
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    overflow: auto;
    white-space: nowrap;
    box-shadow: 1px 1px 2px 2px #ccc;
    position: relative;
    z-index: 1;
    padding: 8px;
}

.mobile-show div.scrollmenu a {
    display: inline-block;
    color: #000000 !important;
    text-align: center;
    margin: 10px 0;
    padding: 5px 8px;
    text-decoration: none;
    border-right: 2px solid #dedbd2;
    font-size: 26px !important;
    line-height: 14px;
    font-weight: bold;
}

.bottom-navigation a {
    padding: 10px;
    font-weight: bold;
    color: #000;
    font-size: 16px !important
}

.bottom-navigation a:hover {
    color: #028bf7 !important
}

.site-address i {
    padding-right: 10px
}

.site-add-web {
    margin-bottom: 5px !important;
    font-size: 16px !important;
}

.ps-3 p {
    font-size: 14px !important;
}

#footer-social-web .title i,
.newsletter-web title,
.mobile_app .title i {
    border-right: 2px solid #ccc;
    padding-right: 5px;
    margin-right: 5px;
}

#footer-social-web .newsletter-web h5.title,
#footer-social-web .mobile_app h5.title {
    font-size: .9rem !important;
}

#footer-social-web .title {
    font-size: 14px !important;
    font-weight: bold;
}

#footer-social-web .mobile_app h5.title:hover {
    color: #1878f1 !important;
}

#footer-social-web .mobile_app .apps a:hover {
    color: #1878f1 !important;
}

#footer-social-web .soacial-icon a.facebook i {
    color: #1878f1;
    font-size: 35px;
}

#footer-social-web .soacial-icon a {
    margin-right: 10px;
}

#footer-social-web .soacial-icon a.youtube i {
    background: #fe0000;
    color: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 7px 6px;
    font-size: 20px;
}

#footer-social-web .soacial-icon a.twitter i {
    color: #03a9f5;
    font-size: 30px;
    margin-top: 3px;
}

#footer-social-web .soacial-icon a.linkedin i {
    color: #0078b7;
    font-size: 32px;
    margin-top: 2px;
}

#footer-social-web .soacial-icon a.instagram i {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 35px;
}

.newsletter-web {
    margin-right: 30px;
    font-size: 16px;
}

.copyright {
    font-size: 22px;
}

/******************footer*********************/
#footer {
    _margin-top: 50px;
    _border-top: 3px solid #026dbd;
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
    _background: #000;
}

.developer {
    color: #ff6000
}

.developer:hover {
    color: #ff6000
}

.developer span {
    color: #000
}

.developer span:hover {
    color: #000
}

.hide_share {
    display: none
}

#main-body {
    margin: 15px 0px
}

.body-left {
    width: 100%;
    float: left
}

.body-epaper {
    width: 100%;
    float: left;
    position: relative;
}

.body-right {
    width: 100%;
    float: left;
    min-height: 1175px;
    _border: 1px solid #000;
}

.e-next {
    position: absolute;
    top: 43%;
    right: 0;
    width: 30px;
    padding: 3px 5px !important;
    border: 1px solid #d82133 !important;
    background: #ff0000 !important;
    color: #fff !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    display: inline-block !important;
}

.e-next i {
    font-size: 30px;
    padding: 5px 0;
}

.e-previous {
    position: absolute;
    top: 43%;
    left: 0;
    width: 30px;
    padding: 3px 5px !important;
    border: 1px solid #d82133 !important;
    background: #ff0000 !important;
    color: #fff !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    display: inline-block;
}

.e-previous i {
    font-size: 30px;
    padding: 5px 0;
}


section#epaper {
    _margin: 0px 10px;
    padding: 10px;
    box-shadow: 0px 0px 5px #333;
    border-radius: 5px;
    width: 100%
}

.img_epaper_main {
    position: absolute;
    left: 0px;
    top: 0px
}

.img_epaper_main img {
    width: 100%;
}

.img_epaper {
    display: inline-block;
    cursor: pointer;
    position: absolute
}

.img_epaper:hover {
    background: #026dbd50
}

#epaper-page-nav {
    overflow-y: hidden
}

#epaper-page-nav ul {
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

#epaper-page-nav li {
    padding: 1px 3px;
    height: 27px;
    width: 30px;
    margin: 2px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    _background: #dc1a21;
    color: #000;
    border: 1px solid #ccc;
    cursor: pointer
}

#epaper-page-nav li.active {
    background: #1a73e9;
    color: #fff
}

#epaper-page-nav li:hover {
    background: #1a73e9;
    color: #fff
}

#epaper-page-nav .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 10px
}

#epaper-page-nav .mCSB_dragger_bar,
#epaper-page-nav .mCSB_draggerRail {
    display: none
}

#epaper-page-nav-mob {
    overflow-y: hidden
}

#epaper-page-nav-mob ul {
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

#epaper-page-nav-mob li {
    padding: 1px 3px;
    height: 37px;
    width: 35px;
    font-size: 22px;
    margin: 2px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    _background: #dc1a21;
    color: #000;
    border: 1px solid #ccc;
    cursor: pointer
}

#epaper-page-nav-mob li.active {
    background: #1a73e9;
    color: #fff
}

#epaper-page-nav-mob li:hover {
    background: #1a73e9;
    color: #fff
}

.epaper-page-nav-pre-mob {
    height: 37px !important;
    width: 35px !important;
}

.epaper-page-nav-nex-mob {
    height: 37px !important;
    width: 35px !important;
}

.epaper-page-nav-pre-mob i {
    font-size: 27px;
}

.epaper-page-nav-nex-mob i {
    font-size: 27px;
}

#epaper-page-nav-mob .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 10px
}

#epaper-page-nav-mob .mCSB_dragger_bar,
#epaper-page-nav-mob .mCSB_draggerRail {
    display: none
}

body.mobile-view .epaper-page-nav-but {
    padding: 4px 3px;
}

body.mobile-view .view-date-download {
    letter-spacing: 5px;
}

.epaper-page-nav-but {
    padding: 1px 3px;
    height: 27px;
    width: 30px;
    margin: 2px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    _background: #000000;
    color: #000;
    border: 1px solid #eee;
    cursor: pointer
}

.vers {
    background: #fff;
    _padding-left: 10px;
    border: 1px solid #ccc;
    _margin-left: 10px;
    padding: 2px 1px 2px 3px;
    border-radius: 5px;
    display: inline-block;
    width: 100% !important;
}

#version {
    border: none !important;
    font-size: 16px;
}

#version-mob {
    border: none !important;
    font-size: 22px;
    background: #fff;
}

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

#text-news,
#text-news * {
    _font-family: 'VarendraWeb', Georgia !important;
    font-family: 'Varendra-Regular' !important;
    line-height: 28px;
}

#_megazin {
    padding: 3px 1px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 8px;
}

#news .carousel-item {
    overflow: auto
}

.archive-cal-level {
    position: relative;
    width: auto;
    min-width: 175px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 3px 12px;
    height: 32px;
    vertical-align: middle;
    background: #fff;
    white-space: nowrap;
}

.archive-cal-level input,
.archive-cal-level .btn {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.archive-cal-level span {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    color: #222;
    font-size: 13.5px;
    pointer-events: none;
    line-height: normal;
}

.archive-cal-level .btn {
    width: 100% !important;
    border: 0px !important;
}

.archive-cal-level-mob {
    position: relative;
    padding: 7px 0 4px;
    width: 160px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 22px;
}

.archive-cal-level-mob input,
.archive-cal-level-mob .btn {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px
}

.archive-cal-level-mob span {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 3px;
    bottom: 0px;
    color: #FFF
}

.archive-cal-level-mob .btn {
    width: 100% !important;
    border: 0px !important;
}

#datepicker {
    opacity: 0;
    height: 26px !important;
}

#datepicker-mob {
    opacity: 0;
    height: 26px !important;
}

.gj-datepicker-bootstrap [role=right-icon] button .gj-icon {
    display: none
}

.gj-picker-bootstrap table th,
.gj-picker-bootstrap table td {
    width: 36px;
    height: 36px;
}

.gj-picker-bootstrap table tr td.today div {
    background: #026dbd;
    color: #fff;
    border-radius: 3px
}

.gj-picker-bootstrap div[role=navigator] div:nth-child(1) {
    background: #026dbd30;
    border-radius: 3px
}

.gj-picker-bootstrap div[role=navigator] div:nth-child(3) {
    background: #026dbd30;
    border-radius: 3px
}

.btn-primary {
    background: red !important;
}

.btn-mob {
    font-size: 22px !important;
}


/*******************Body Right*********************/
.all-view {
    text-align: center;
    padding: 10px;
    display: table-cell;
    color: #fff;
}

.all-view .fa {
    font-size: 22px;
}

.view-formet {
    width: 100%;
    position: relative;
}

.view-formet .btn {
    _background: #dc1a21;
    border: 1px solid #317ce9;
    border-top: 1px solid #317ce9;
    _border-right: 1px solid #fff;
    color: #317ce9;
    padding: 2px;
    float: left;
    width: 20%;
    text-align: center;
}

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

.modal-content {
    border: none !important;
}

.modal-footer {
    border-top: none !important;
}

.img-view-modal {
    min-height: 860px;
    margin-top: 20px;
}

#view-formet .btn {
    border: none;
    outline: none;
    padding: 10px 16px;
    _background-color: #f1f1f1;
    cursor: pointer;
    font-size: 18px;
}

/* Style the active class, and buttons on mouse-over */
#view-formet .active,
.btn:hover {
    background-color: #fff;
    color: #1a73e8 !important;
    border: 1px solid #1a73e8 !important;
    border-right: 1px solid #fff !important;
}

.view-formet .active {
    color: #fff !important;
    background: #1a73e8;
}

.view-formet .btn:hover,
.view-formet .share-view:hover {
    color: #fff !important;
    background: #1a73e8;
}

.view-formet .btn {
    background: #fff;
    font-size: 14px;
    font-weight: bold;
}

.view-formet>div:first-child {
    border-radius: 3px 0 0 3px !important;
}

.view-formet>div:last-child {
    border-radius: 0 3px 3px 0 !important;
}

.modal-header {
    position: relative;
    border-bottom: none !important;
}

.view-date {
    _position: absolute;
    _bottom: 17px;
    _right: 23px;
    font-size: 12px;
    font-weight: bold;
    border-left: 4px solid #cb262b;
    padding-left: 6px;
    z-index: 9999;
    margin: 45px 15px 8px 0;
}

.modal-dialog {
    margin-top: 0;
}

.modal-content {
    position: relative;
    padding-bottom: 10px;
}

.popup-border {
    position: absolute;
    border: 3px solid #808080;
    border-radius: 10px;
    top: 42px;
    bottom: 0;
    left: 10px;
    right: 10px;
}

.modal-title {
    z-index: 99;
    background: #fff;
    width: 28%;
    margin-left: 18px;
}

.border1 {
    border: 1px solid #dee2e6 !important;
    margin: 0px 30px 15px 30px;
}

.btn {
    border-radius: 0 !important;
}

.button1 {
    border-radius: 5px 0 0 5px !important;
}

.btn-warning:active {
    background: #317ce9 !important;
}

.allshare {
    display: none;
}

.share-view:hover {
    background: none;
}

.share-main .share-view {
    position: relative;
    background: #fff;
    color: #317ce9;
}

.share-main .allshare {
    position: absolute;
    z-index: 99999;
    margin-top: 10px;
    right: 68px;
}

.current {
    background: #317ce9 !important;
    color: #fff !important;
}

.current>.btn-warning {
    background: #317ce9 !important;
    color: #fff !important;
}

.allshare::before {
    position: absolute;
    top: -9px;
    left: 149px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #ccc;
    border-left: 9px solid transparent;
    content: '';
}

.allshare::after {
    position: absolute;
    top: -9px;
    left: 150px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #ffffff;
    border-left: 9px solid transparent;
    content: '';
}

.allshare {
    box-shadow: 0px 0px 25px #dcdcdc;
    border-color: #999;
    border: none;
    margin-top: 12px !important;
    background: #fff;
    display: none;
    position: absolute;
    padding: 0 15px;
    z-index: 999;
    border-radius: 5px;
}

.printBtn {
    border: none !important;
    background: #000 !important;
    width: 33px !important;
    height: 33px !important;
    border-radius: 50% !important;
    float: right !important;
    margin: 4px !important;
    color: #fff !important;
}

.copy-link {
    border: none !important;
    background: #000 !important;
    width: 33px !important;
    height: 33px !important;
    border-radius: 50% !important;
    float: right !important;
    margin: 4px !important;
    color: #fff !important;
}

ul.top-extra-menus li i {
    color: #c5282f;
}

/*******************Body Right*********************/

.thumbnails_footer {
    display: none;
}

.thumbnails_footer {
    height: 330px;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 10px 0px 10px 10px;
    background: #e7e7e7
}

.thumbnails_footer ul {
    list-style: none;
    padding-left: 0px;
    padding-right: 15px;
    display: inline-flex;
}

.thumbnails_footer ul li {
    border: 1px solid #d82133;
    margin-bottom: 10px;
    cursor: pointer;
    width: 180px;
    display: inline;
    margin-right: 15px;
}

.thumbnails_footer ul li img {
    opacity: 0.9
}

.thumbnails_footer ul li img:hover {
    opacity: 1
}

.thumbnails_footer ul li .thumb-page-num {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000;
    color: #FFF;
    width: 40px;
    height: 43px;
    font-size: 30px;
    text-align: center;
    display: inline-block;
}

.news_img_download {
    float: left;
    background: green;
    color: #fff;
    padding: 5px 15px;
    font-size: 22px;
    margin-right: 20px;
}

/******************Mobile View*********************/
.mob-down {
    float: right;
    margin-top: 15px;
    background: none !important;
}

.news_img_download_mob {
    float: left;
    background: green;
    color: #fff;
    padding: 5px 15px;
    font-size: 22px;
    margin-right: 20px;
}

.close-popupMobile {
    background: #ccc;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 10px 15px !important;
    float: left;
    cursor: pointer;
    text-align: center;
    transition: background 0.2s;
}

.close-popupMobile:hover {
    background: #dc3545;
}

.close-popupMobile i {
    color: #fff !important;
    font-size: 30px;
}

.mobile-show {
    display: none;
}

body.mobile-view,
html.mobile-view {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

body.mobile-view,
body.mobile-view>section,
body.mobile-view .container,
body.mobile-view .modal {
    min-width: 600px !important;
    width: 600px !important;
    max-width: 600px !important;
    margin: 0px auto;
}

body.mobile-view>section,
body.mobile-view .container,
body.mobile-view .main-view {
    overflow: visible !important;
}

body.mobile-view .all-thumb {
    font-size: 30px;
}

body.mobile-view .mobile-show {
    display: block !important;
}

body.mobile-view .mobile-hide {
    display: none !important;
}

body.mobile-view .logo {
    _width: 205px;
    _padding: 5px 15px;
}

body.mobile-view .middle-part {
    margin: 0px !important;
}

/* E-Paper Sticky Headers */
.desktop-header-wrapper,
.epaper-desktop-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    border-bottom: 2px solid #b62427 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease-in-out;
}

body.has-admin-bar .desktop-header-wrapper,
body.has-admin-bar .epaper-desktop-header {
    top: 36px !important;
}

.desktop-header-wrapper.is-sticky,
.epaper-desktop-header.is-sticky {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

/* Mobile Sticky Header */
.mobile-header-sticky,
body.mobile-view .mobile-header-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    transition: box-shadow 0.2s ease-in-out;
}

body.has-admin-bar .mobile-header-sticky,
body.mobile-view.has-admin-bar .mobile-header-sticky {
    top: 36px !important;
}

.mobile-header-sticky.is-sticky,
body.mobile-view .mobile-header-sticky.is-sticky {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

body.mobile-view #header {
    background: #ffffff !important;
    padding: 5px 0 0 0 !important;
}

body.mobile-view .right-part.popupMobile,
.right-part.popupMobile {
    width: 100% !important;
    position: fixed !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: #fff !important;
    padding: 12px !important;
    z-index: 99999999 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

body.modal-open-mobile,
html.modal-open-mobile {
    overflow: hidden !important;
}

body.mobile-view .right-part.popupMobile #news img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

body.mobile-view .right-part.popupMobile #text-news {
    font-size: 19px !important;
    line-height: 1.8 !important;
    color: #222 !important;
}

body.mobile-view .right-part.popupMobile #text-news h3 {
    font-size: 26px !important;
    line-height: 1.4 !important;
    color: #000 !important;
    font-weight: bold;
}

@media only screen and (max-width: 980px) {
    .mobile-hide {
        display: none !important;
    }

    .mobile-show {
        display: block !important;
    }

    body:not(.mobile-view) {
        min-width: 600px !important;
        width: 600px !important;
        max-width: 600px !important;
        margin: 0 auto !important;
        overflow-x: hidden !important;
    }

    #admin-floating-bar {
        font-size: 11px !important;
        padding: 4px 8px !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    #admin-floating-bar .btn {
        font-size: 11px !important;
        padding: 1px 5px !important;
        margin-right: 3px !important;
    }
}

body.mobile-view #img-view-modal {
    border: 0 !important;
}

body.mobile-view .view-formet .btn {
    width: 25% !important;
}

body.mobile-view .view-formet>div:last-child {
    background: red;
    color: white;
    margin-right: 10px;
    ;
}

body.mobile-view .thumbnails_footer {
    display: block;
    height: 305px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

body.mobile-view .menu_category_mob ul li a {
    font-size: 25px !important;
    border-right: none !important;
}

body.mobile-view .shadow-custom {
    box-shadow: 0 3px 6px rgb(0 0 0 / 40%);
}

body.mobile-view .megaMenuWrapper {
    width: 100%;
    background: #00000099;
    display: none;
    left: 0 !important;
    top: 0px !important;
    bottom: 0px;
    border-top: 2px solid #ddd;
    _overflow: scroll;
    position: fixed;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    z-index: 99999;
}

body.mobile-view .megaMenu_inner a.logo {
    width: 235px;
    display: inline-block;
}

body.mobile-view .megaMenu_inner {
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999999;
    display: inline-block;
    overflow: scroll;
    overflow-x: hidden;
}

body.mobile-view .megaMenu input {
    height: 60px;
}

body.mobile-view .megaSearch {
    position: absolute;
    top: 0;
    background: #b62427;
    padding: 6px 15px;
    right: 10px;
    margin: 8px;
    border-radius: 5px;
}

body.mobile-view .megaSearch i {
    font-size: 28px;
}

body.mobile-view .megaMenu_inner a.logo-pop {
    width: 235px;
    display: inline-block;
    margin-left: 15px;
}

body.mobile-view .logo-pop img {
    padding: 0;
}

body.mobile-view #all_menu_mega {
    font-size: 28px;
    padding: 10px;
}

body.mobile-view .social-icon-list {
    padding: 15px;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999999;
    top: 0;
    box-shadow: 1px 1px 6px 2px #ccc;
}

body.mobile-view .megaMenu_inner #all_menu_mega i {
    color: #666;
    padding-left: 10px;
    font-size: 34px;
}

body.mobile-view .social-icon-list ul li {
    float: right;
    width: 30px;
    height: 30px;
    margin: 12px 5px 6px;
    text-align: center;
    font-size: 20px;
    list-style: none;
}

body.mobile-view #all_menu_mega {
    _border: 1px solid #ccc !important;
    _padding: 1px 5px;
    _border-radius: 5px;
    _margin-left: 10px;
    font-size: 28px;
}

body.mobile-view .spc_cat_header {
    background: #0c7890 !important;
}

body.mobile-view.logo-st0 {
    fill: #B62427;
}

body.mobile-view.logo-st1 {
    fill: #e9b60b;
}

.calender-fnt {}

body.mobile-view div.scrollmenu {
    _background-color: #f4f4f4;
    overflow: auto;
    white-space: nowrap;
    _box-shadow: 1px 1px 2px 2px #ccc;
    border-top: 2px solid #ccc;
    border-bottom: none;
    position: relative;
    z-index: 1;
    padding: 5px 5px 0 5px;
}

body.mobile-view div.menu_category {
    float: left;
}

body.mobile-view div.menu_category ul {
    text-align: left;
    margin-bottom: 0px !important;
}

body.mobile-view div.menu_category ul li {
    display: inline-block;
    padding: 0 2px;
}

body.mobile-view div.menu_category ul li a {
    display: block;
    /* line-height: 50px; */
    padding: 5px 10px 8px;
    margin-top: 5px;
    color: #000;
    font-weight: bold;
    font-size: 15px;
}

body.mobile-view div.menu_category_mob {
    float: left;
}

body.mobile-view div.menu_category_mob ul {
    text-align: left;
    margin-bottom: 0px !important;
}

body.mobile-view div.menu_category_mob ul li {
    display: inline-block;
    padding: 0 2px;
}

body.mobile-view div.menu_category_mob ul li a {
    display: block;
    /* line-height: 50px; */
    padding: 5px 10px;
    margin-top: 5px;
    color: #000;
    font-weight: bold;
    font-size: 22px;
}

body.mobile-view div.others_menu_mob i {
    font-size: 30px;
}

body.mobile-view div.others_menu_mob {
    float: right;
    margin-top: 5px;
}

body.mobile-view div.others_menu_mob ul {
    text-align: left;
}

body.mobile-view div.others_menu_mob ul li {
    display: inline-block;
}

body.mobile-view div.others_menu_mob ul li span {
    padding: 0px 10px !important;
    display: block;
    cursor: pointer;
    /* line-height: 50px; */
    color: #000;
}


body.mobile-view div.others_menu {
    float: right;
    margin-top: 5px;
}

body.mobile-view div.others_menu ul {
    text-align: left;
}

body.mobile-view div.others_menu ul li {
    display: inline-block;
}

body.mobile-view div.others_menu ul li span {
    padding: 5px 2px;
    display: block;
    cursor: pointer;
    /* line-height: 50px; */
    color: #000;
}

body.mobile-view span#all_menu:hover {
    color: #336699;
}

body.mobile-view span#all_menu_mob:hover {
    color: #336699;
}

body.mobile-view div.search_box {
    padding: 10px;
    background: #FFF;
    display: none;
    width: 100%;
}

body.mobile-view .btn-primary {
    background: #000 !important;
    padding: 10px;
}

body.mobile-view .btn-danger {
    padding: 10px;
}

body.mobile-view .megamenu {
    display: none;
    background: #333;
}

body.mobile-view .megaMenu {
    margin-top: 95px;
}

body.mobile-view div.megaMenu ul {
    text-align: left;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding-left: 15px;
}

body.mobile-view .meg-ul ul li {
    width: 40% !important;
    float: left;
    border-bottom: 1px solid #d0d0d0 !important;
    margin: 0 15px;
    padding: 5px 10px;
}

body.mobile-view .megaMenuBtm {
    margin-top: -10px;
}

body.mobile-view div.megaMenu .meg-ul a {
    color: #000 !important;
    font-size: 26px;
    line-height: 65px;
    font-weight: bold;
}

body.mobile-view div.megamenu ul li a {
    color: #fff !important;
    line-height: 30px;
    font-size: 16px;
}

body.mobile-view div.megamenu ul {
    text-align: left;
    list-style: none;
    overflow: hidden;
    padding-bottom: 15px;
}

body.mobile-view div.megamenu ul li {
    float: left;
    width: 16.5%;
    padding: 10px 0;
}

body.mobile-view .megamenu_mob {
    display: none;
    background: #333;
}

body.mobile-view div.megamenu_mob ul li a {
    color: #fff !important;
    line-height: 30px;
    font-size: 16px;
}

body.mobile-view div.megamenu_mob ul {
    text-align: left;
    list-style: none;
    overflow: hidden;
    padding-bottom: 15px;
}

body.mobile-view div.megamenu_mob ul li {
    float: left;
    width: 16.5%;
    padding: 10px 0;
}

body.mobile-view .fa-times {
    color: red;
    font-size: 27px;
    padding: 2px;
}

body.mobile-view .srch_form,
.srch_keyword {
    _height: 42px;
    font-size: 16px;
    margin-right: 90px;
    margin-bottom: 5px;
    background: #fff !important;
    _border: 1px solid #343a40;
    border: 1px solid #ececec;
    border-radius: 5px;
}

body.mobile-view div.megaMenuBtm ul {
    text-align: left;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding-left: 15px;
}

body.mobile-view .megMenuMedia ul li {
    width: 40% !important;
    float: left;
    border-bottom: 1px solid #d0d0d0 !important;
    margin: 0 15px;
    list-style: none;
    margin-bottom: 10px;
    color: #fff;
}

body.mobile-view .megaMenuBtm a {
    font-weight: bold;
    color: #000 !important;
    font-size: 26px !important;
    line-height: 67px;
}

body.mobile-view .megaMenuBtm i {
    color: #c5282f;
    font-size: 31px;
}

body.mobile-view .megMenuMedia .v-storys {
    width: 36px;
    margin-right: 7px;
}

body.mobile-view .megaMenuBtm ul li svg {
    width: 32px;
    margin-right: 10px;
    height: auto;
}

body.mobile-view .calendear-pop {
    font-size: 24px;
}

body.mobile-view #footer-social .fa-circle-nodes {
    font-size: 45px !important;
}

body.mobile-view footer .title {
    font-size: 26px !important;
    font-weight: bold;
}

body.mobile-view #footer-social .fa-envelope-open {
    font-size: 35px !important;
}

body.mobile-view #footer-social .fa-mobile-screen-button {
    font-size: 35px !important;
}

body.mobile-view .copyright {
    font-size: 24px;
}

body.mobile-view #footer-social .soacial-icon a.facebook i {
    color: #1878f1;
    font-size: 60px;
}

body.mobile-view #footer-social .soacial-icon a.youtube i {
    font-size: 34px;
    width: 60px;
    height: 60px;
    padding: 12px;
}

body.mobile-view #footer-social .soacial-icon a.twitter i {
    font-size: 58px;
}

body.mobile-view #footer-social .soacial-icon a.linkedin i {
    font-size: 58px;
}

body.mobile-view #footer-social .soacial-icon a.instagram i {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
}

body.mobile-view .mobile_app a {
    font-size: 24px !important;
}

body.mobile-view .mobile_app .app:hover,
body.mobile-view .mobile_app .ios:hover {
    color: #1a73e8 !important;
}

body.mobile-view .modal-title {
    width: 31% !important;
}

body.mobile-view span.smp-but>svg {
    width: 45px;
    height: 45px;
}

body.mobile-view .e-next {
    position: absolute;
    top: 43%;
    right: 0;
    width: 30px;
    padding: 10px 4px !important;
    border: 1px solid #d82133 !important;
    background: #ff0000 !important;
    color: #fff !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    display: inline-block !important;
    z-index: 99;
}

body.mobile-view .e-next i {
    font-size: 30px;
    _padding: 5px 0;
}

body.mobile-view .e-previous {
    position: absolute;
    top: 43%;
    left: 0;
    width: 30px;
    padding: 10px 4px !important;
    border: 1px solid #d82133 !important;
    background: #ff0000 !important;
    color: #fff !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    display: inline-block;
    z-index: 99;
}

body.mobile-view .e-previous i {
    font-size: 30px;
    _padding: 5px 0;
}

/**********************Footer*****************/
footer {
    _font-weight: bold;
    margin: 40px 0 0;
    color: #000;
}

footer p {
    font-size: 22px;
}

footer .dropdown a {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    margin-left: 10px;
}

footer .title,
footer .newsletter,
footer .phone {
    font-size: 22px;
}

footer .newsletter h5,
footer .mobile_app h5 {
    font-size: 25px;
}

footer .phone a {
    color: #000;
}

.bottom-navigation a {
    padding: 10px;
    font-weight: bold;
}

.bottom-navigation a:hover {
    color: #028bf7 !important
}

.site-address i {
    padding-right: 10px
}

.site-add-p {
    margin-bottom: 5px !important;
}

#footer-social .title i,
.newsletter title,
.mobile_app .title i {
    border-right: 2px solid #ccc;
    padding-right: 5px;
    margin-right: 5px;
}

.mobile_app a {
    color: #000;
    _font-weight: bold;
    font-size: 16px;
}

#footer-social-web .newsletter-web h5.title:hover {
    color: #1a73e8 !important
}

#footer-social .soacial-icon a.facebook i {
    color: #1878f1;
    font-size: 33px;
}

#footer-social .soacial-icon a {
    margin-right: 10px;
}

#footer-social .soacial-icon a.youtube i {
    background: #fe0000;
    color: #fff;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    text-align: center;
    padding: 6px;
    font-size: 19px;
}

#footer-social .soacial-icon a.twitter i {
    color: #03a9f5;
    font-size: 33px;
    margin-top: 3px;
}

#footer-social .soacial-icon a.linkedin i {
    color: #0078b7;
    font-size: 33px;
    margin-top: 2px;
}

.newsletter {
    margin-right: 30px
}

@media only screen and (max-width: 768px) {}

.current-month.gj-cursor-pointer div {
    font-weight: bold;
}

.printpage {
    page-break-after: always;
    padding-bottom: 20px;
}