:root { --primary-dark:#121212 ; --color-dp0: #191919 ; --color-dp1: rgb(35,35,35) ; --color-dp2: rgb(38,38,38) ; --color-dp3: rgb(41,41,41) ; --color-dp4: rgb(42,42,42) ; --color-dp6: rgb(48,48,48) ; --color-dp8: rgb(49,49,49) ; --color-dp12: rgb(53,53,53) ; --color-dp16: rgb(56,56,56) ; --color-dp24: rgb(58,59,59) ; --c-contrast-50: #f7f7f7; --c-contrast-300: #bbb; --c-contrast-400: #999; --color-text: #eee ; --color-text-secondary: #a0a0a0; --color-white: #fff; --color-blue-secondary: rgb(0, 99, 204); --color-blue-tertiary: rgb(0, 123, 255); --select-width: 80px; --select-height: 35px; --color-dark-primary :#64B5F6; --color-dark-secondary :#90A4AE; --color-dark-success :#81C784; --color-dark-warning :#FFF59D; --color-dark-info :#4FC3F7; --color-dark-light :#EEEEEE; --color-dark-body :#e0e0e0; --color-dark-danger :#CF6679; --color-dark-primary-border :#42A5F5; --color-dark-secondary-border :#607D8B; --color-dark-success-border :#66BB6A; --color-dark-warning-border :#FFF176; --color-dark-info-border :#2196F3; --color-dark-danger-border :#e57373; } body { font-family: SolaimanLipi !important; font-size: 17px; line-height: 26px !important; } a { color: #000 } body,h1,h2,h3,h4,h5,h6,p,textarea { font-family: SolaimanLipi } .container { padding-left: 10px; padding-right: 10px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { padding-right: 10px !important; padding-left: 10px !important } input.form-control { height: 40px } .form-control { color: #555; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: 0; box-shadow: 0; margin-bottom: 10px } .form-control:focus { border-color: #ccc; outline: 0; -webkit-box-shadow: none; box-shadow: none } .btn { border-radius: 0 } hr { height: 0; margin-bottom: 0; margin-top: 0 } .bg-yellow { background-color: #f39c12 !important } .article-title { font-weight: 500 } .navbar .dropdown-menu { border: none; background-color: #fff !important } .menu-logo { width: 160px; height: auto } .navbar { box-shadow: #000 0 5px 5px -5px; border-bottom: 0 none } .navbar-info { width: 100%; } .navbar-me { transition: all 1s; ; top: 0; border: 0; border-radius: 0 } .navbar-collapse { text-align: center; border-top-width: 0 } .dropdown-toggle::after { display: none } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; width: 50% } .navbar-me li.nav-item { border-bottom: 4px solid transparent } .navbar-me li.nav-item:hover { border-bottom: 4px solid #f26522 !important; transition: .3s } li.nav-item:hover .nav-link { color: #f26522 !important; transition: .3s } li.nav-item.active { border-bottom: 4px solid #f26522 } .navbar-brand { padding-top: 0; padding-bottom: 0; margin-right: 1rem } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #f6f6f6; border-color: #f6f6f6 } .nav-tabs { border-bottom: 1px solid #dee2e6; } .navbar-me a.nav-link { line-height: 54px; } .nav-tabs li.active { background: #f6f6f6 } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #000; cursor: default; background-color: #f6f6f6; border-bottom-color: transparent } .nav-list li { padding-top: 5px; padding-bottom: 5px } .nav-list li a:hover:before { margin-left: 0; opacity: 1; visibility: visible } .nav-list li a:before { content: "\f14f"; font: 400 21px/1 "Material Design Icons"; color: #4d6de6; display: inline-block; vertical-align: baseline; margin-left: -28px; margin-right: 7px; opacity: 0; visibility: hidden; transition: .22s ease } .tab-content { padding: 5px } .content p { font-size: 1.1em; line-height: 30px } .btn { padding: .2rem .5rem; font-size: 1rem } .cat-title span.cat-bg { min-width: 180px !important; padding: 3px 12px; color: #fff } .cat-title span.cat-bg a { color: #fff } h2.cat-title, h3.cat-title { font-size: 22px } .date-time { padding: 15px 0 } .capt span { color: #666; line-height: 22px; font-size: 16px } .capt { border-bottom: 1px solid #e2e2e2; padding: 10px } .summary { padding: 10px; border-bottom: 3px solid #01a3a4; font-size: 20px; line-height: 28px; /* background-color: #f1f1f1; */ margin: 10px 0 } .media-title { line-height: 25px } .media-body { padding: 5px } .media:hover .media-title { color: #3498db } .c-media { position: relative; border-bottom: 1px solid #ccc } .card-header { padding: .5rem; background-color: #ffff; border-bottom: 1px solid #fff } .card-footer { background: 0 0; border: none } .c-card:hover .card-title { color: #f15b22 !important; transition: .3s } .card { border: none; border-radius: 0 } .card-body { padding: .5rem } .card-img-overlay { position: absolute; top: 65%; right: 0; bottom: 0; left: 0; padding: 1.25rem; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%) } h5.card-title { font-size: 17px; line-height: 22px } .c-card { margin-bottom: 5px; overflow: hidden } .card-img-top { border-top-left-radius: 0; border-top-right-radius: 0 } .c-card a.overlay:hover .card-title { color: #f15b22 !important } p.card-text { font-size: 15px } h5.card-title, h6.card-title { font-size: 17px; line-height: 22px; margin-bottom: 0; font-weight: 500 } .sub-category { background-color: rgba(0, 0, 0, .2) } label { margin-bottom: 0; font-weight: 500 } blockquote { border-left: 2px solid #2fadb9; margin-left: 40px; font-style: italic; font-weight: 400; background: #f5f5f5; padding: 25px; position: relative; margin-top: 30px; margin-bottom: 30px; color: #444 } blockquote::before { position: absolute; left: 3px; top: 24px; font-family: fontawesome; font-size: 18px; color: #ccc; content: " " } .content-details a { color: #ff6d00!important; } .content-details a:hover { color: #f50057; transition: .3s } .scroll-top-wrapper i { line-height: 35px; color: #fff } .scroll-top-wrapper.show { visibility: visible; cursor: pointer; opacity: 1 } .scroll-top-wrapper { position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 99999999; background-color: #f15b22; color: #eee; width: 50px; height: 50px; line-height: 45px; right: 25px; bottom: 50px; padding-top: 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; border: 2px solid #fff } .scroll-top-wrapper:hover { background-color: #fff; border: 2px solid #000; color: #000 } .scroll-top-wrapper:hover i { color: #000 } .min-height { min-height: 900px } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border-radius: 0; border: 2px solid #f26522 !important } .navbar-toggler-icon { color: #f26522 } .social-share li i { width: 45px; height: 45px; border: 1px solid; text-align: center; line-height: 40px; border-radius: 50%; background-color: #3b5999; color: #fff; font-weight: 700; font-size: 22px } .social-share li .twitter>i { background-color: #55acee } .social-share li .google_plus>i { background-color: #dd4b39 } .social-share li>i:hover { opacity: .8 } a.more { font-size: 11px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #555 } a.more { cursor: pointer; color: #e28409 } a.more:hover { text-decoration: underline } a.close { background: transparent url(../images/close.gif) no-repeat top left; width: 13px; height: 13px; position: absolute; cursor: pointer; top: 10px; right: 10px } a.close:hover { background-position: 0 -13px } button#close { position: absolute; left: -15px; top: -15px; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; z-index: 1; border: 1px solid #ecf0f1; cursor: pointer } .carousel-caption { position: absolute; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%); width: 100%; left: 0; right: 0; bottom: 0 } .carousel-caption .carousel-title { color: #fff } .carousel-control-next i, .carousel-control-prev i { left: 0; border: 2px solid #fff; line-height: 38px; height: 40px; width: 40px; z-index: 999999; text-align: center; border-radius: 50%; background-color: #fff; color: #000 } .carousel-control-next, .carousel-control-prev { opacity: 1; transition: opacity .15s ease; z-index: 999 } .card-title { font-weight: 700 } .tab-content { padding: 0 } .category-title { color: #4a4a4a; font-size: 26px; line-height: 32px; font-weight: 400 } .category-title a { color: #4a4a4a; text-decoration: none; padding: 0 8px; display: block } .category-title:before, .titlebar:before { content: ' '; width: 4px; height: 24px; float: left; margin-top: 4px } #agami-search .form-group, #agami-search .input-group, #agami-search .search-text-input { width: 100% } #agami-search { padding: 5px 0; position: fixed; top: 0; left: 0; display: block; width: 100%; background-color: #fff; z-index: 9999; box-shadow: 0 5px 5px -5px #000 } a.mobile-menu-link { height: 50px } span.mobile-menu-title { display: block; font-size: 13px; line-height: 15px } .mobile-footer-icon i { font-size: .7em } .mobile-menu-link.active { background-color: #f78902 } .mobile-menu-link.active span { color: #fff } .form-tab .nav.nav-pills { color: #333; border-bottom: .1rem solid #ebebeb } .form-tab .nav.nav-pills .nav-item { margin-bottom: -.1rem } .form-tab .nav-fill .nav-item { flex: 1 1 0 } form-tab .nav.nav-pills .nav-link.active { color: inherit } .nav.nav-pills .nav-item .nav-link.active, .nav.nav-pills .nav-item.show .nav-link { color: #f78902; border-color: #d7d7d7; border-bottom-color: #f78902; color: #f78902; border-bottom-color: #f78902; color: #f78902; border-bottom-color: #f78902 } .form-tab .nav.nav-pills .nav-link { text-transform: capitalize; font-weight: 400; font-size: 20px; letter-spacing: -.025em; color: inherit; border-bottom-width: .2rem } .nav.nav-pills .nav-link { color: #777; font-weight: 400; font-size: 1.4rem; line-height: 1.5; letter-spacing: -.01em; padding: .45rem 1rem; border-radius: 0; text-align: center; text-transform: uppercase; border: none; border-bottom: .1rem solid transparent; background-color: transparent; transition: all .35s ease } .form-choice { color: #333; font-weight: 400; font-size: 1.6rem; line-height: 1.5; letter-spacing: -.025em } .form-choice p { margin-bottom: 1rem } .btn.btn-login { color: #333; font-weight: 300; font-size: 1rem; line-height: 1; padding: .5rem; border: .1rem solid #ebebeb; width: 100% } .btn.btn-login.btn-g { background-color: #c33; color: #fff } a.btn.btn-login.btn-f { background-color: #36c; color: #fff } a.btn.btn-login.btn-f i { color: #fff } .btn.btn-login.btn-f i { color: #36c } a.btn.btn-login:hover { opacity: .9 } .forgot-link { margin-left: 15px } .btn-reset-link { background-color: #f15b22; color: #fff } .btn-reset-link:hover { color: #fff } .form-tab .form-footer { padding-top: .6rem; padding-bottom: 1rem; border-bottom: .1rem solid #ebebeb; margin-bottom: 1rem } .form-footer { display: flex; align-items: center; flex-wrap: wrap; padding-top: .6rem } .btn-outline-primary-2 { color: #f78902; background-color: transparent; background-image: none; border-color: #f78902; box-shadow: none } .modal-body { padding: 0 } .modal-body .close { position: absolute; right: 1rem; top: 1rem } input.form-control { height: 40px; padding: .5rem 1rem; font-size: 1rem; line-height: 1.5; font-weight: 300; color: #777; background-color: #fafafa; border: 1px solid #ebebeb; border-radius: 0; transition: all .3s; box-shadow: none } a.footer-share.social_share.facebook { background-color: #3b5998; color: #fff } a.footer-share.social_share.facebook span { color: #fff } a.footer-share.twitter { background-color: #55acee } a.footer-share.whatsapp { background-color: #26c281 } a.footer-share.twitter span, a.footer-share.whatsapp span { color: #fff } a.footer-share.twitter i { font-size: 20px } span.d-inline-block.position-relative.px-2.mobile-footer-icon { line-height: 18px } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto } #status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url(../media/ajax-loader.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px } .page-wrapper { height: 100vh } .page-wrapper .theme { width: 40px; height: 40px; display: inline-block; border-radius: 4px; margin: 2px; background: #1e2229 } .page-wrapper.toggled .sidebar-wrapper { left: 0 } #show-sidebar { position: fixed; left: 0; top: 10px; border-radius: 0 4px 4px 0; width: 35px; transition-delay: .3s } .page-wrapper.toggled #show-sidebar { left: -40px } .offcanvas { width: 260px; height: 100%; max-height: 100% } .sidebar-wrapper ul { list-style-type: none; padding: 0; margin: 0 } .sidebar-wrapper a { text-decoration: none } .sidebar-content { max-height: calc(100% - 30px); height: calc(100% - 30px); overflow-y: auto; position: relative } .sidebar-content.desktop { overflow-y: hidden } .sidebar-wrapper .sidebar-brand { padding: 10px 20px; display: flex; align-items: center } .sidebar-wrapper .sidebar-brand>a { text-transform: uppercase; font-weight: 700; flex-grow: 1 } .sidebar-wrapper .sidebar-brand #close-sidebar { cursor: pointer; font-size: 20px } .sidebar-wrapper .sidebar-header { padding: 20px; overflow: hidden } .sidebar-wrapper .sidebar-header .user-pic { float: left; width: 60px; padding: 2px; border-radius: 12px; margin-right: 15px; overflow: hidden } .sidebar-wrapper .sidebar-header .user-pic img { object-fit: cover; height: 100%; width: 100% } .sidebar-wrapper .sidebar-header .user-info { float: left } .sidebar-wrapper .sidebar-header .user-info>span { display: block } .sidebar-wrapper .sidebar-header .user-info .user-role { font-size: 12px } .sidebar-wrapper .sidebar-header .user-info .user-status { font-size: 11px; margin-top: 4px } .sidebar-wrapper .sidebar-header .user-info .user-status i { font-size: 8px; margin-right: 4px; color: #5cb85c } .sidebar-wrapper .sidebar-search>div { padding: 10px 20px } .sidebar-wrapper .sidebar-menu { padding-bottom: 10px } .sidebar-wrapper .sidebar-menu .header-menu span { font-weight: 700; font-size: 14px; padding: 15px 20px 5px; display: inline-block } .sidebar-wrapper .sidebar-menu ul li a { display: inline-block; width: 100%; text-decoration: none; position: relative; padding: 8px 30px 8px 20px } .sidebar-wrapper .sidebar-menu ul li a i { margin-right: 10px; font-size: 12px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px } .sidebar-wrapper .sidebar-menu ul li a:hover>i::before { display: inline-block; animation: swing ease-in-out .5s 1 alternate } .sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after { font-family: "Line Awesome Free"; font-weight: 900; content: "\f105"; font-style: normal; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; background: 0 0; position: absolute; right: 15px; top: 14px } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul { padding: 5px 0 } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li { padding-left: 25px; font-size: 13px } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before { content: "\f111"; font-family: "Line Awesome Free"; font-weight: 400; font-style: normal; display: inline-block; text-align: center; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px } .sidebar-wrapper .sidebar-menu ul li a span.badge, .sidebar-wrapper .sidebar-menu ul li a span.label { float: right; margin-top: 8px; margin-left: 5px } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label { float: right; margin-top: 0 } .sidebar-wrapper .sidebar-menu .sidebar-submenu { display: none } .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after { transform: rotate(90deg); right: 17px } .sidebar-footer { position: absolute; width: 100%; bottom: 0; display: flex } .sidebar-footer>a { flex-grow: 1; text-align: center; height: 30px; line-height: 30px; position: relative } .sidebar-footer>a .notification { position: absolute; top: 0 } .page-wrapper .page-content { display: inline-block; width: 100%; padding-left: 0; padding-top: 20px } .page-wrapper .page-content>div { padding: 20px 40px } .page-wrapper .page-content { overflow-x: hidden } ::-webkit-scrollbar { width: 10px; height: 10px } ::-webkit-scrollbar-button { width: 0; height: 0 } ::-webkit-scrollbar-thumb { background: #f15b22; border: 0 none #fff; border-radius: 0 } ::-webkit-scrollbar-thumb:hover { background: #f15b22 } ::-webkit-scrollbar-thumb:active { background: #f15b22 } ::-webkit-scrollbar-track { background: 0 0; border: 0 none #fff; border-radius: 50px } ::-webkit-scrollbar-track:hover { background: 0 0 } ::-webkit-scrollbar-track:active { background: 0 0 } ::-webkit-scrollbar-corner { background: 0 0 } .sidebar-wrapper .sidebar-header, .sidebar-wrapper .sidebar-menu, .sidebar-wrapper .sidebar-search { border-top: 1px solid #3a3f48 } .sidebar-wrapper .sidebar-search .input-group-text, .sidebar-wrapper .sidebar-search input.search-menu { border-color: transparent; box-shadow: none } .sidebar-footer>a:hover i, .sidebar-wrapper .sidebar-brand>a:hover, .sidebar-wrapper .sidebar-header .user-info, .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a, .sidebar-wrapper .sidebar-menu ul li:hover>a { color: #b8bfce } .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before, .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i, .sidebar-wrapper .sidebar-search input.search-menu:focus+span, .sidebar-wrapper ul li:hover a i { color: #16c7ff; text-shadow: 0 0 10px rgba(22, 199, 255, .5) } .sidebar-wrapper .sidebar-menu .header-menu span { color: #6c7b88 } .sidebar-footer { background: #3a3f48; box-shadow: 0 -1px 5px #282c33; border-top: 1px solid #464a52 } .sidebar-footer>a:first-child { border-left: none } .sidebar-footer>a:last-child { border-right: none } .offcanvas-body { padding: 0 !important; } .offcanvas-header { padding: .2rem 1rem } .navbar .nav-item { font-size: 17px } .sidebar-menu ul li>a { font-size: 16px } span.input-group-text.btn.btn-dark { height: 40px; line-height: 30px; border-left: 1px solid #3a3f48 } .form-group.error input, .form-group.error select, .form-group.error textarea { color: #dc3545; border-color: #dc3545 } .form-group.error .help-block, .form-group.error .help-inline { color: #dc3545 } .form-box { background-color: #fff; max-width: 575px; margin-left: auto; margin-right: auto; padding: 2.2rem 2rem 4.4rem; } input.form-control.search-input.tt-hint { display: none !important } input#product { background-color: #fff !important } .link-overlay, .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; bottom: 0; right: 0; z-index: 1 } .position-relative { position: relative !important; overflow: hidden } textarea.form-control { min-height: calc(1.5em + .75rem + 2px) !important } .btn-close { border-radius: 0; opacity: .5; right: 10px; top: 10px; position: absolute; z-index: 1; text-align: right; float: right } .footer-top-wrap { background-color: #1a1a1a; } .footer-box .footer-logo a { display: inline-block } .footer-box p { font-size: .9375rem; color: #a5a5a5; margin-bottom: 1.25rem } .footer-box .footer-social li { display: inline-block; margin-right: .25rem; margin-bottom: .3125rem } .footer-box .footer-social li:last-child { margin-right: 0 } .footer-box .footer-social li a { display: block; text-align: center; height: 2.375rem; width: 2.375rem; line-height: 2.375rem; background-color: rgba(255, 255, 255, .19); border-radius: 50%; color: #a5a5a5; font-size: 1rem; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .footer-box .footer-social li a:hover { background-color: #f85c70; color: #fff } .footer-box .footer-title { position: relative } .footer-box .footer-title:after { content: ""; height: .1875rem; width: 2.5rem; background-color: #f85c70; position: absolute; bottom: 0; left: 0; right: 0 } .footer-box .footer-menu-box ul li { margin-bottom: .375rem } .footer-box .footer-menu-box ul li:last-child { margin-bottom: 0 } .footer-box .footer-menu-box ul li a { font-size: .9375rem; color: #a5a5a5; padding: .3125rem 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .footer-box .footer-menu-box ul li a:hover { color: #fff } .footer-bottom-wrap { background-color: #111212; } .footer-bottom-wrap .copyright-text { color: #ababab } .footer-bottom-wrap .copyright-text a { color: #f5f5f5; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .footer-bottom-wrap .copyright-text a:hover { color: #f85c70 } .footer-bottom-wrap .payment-option { text-align: right } .footer-bottom-wrap .payment-option a { display: block } button#load-more { padding: 10px; font-size: 20px; background-color: #f15b22; border-color: #f15b22 } .media-flex:hover .article-title { color: #f15b22; transition: .3s } .navbar .dropdown-menu { top: 73px !important } .dropdown-menu { border: none !important; border-radius: 0; padding: 0 } a.dropdown-item:hover { background-color: #f15b22; color: #fff; transition: .3s } a { cursor: pointer } .sub-category ul li>a:hover { color: #f26522 !important; transition: .2s } a:hover { color: #f26522 !important } a.dropdown-item:hover { color: #fff !important } .play-icon { position: absolute; background-color: rgba(255, 255, 255, .5); width: 25px; height: 25px; text-align: center; border-radius: 50%; margin: 2px } .play-icon i { font-size: 20px; line-height: 25px } @media screen and (min-width:768px) { .page-wrapper.toggled .page-content { padding-left: 300px } } @media only screen and (max-width:767px) { .footer-box .footer-title h3 { font-size: 1.375rem } } @media only screen and (max-width:767px) { .footer-bottom-wrap .copyright-text { text-align: center; margin-bottom: .9375rem } } @media only screen and (max-width:767px) { .footer-bottom-wrap .payment-option { text-align: center } } @media only screen and (min-width:992px) and (max-width:1200px) { .c-card { min-height: 220px; max-height: 220px } } @media screen and (min-width:992px) { .article-title { font-weight: 500 } .navbar { padding-top: 0; padding-bottom: 0 } .navbar .nav-item { padding: 0 .4rem; margin: 0 .25rem } .navbar .dropdown-menu { width: 100%; left: 0; right: 0; top: 95px } .navbar .dropdown .dropdown-menu:hover, .navbar .dropdown:hover .dropdown-menu { display: block !important } .navbar .dropdown-menu { border: 1px solid rgba(0, 0, 0, .15); background-color: #fff } .card-img-overlay { top: 60% } } @media (min-width:1350px) { .container { width: 1300px } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { padding-right: 10px; padding-left: 10px } .container { max-width: 1250px } .media.c-media img { width: 30% } .media-title { line-height: 20px } .media-120 { width: 120px } .media-180 { width: 180px } .media-200 { width: 200px } .media-250 { width: 250px } .job-block { height: 240px } } @media (max-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { padding-right: 10px !important; padding-left: 10px !important } } @media only screen and (max-width:767px) { #menu { background: #fff } #menu a { color: #000 } #menu .bn-edition { color: #fff } } @media (min-width:0px) and (max-width:414px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{ padding-right: 5px; padding-left: 5px } .row { margin-right: -5px; margin-left: -5px } .sub-menu ul li { padding-top: 5px; padding-bottom: 5px; margin-top: 2px; margin-bottom: 2px } .sub-menu ul li a { padding-top: 1px; padding-bottom: 4px } .single-news .article-title { font-size: 18px } .content-details { font-size: 16px } .content-details p { line-height: 22px } .capt span { color: #666; font-size: 13px; line-height: 15px; text-align: justify } .summary { font-size: 15px; padding: 5px 0; line-height: 20px } .menu-logo { width: 100px; height: auto } .navbar-brand { padding-top: 0; padding-bottom: 0; margin-right: 1rem } } @media only screen and (min-width:240px) and (max-width:480px) { .media-120 { width: 120px } .media-140 { width: 140px } .media-150 { width: 150px } .media-180 { width: 120px } .media-200 { width: 120px } .media-250 { width: 120px } .job-block { height: 180px } h3.article-title { font-size: 16px } h5.article-title { font-size: 16px } h2.article-title { font-size: 18px } .article-header h1 { font-size: 22px } button#load-more { padding: 5px } h4.article-title { font-size: 18px } p.card-summary { padding: 0 10px } h1.detail-headline { font-size: 25px } h4.heading.card-title { font-size: 16px } .carousel-inner-info h2 a { font-size: 20px; padding: 10px } h3.gallery-sec-title a { font-size: 18px } .navbar-nav>li>a { line-height: 20px ; color: #333 ; } .article-header { margin-top: 10px } body { background: #fff } p.reporter-title { margin-bottom: 0 } blockquote { border-left: 2px solid #2fadb9; margin-left: 0; padding: 15px; margin-top: 10px; margin-bottom: 30px } .blockquote { font-size: 1rem } h3.card-title { font-size: 18px } h5.latest-title { font-size: 18px; padding: 5px } .cat-breadcrumb li { font-size: 22px; color: #000 !important } .cat-breadcrumb { padding: .5rem } .block-title { margin-bottom: 0 } main#main-content { padding: 5px; } h3.category-title { font-size: 20px; line-height: 25px } textarea#comment_text { height: 100px } .form-control { margin-bottom: .2rem } button.btn.btn-info { width: 100% } .media-title { line-height: 20px; font-weight: 500; font-size: 16px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { padding-right: 5px !important; padding-left: 5px !important } .date-time { display: none } h6.media-title { font-size: 1rem } .media.c-media img { width: 120px } h2.cat-title { font-size: 20px } h2.cat-title span a { font-size: 14px } .height-228 { height: 190px !important } .height-130 { height: 97px } h4.media-title { font-size: 18px } .media.c-media img { width: 40% } .media.c-media { border-bottom: 1px solid #ccc; padding: 6px 0 } .height-75 { height: 95px } .height-85 { height: 97px } .c-card { margin-bottom: 0 } .latest-box { margin-top: 10px !important } .highest-box { margin: 10px 0 } .form-footer button { width: 100% } .meta-text { font-size: 14px; } .social-share li i { width: 35px; height: 35px; line-height: 35px; font-size: 17px; } .google-play { margin-bottom: 20px; } .author-info span { font-size: 11px; } .author-info div { font-size: 13px; } .author-info { font-size: 11px; } } .author-avatar img { width: 45px; height: 45px; } ul.social-share{ margin-bottom: 0px; } ul.social-share li { display: inline-block; } [data-bs-theme='dark'] .btn-tag{ background: #111; color: #777; } [data-bs-theme='light'] .btn-tag{ background: var(--c-contrast-50); color: var(--c-contrast-400); } .btn-tag{ display: inline-block; margin-right: 5px; margin-bottom: 3px; padding: 0 10px; font-size: 13px; letter-spacing: .03em; line-height: 28px; border-radius: 2px; } [data-bs-theme='dark'] .sidebar-wrapper .sidebar-menu .sidebar-dropdown div, [data-bs-theme='dark'] .sidebar-wrapper .sidebar-menu ul li a i, [data-bs-theme='dark'] .sidebar-wrapper .sidebar-search .input-group-text, [data-bs-theme='dark'] .sidebar-wrapper .sidebar-search input.search-menu, [data-bs-theme='dark'] .mobile-bottom-nav { background: #3a3f48 } [data-bs-theme='dark'] a{ color:var(--color-text); } [data-bs-theme="dark"] .navbar { background: var(--color-dp16) !important; } [data-bs-theme="dark"] body{ background-color: var(--primary-dark) !important; color: var(--color-text) !important; } [data-bs-theme="dark"] .bg-light { background-color: var(--color-dp0) !important; } [data-bs-theme="dark"] .bg-white { background-color: var(--color-dp0) !important; } [data-bs-theme="dark"] .bg-dark { background-color: var(--color-dp4) !important; } [data-bs-theme='dark'] .card { background: var(--color-dp4) !important; } [data-bs-theme='dark'] .card-header { background: var(--color-dp2) !important; } [data-bs-theme='dark'] .card-text { color: var(--color-text) !important; } [data-bs-theme='dark'] .text-dark { color: var(--color-text-secondary) !important; } [data-bs-theme='dark'] .text-dark:hover { color: var(--color-text) !important; } [data-bs-theme='dark'] .list-group-item { background: var(--color-dp4) !important; color: var(--color-text) !important; } [data-bs-theme='dark'] .form-control { background: var(--color-dp6) !important; border: var(--color-dp8) !important; color: var(--color-text-secondary) !important; } [data-bs-theme='dark'] .form-control:active { background: var(--color-dp6) !important; border: var(--color-dp8) !important; color: var(--color-text-secondary) !important; } [data-bs-theme='dark'] .input-group-prepend{ background: var(--color-dp16) !important; } [data-bs-theme='dark'] .custom-select{ background: var(--color-dp6) !important; border: var(--color-dp8) !important; color: var(--color-text-secondary) !important; } [data-bs-theme='dark'] .custom-control-input:checked ~ .custom-control-label:before { background-color:var(--color-blue-secondary) !important; color:var(--color-dp6) !important; } [data-bs-theme='dark'] .custom-control-input ~ .custom-control-label:before { background-color:var(--color-dp8) !important; border-color: var(--color-dp16); box-shadow: var(--color-dp16); color:var(--color-dp6) !important; } [data-bs-theme='dark'] hr { color: var(--text-color-secondary) !important; } /* Bootstrap */ [data-bs-theme='dark'] .alert { color: var(--color-dp0); } [data-bs-theme='dark'] .alert-danger{ background-color: var(--color-dark-danger); border-color: var(--color-dark-danger-border); } [data-bs-theme='dark'] .alert-primary{ background: var(--color-dark-primary); border-color: var(--color-dark-primary-border); } [data-bs-theme='dark'] .alert-secondary{ background: var(--color-dark-secondary); border-color: var(--color-dark-secondary-border); } [data-bs-theme='dark'] .alert-warning{ background: var(--color-dark-warning); border-color: var(--color-dark-warning-border); } [data-bs-theme='dark'] .alert-info{ background: var(--color-dark-info); border-color: var(--color-dark-info-border); } [data-bs-theme='dark'] .alert-success{ background: var(--color-dark-success); border-color: var(--color-dark-success-border); } [data-bs-theme='dark'] .alert-light{ background: var(--color-dark-light); } /* breadcrumb */ [data-bs-theme='dark'] .breadcrumb{ background: var(--color-dp16); } [data-bs-theme='dark'] .breadcrumb-item{ color:var(--color-blue-secondary); } [data-bs-theme='dark'] .breadcrumb-item:hover{ color:var(--color-blue-tertiary); } [data-bs-theme='dark'] .breadcrumb-item + .active{ color:var(--color-blue-tertiary); } /* modal*/ [data-bs-theme='dark'] .modal-content { background: var(--color-dp24)! important; } [data-bs-theme='dark'] .modal-header,.modal-footer { background: var(--color-dp12) !important; } [data-bs-theme='dark'] .modal-header{ border-bottom:1px solid var(--color-text-secondary); } [data-bs-theme='dark'] .modal-footer{ border-top:1px solid var(--color-text-secondary); } [data-bs-theme='dark'] .close { color: var(--color-text); text-shadow:none; } [data-bs-theme='dark'] .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { color: var(--color-text); } /* nav */ [data-bs-theme='dark'] .nav { background: var(--color-dp12); } /* pagination */ [data-bs-theme='dark'] .page-item,.page-link{ background: var(--color-dp8) !important; border-color: var(--color-dp12); } [data-bs-theme='dark'] .page-item:hover ,.page-link:hover{ background: var(--color-dp6) !important; border-color: var(--color-dp12); } /* tooltip */ [data-bs-theme='dark'] .tooltip-inner { background: var(--color-dp16); } /* img */ [data-bs-theme='dark'] img { filter: grayscale(20%); } /* Text */ [data-bs-theme='dark'] .text-primary { color: var(--color-dark-primary) !important; } [data-bs-theme='dark'] .text-secondary { color: var(--color-dark-secondary) !important; } [data-bs-theme='dark'] .text-success { color: var(--color-dark-success) !important; } [data-bs-theme='dark'] .text-danger { color: var(--color-dark-danger) !important; } [data-bs-theme='dark'] .text-warning { color: var(--color-dark-warning) !important; } [data-bs-theme='dark'] .text-info { color: var(--color-dark-info) !important; } [data-bs-theme='dark'] .text-light { color: var(--color-dark-light) !important; } [data-bs-theme='dark'] .text-body { color: var(--color-dark-body) !important; } [data-bs-theme='dark'] .text-white { color: var(--color-text) !important; } [data-bs-theme='dark'] .text-dark { color: var(--color-text-primary ) !important; } /* background */ [data-bs-theme='dark'] .bg-primary { background: var(--color-dark-primary) !important; } [data-bs-theme='dark'] .bg-secondary { background: var(--color-dark-secondary) !important; } [data-bs-theme='dark'] .bg-success { background: var(--color-dark-success) !important; } [data-bs-theme='dark'] .bg-danger { background: var(--color-dark-danger) !important; } [data-bs-theme='dark'] .bg-warning.text-dark { background: var(--color-dark-warning) !important; color: var(--color-dp0) !important; } [data-bs-theme='dark'] .bg-info { background: var(--color-dark-info) !important; } [data-bs-theme='dark'] .bg-body { background: var(--color-dark-body) !important; } [data-bs-theme='dark'] .bg-dark.text-white { background: var(--color-dp6) !important; color: var(--color-text-primary) !important; } /* Buttons*/ /* background */ [data-bs-theme='dark'] .btn-primary { background: var(--color-dark-primary) !important; color: var(--color-dp0) !important; } [data-bs-theme='dark'] .btn-secondary { background: var(--color-dark-secondary) !important; color: var(--color-dp0) !important; } [data-bs-theme='dark'] .btn-success { background: var(--color-dark-success) !important; color: var(--color-dp0) !important; } [data-bs-theme='dark'] .btn-danger { background: var(--color-dark-danger) !important; color: var(--color-dp0) !important; } [data-bs-theme='dark'] .btn-warning { background: var(--color-dark-warning) !important; color: var(--color-dp0) !important; } [data-bs-theme='dark'] .btn-info { background: var(--color-dark-info) !important; color: var(--color-dp0) !important; } [data-bs-theme='dark'] .btn-light { background: var(--color-dp12) !important; color:var(--color-text) !important; border-color:var(--color-dp4) !important; } [data-bs-theme='dark'] .btn-body { background: var(--color-dark-body) !important; } [data-bs-theme='dark'] .btn-dark { background: var(--color-dp6) !important; color: var(--color-text-primary) !important; } /**/ [data-bs-theme='dark'] .btn-outline-primary { border-color: var(--color-dark-primary) !important; color: var(--color-dark-primary) !important; } [data-bs-theme='dark'] .btn-outline-primary:hover { background: var(--color-dark-primary) !important; color: var(--color-dp0) !important; } [data-bs-theme='dark'] .btn-outline-secondary { border-color: var(--color-dark-secondary) !important; color: var(--color-dark-secondary) !important; } [data-bs-theme='dark'] .btn-outline-secondary:hover { background: var(--color-dark-secondary) !important; color: var(--color-dp0) !important; } [data-bs-theme='dark'] .btn-outline-success { border-color: var(--color-dark-success) !important; color: var(--color-dark-success) !important; } [data-bs-theme='dark'] .btn-outline-success:hover { background: var(--color-dark-success) !important; color: var(--color-dp0) !important; } [data-bs-theme='dark'] .btn-outline-danger { border-color: var(--color-dark-danger) !important; color: var(--color-dark-danger) !important; } [data-bs-theme='dark'] .btn-outline-danger:hover { background: var(--color-dark-danger) !important; color: var(--color-dp0) !important; } [data-bs-theme='dark'] .btn-outline-warning { border-color: var(--color-dark-warning) !important; color: var(--color-dark-warning) !important; } [data-bs-theme='dark'] .btn-outline-warning:hover { background: var(--color-dark-warning) !important; color: var(--color-dp0) !important; } [data-bs-theme='dark'] .btn-outline-info { border-color: var(--color-dark-info) !important; color: var(--color-dark-info) !important; } [data-bs-theme='dark'] .btn-outline-info:hover { background: var(--color-dark-info) !important; color: var(--color-dp0) !important; } [data-bs-theme='dark'] .btn-outline-light { border-color: var(--color-text) !important; color: var(--color-text) !important; } [data-bs-theme='dark'] .btn-outline-light:hover { background: var(--color-dp4) !important; color: var(--color-text) !important; } [data-bs-theme='dark'] .btn-outline-dark { border-color: var(--color-dp8) !important; color: var(--color-dp8) !important; } [data-bs-theme='dark'] .btn-outline-dark:hover { background: var(--color-dp8) !important; color: var(--color-white) !important; } [data-bs-theme='dark'] code { color: var(--text-secondary); } [data-bs-theme='dark'] .h1, [data-bs-theme='dark'] .h2, [data-bs-theme='dark'] .h3, [data-bs-theme='dark'] .h4, [data-bs-theme='dark'] .h5, [data-bs-theme='dark'] .h6, [data-bs-theme='dark'] h1, [data-bs-theme='dark'] h2, [data-bs-theme='dark'] h3, [data-bs-theme='dark'] h4, [data-bs-theme='dark'] h5, [data-bs-theme='dark'] h6,[data-bs-theme='dark'] body { color: var(--color-text) !important; } [data-bs-theme='dark'] .offcanvas-body,[data-bs-theme='dark'] .sidebar-wrapper { background-color: #31353d; } [data-bs-theme='light'] #main-content { background-color: rgb(241, 242, 242); } [data-bs-theme='light'] .media-flex { background-color: #f6f6f6; } [data-bs-theme='dark'] .media-flex { background-color:var(--color-dp16); } [data-bs-theme='light'] .mobile-bottom-nav { background-color: #fff; } .navbar-me { background-color: var(--color-white) !important; } li.nav-item.dropdown.theme-nav { line-height: 55px; } /* custom checkbox */ .switch { position: relative; display: inline-block; width: var(--select-width); height: var(--select-height); animation : moveUp .5s .5s; animation-fill-mode:backwards; } @keyframes moveUp { from { transform:translateY(30px); opacity:0; } to { transform:translateY(0px); opacity:1px; } } a { text-decoration: none; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: calc(var(--select-height) - 2 * 4px ); width: calc(var(--select-height) - 2 * 4px ); left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: var(--color-dark-primary); } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX( 45px ); transform: translateX( 45px ); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .btn-fixed--right-corner { position:fixed; bottom:25px; right:25px; width:45px; height:45px; font-size:1.8rem; font-weight:700; display:flex; align-items:center; justify-content:center; } .img-scroll { width: 100%; height: 400px; background-size: 100% !important; background-position-y: 0%; position: relative; overflow: hidden; } .img-scroll:hover { animation: updown 3s alternate infinite; } .img-scroll-caption { position: absolute; width:100%; text-align: center; font-size: 1.1rem; font-weight: 500; padding: 5px; bottom: 0; color: var(--color-text); background: rgba(58,59,59,0.5); transition: .5s all ease-out; } .btn-preview { position: absolute; bottom:-38px; opacity:0 ; transition: .5s all ease-out; } .img-scroll:hover .btn-preview{ bottom:0px; opacity: 1; } .img-scroll:hover .img-scroll-caption { bottom:38px; } @keyframes updown { from { background-position-y: 0%; } to { background-position-y: 100%; } } code { color: var(--color-text); } .loading-spinner { display: none; } .loading-spinner.active { display: inline-block; } .question-box:hover .question-title { color: #f26522 !important; }