:root {
    --td_theme_color: #162eb7;
    --td_slider_text: rgba(22, 46, 183, 0.7);
    --td_mobile_gradient_one_mob: rgba(7, 7, 58, 0.8);
    --td_mobile_gradient_two_mob: rgba(22, 46, 183, 0.9);
    --td_mobile_text_active_color: #5070e5;
    --td_login_gradient_one: rgba(0, 69, 130, 0.8);
    --td_login_gradient_two: rgba(38, 134, 146, 0.8);
    --accent-color: #fff;
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 11px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 32px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--font-size--regular: 15px;
    --wp--preset--font-size--larger: 50px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

.blink_me {
    animation: blinker 1s linear infinite;
    color: red !important;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
body, p {
    font-family: "Merriweather Sans"
}

.td-header-style-12 .td-header-menu-wrap-full, .td-header-style-12 .td-affix, .td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-post-category, .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category, .td_category_template_3 .td-current-sub-category, .td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, .td_block_big_grid_9.td-grid-style-1 .td-post-category, .td_block_big_grid_9.td-grid-style-5 .td-post-category, .td-grid-style-6.td-hover-1 .td-module-thumb:after, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > li > a:hover, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .sfHover > a {
    background-color: #162eb7
}

.td_mega_menu_sub_cats .cur-sub-cat, .td-mega-span h3 a:hover, .td_mod_mega_menu:hover .entry-title a, .header-search-wrap .result-msg a:hover, .td-header-top-menu .td-drop-down-search .td_module_wrap:hover .entry-title a, .td-header-top-menu .td-icon-search:hover, .td-header-wrap .result-msg a:hover, .top-header-menu li a:hover, .top-header-menu .current-menu-item > a, .top-header-menu .current-menu-ancestor > a, .top-header-menu .current-category-ancestor > a, .td-social-icon-wrap > a:hover, .td-header-sp-top-widget .td-social-icon-wrap a:hover, .td_mod_related_posts:hover h3 > a, .td-post-template-11 .td-related-title .td-related-left:hover, .td-post-template-11 .td-related-title .td-related-right:hover, .td-post-template-11 .td-related-title .td-cur-simple-item, .td-post-template-11 .td_block_related_posts .td-next-prev-wrap a:hover, .td-category-header .td-pulldown-category-filter-link:hover, .td-category-siblings .td-subcat-dropdown a:hover, .td-category-siblings .td-subcat-dropdown a.td-current-sub-category, .footer-text-wrap .footer-email-wrap a, .footer-social-wrap a:hover, .td_module_17 .td-read-more a:hover, .td_module_18 .td-read-more a:hover, .td_module_19 .td-post-author-name a:hover, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more i, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more i, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .sfHover > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > li > a:hover {
    color: #162eb7
}

.td-mega-menu-page .wpb_content_element ul li a:hover, .td-theme-wrap .td-aj-search-results .td_module_wrap:hover .entry-title a, .td-theme-wrap .header-search-wrap .result-msg a:hover {
    color: #162eb7 !important
}

.td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-item > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > li > a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .sfHover > a {
    border-color: #162eb7
}

body, p {
    font-family: "Merriweather Sans"
}

.td-header-style-12 .td-header-menu-wrap-full, .td-header-style-12 .td-affix, .td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-post-category, .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category, .td_category_template_3 .td-current-sub-category, .td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, .td_block_big_grid_9.td-grid-style-1 .td-post-category, .td_block_big_grid_9.td-grid-style-5 .td-post-category, .td-grid-style-6.td-hover-1 .td-module-thumb:after, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > li > a:hover, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .sfHover > a {
    background-color: #162eb7
}

.td_mega_menu_sub_cats .cur-sub-cat, .td-mega-span h3 a:hover, .td_mod_mega_menu:hover .entry-title a, .header-search-wrap .result-msg a:hover, .td-header-top-menu .td-drop-down-search .td_module_wrap:hover .entry-title a, .td-header-top-menu .td-icon-search:hover, .td-header-wrap .result-msg a:hover, .top-header-menu li a:hover, .top-header-menu .current-menu-item > a, .top-header-menu .current-menu-ancestor > a, .top-header-menu .current-category-ancestor > a, .td-social-icon-wrap > a:hover, .td-header-sp-top-widget .td-social-icon-wrap a:hover, .td_mod_related_posts:hover h3 > a, .td-post-template-11 .td-related-title .td-related-left:hover, .td-post-template-11 .td-related-title .td-related-right:hover, .td-post-template-11 .td-related-title .td-cur-simple-item, .td-post-template-11 .td_block_related_posts .td-next-prev-wrap a:hover, .td-category-header .td-pulldown-category-filter-link:hover, .td-category-siblings .td-subcat-dropdown a:hover, .td-category-siblings .td-subcat-dropdown a.td-current-sub-category, .footer-text-wrap .footer-email-wrap a, .footer-social-wrap a:hover, .td_module_17 .td-read-more a:hover, .td_module_18 .td-read-more a:hover, .td_module_19 .td-post-author-name a:hover, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more i, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more i, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .sfHover > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > li > a:hover {
    color: #162eb7
}

.td-mega-menu-page .wpb_content_element ul li a:hover, .td-theme-wrap .td-aj-search-results .td_module_wrap:hover .entry-title a, .td-theme-wrap .header-search-wrap .result-msg a:hover {
    color: #162eb7 !important
}

.td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-item > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > li > a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .sfHover > a {
    border-color: #162eb7
}


@media (max-width: 767px) {
    .td-header-desktop-wrap {
        display: none
    }
}

img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
}

@media (min-width: 767px) {
    .td-header-mobile-wrap {
        display: none
    }
}


img.wp-smiley, img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}


/*! This file is auto-generated */
.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em
}

.wp-block-file__button {
    background: #32373c;
    color: #fff;
    text-decoration: none
}


:where(.is-layout-flex) {
    gap: 0.5em;
}

:where(.is-layout-grid) {
    gap: 0.5em;
}

body .is-layout-flex {
    display: flex;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

.is-layout-flex > :is(*, div) {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

.is-layout-grid > :is(*, div) {
    margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6;
}


.ramzan_clock_ads {
    height: auto;
    width: auto;
    position: fixed;
    z-index: 99;
    bottom: 5%;
    left: 0
}


@font-face {
    font-family: Domine;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Domine'), url(https://www.thenews.com.pk/assets/front/fonts/Domine/L0x8DFMnlVwD4h3htfqndSk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Domine;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Domine'), url(https://www.thenews.com.pk/assets/front/fonts/Domine/L0x8DFMnlVwD4h3hu_qn.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Domine;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Domine'), url(https://www.thenews.com.pk/assets/front/fonts/Domine/L0x8DFMnlVwD4h3htfqndSk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Domine;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Domine'), url(https://www.thenews.com.pk/assets/front/fonts/Domine/L0x8DFMnlVwD4h3hu_qn.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

html {
    font: 10px sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    padding: 0 0 0 0 !important;
    -webkit-tap-highlight-color: transparent
}

header, menu {
    display: block
}

a:active, a:hover {
    outline: 0
}

img {
    border: 0;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

input {
    margin: 0;
    font: inherit;
    color: inherit;
    line-height: normal;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    img {
        page-break-inside: avoid;
        max-width: 100% !important
    }

    .label {
        border: 1px solid #000
    }
}

.sidenav {
    height: 0;
    width: 270px;
    position: fixed;
    z-index: 9999999999;
    top: 0;
    background-color: #fff;
    overflow: hidden;
    transition: .4s cubic-bezier(.37, .15, .32, .94);
    padding-bottom: 0;
    -webkit-transform: translateX(-310px);
    -moz-transform: translateX(-310px);
    -ms-transform: translateX(-310px);
    transform: translateX(-310px);
    -webkit-transition: .4s cubic-bezier(.37, .15, .32, .94);
    -moz-transition: .4s cubic-bezier(.37, .15, .32, .94);
    -ms-transition: all .4s cubic-bezier(.37, .15, .32, .94);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .6)
}

.sidenav.openNavLeft {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    height: 100%
}

.sidenav li a span {
    float: none;
    display: block;
    width: 100%;
    font: 700 10px/1px arial;
    text-transform: uppercase;
    color: #797979;
    word-spacing: 2px;
    margin-bottom: 10px
}

.sidenav .inner-scroller {
    overflow-y: auto
}

.sidenav .inner-scroller .fb-bot-btn {
    background: 0 0
}

.sidenav .drawer-logo a {
    padding: 0;
    border-top: 0
}

.sidenav .drawer-logo img {
    display: table;
    margin: 18px auto 27px
}

.sidenav .inner-scroller ul {
    padding: 0 20px;
    margin: 0;
    list-style: none
}

.sidenav .inner-scroller ul li {
    position: relative
}

.sidenav .inner-scroller ul li .svg-add-icon {
    display: block
}

.sidenav .inner-scroller ul li .svg-remove-icon {
    display: none
}

.sidenav .inner-scroller ul li ul {
    display: none;
    background: #fff;
    padding: 0
}

.sidenav .inner-scroller ul li a {
    padding: 5px 0;
    text-decoration: none;
    font-size: 15px;
    color: #000;
    display: block;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
    line-height: 32px;
    border-bottom: 1px solid #ededed
}

.sidenav .inner-scroller ul li a.ad-icon {
    position: absolute;
    right: 10px;
    top: 13px;
    z-index: 99999;
    width: 30px;
    height: 30px;
    border-bottom: 0
}

.sidenav .inner-scroller ul li a.ad-icon svg {
    width: 15px;
    height: 15px;
    margin-left: 14px;
    margin-top: 7px
}

.sidenav a span {
    width: 20px;
    float: left
}

.sidenav a:hover {
    color: #f1f1f1
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px
    }

    .sidenav a {
        font-size: 18px
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font: 400 16px/1.5 "Domine", sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f6f6f6
}

a {
    background-color: transparent;
    color: #337ab7;
    text-decoration: none
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px;
    outline-offset: -2px
}

ul {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul {
    margin-bottom: 0
}

dd {
    line-height: 1.42857143;
    margin-left: 0
}

.container-fluid {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.btn {
    display: inline-block;
    padding: 3px 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 5px;
    outline-offset: -2px
}

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

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

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before {
    display: table;
    content: " "
}

.clearfix:after, .container-fluid:after {
    clear: both
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}




.disable {
    display: none !important
}

.clearfix {
    clear: both
}

@keyframes circle {
    0%, 40% {
        opacity: 1
    }
    100% {
        width: 120%;
        height: 100%;
        opacity: 0
    }
}

header.new_header {
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    background-color: #fff;
    /*height: 110px*/
}

header.new_header.f-nav {
    position: relative
}

header {
    background-color: #fff;
    width: 100%;
    float: left;
    box-shadow: 5px 5px 5px rgba(80, 80, 80, .14);
    margin-bottom: 20px
}

header .mobile-header {
    display: none
}

header .desktop_header {
    /*height: 78px*/
}

header.new_header .desktop_header .header-top {
    width: 100%;
    margin: 0
}

header .desktop_header .header-top {
    width: 90%;
    width: -webkit-calc(100% - 100px - 0%);
    width: calc(100% - 100px - 0%);
    float: left;
    margin: 2px 0;
    padding: 10px 0
}

header.new_header .desktop_header .header-top .header-left {
    float: none;
    width: 100%;
    margin-right: 0;
    text-align: center
}

header .desktop_header .header-top .header-left {
    float: left;
    width: 115px;
    position: relative;
    margin-right: 10px
}

header .desktop_header .header-top .header-left .logo {
    width: 100%
}

header.new_header .desktop_header .header-top .header-left .logo {
    width: 100%;
    width: calc(100% - 430px);
    display: inline-block
}

header .desktop_header .header-top .header-left .eng-chi-links {
    float: right;
    width: 40%;
    position: absolute;
    right: 0;
    bottom: -13px;
    display: none
}

header .desktop_header .header-top .header-left .eng-chi-links ul {
    padding: 0;
    margin: 0
}

header .desktop_header .header-top .header-left .eng-chi-links ul li {
    list-style: none;
    text-align: center
}

header .desktop_header .header-top .header-left .eng-chi-links ul li a {
    color: #909090;
    font-size: 12px;
    display: inline-block;
    z-index: 1;
    position: relative
}

header .desktop_header .header-top .header-left .eng-chi-links ul li a #ec-active-blink {
    display: none
}

header .desktop_header .header-top .header-left .eng-chi-links ul li.ec-active a {
    color: #fff
}

header .desktop_header .header-top .header-left .eng-chi-links ul li.ec-active a #ec-active-blink {
    color: #4dfe02;
    font-size: 1.7em;
    font-weight: 600;
    float: right;
    margin-right: -4px;
    margin-top: -16px;
    display: block
}

header .desktop_header .header-top .header-left .header-date {
    width: 100%;
    float: left;
    margin-top: 0
}

header .desktop_header .header-top .header-left .header-date .eng-date {
    color: #181716;
    font-size: 12px
}

header.new_header .desktop_header .header-top .menu {
    width: 100%;
    margin: 10px 0 0;
    text-align: center
}

header .desktop_header .header-top .menu {
    float: left;
    width: 93%;
    width: -webkit-calc(100% - 125px - 225px);
    width: calc(100% - 125px - 225px);
    margin: 10px 0 0
}

header .desktop_header .header-top .menu .topnav {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    font-family: inherit;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    list-style: none
}

header .desktop_header .header-top .menu .topnav li, header .desktop_header .header-top .menu .topnav li a {
    display: inline-block;
    zoom: 1;
    white-space: nowrap
}

header .desktop_header .header-top .menu .topnav.nav--dropdown {
    display: none;
    left: 0;
    width: auto;
    background: inherit
}

header .desktop_header .header-top .menu .nav--primary {
    padding: 1px 0 5px;
    margin: 0;
    top: auto;
    right: auto;
    overflow: hidden;
    position: relative;
    border-width: 0;
    border-style: none
}

header .desktop_header .header-top .menu .nav--primary li {
    text-align: center;
    padding: 0;
    margin: 0;
    background-color: transparent;
    position: relative;
    border-width: 0;
    border-style: none
}

header .desktop_header .header-top .menu .nav--primary li.nav__item--sandwich {
    cursor: pointer;
    background-color: transparent;
    border: none;
    width: 20px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    margin: 0;
    display: none
}

header .desktop_header .header-top .menu .nav--primary li.nav__item--sandwich > a {
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    padding: 0;
    margin-top: -6px;
    -webkit-box-shadow: 0 0 0 1px #181716, 0 5px 0 1px #181716, 0 10px 0 1px #181716;
    box-shadow: 0 0 0 1px #181716, 0 5px 0 1px #181716, 0 10px 0 1px #181716
}

header .desktop_header .header-top .menu .nav--primary li.nav__item--sandwich .nav--dropdown {
    position: absolute;
    right: 0;
    left: auto;
    top: 100%;
    background: #fff;
    -webkit-box-shadow: -1px 1px 3px #aaa;
    box-shadow: -1px 1px 3px #aaa;
    z-index: 200;
    margin: 0;
    padding: 0
}

header .desktop_header .header-top .menu .nav--primary li.nav__item--sandwich .nav--dropdown li {
    text-align: left
}

header.new_header .desktop_header .header-top .menu .nav--primary li.nav__item--sandwich .nav--dropdown li.dd .dropdown-content {
    min-width: 140px;
    padding: 0 0 0 20px
}

header.new_header .desktop_header .header-top .menu .nav--primary li.nav__item--sandwich .nav--dropdown li.dd .dropdown-content a {
    position: relative;
    padding: 6px 0 6px 16px !important
}

header.new_header .desktop_header .header-top .menu .nav--primary li.nav__item--sandwich .nav--dropdown li.dd .dropdown-content a:before {
    position: absolute;
    content: "";
    display: block;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    background: #181716;
    left: 5px;
    top: 13px
}

header .desktop_header .header-top .menu .nav--primary li.nav__item--sandwich .nav--dropdown li a, header .desktop_header .header-top .menu li.nav__item--sandwich .nav--dropdown li.dd span.dropbtn {
    padding: 5px 18px;
    display: inline-block
}

header .desktop_header .header-top .menu .nav--primary li.nav__item--sandwich:hover:after {
    display: none
}

header .desktop_header .header-top .menu .nav--primary li.active {
    color: var(--font-color)
}

header .desktop_header .header-top .menu .nav--primary li.active a {
    text-decoration: none;
    position: relative;
    color: var(--font-color)
}

header .desktop_header .header-top .menu .nav--primary li.active a:after {
    content: "";
    position: absolute;
    border-bottom: 3px solid var(--font-color);
    left: 0;
    transition: .5s;
    width: 100%;
    bottom: -29px
}

header .desktop_header .header-top .menu .nav--primary li.active .dropdown-content a:after {
    display: none
}

header .desktop_header .header-top .menu .nav--primary li:hover {
    color: var(--font-color);
    text-decoration: none
}

header.new_header .desktop_header .header-top .menu .nav--primary li.active a:after, header.new_header .desktop_header .header-top .menu .nav--primary li:hover:after {
    display: none
}

header .desktop_header .header-top .menu .nav--primary li:hover:after {
    position: absolute;
    bottom: -29px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    content: ".";
    color: transparent;
    background: var(--font-color);
    height: 3px;
    transition: .5s
}

header .desktop_header .header-top .menu .nav--primary li.dd:hover .dropdown-content {
    display: block
}

header .desktop_header .header-top .menu .nav--primary li a, header .desktop_header .header-top .menu .nav--primary li.dd span.dropbtn {
    padding: 0 10px;
    margin: 0;
    color: #181716;
    white-space: inherit;
    font-size: 15px;
    font-weight: 400
}

header .desktop_header .header-top .menu .nav--primary li a:hover {
    text-decoration: none;
    color: var(--font-color)
}

header .desktop_header .header-top .menu .nav--primary li:before {
    transition: .5s
}

header .desktop_header .header-top .menu .nav--primary li:after {
    position: absolute;
    bottom: -29px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    content: ".";
    color: transparent;
    background: var(--font-color);
    height: 3px;
    transition: .5s
}

header .desktop_header .header-top .menu .nav--primary li ul.nav--dropdown li:hover:after {
    bottom: 0
}

header .desktop_header .header-top .menu .nav--responsive {
    white-space: nowrap
}

header .desktop_header .header-top .menu-right {
    float: right;
    margin: 10px 0 0 10px;
    padding: 0 0 0 5px;
    width: 190px
}

header.new_header .desktop_header .header-top .menu-right {
    width: 20px;
    float: right;
    margin: 0;
    position: relative;
    padding: 0
}

header.new_header .desktop_header .header-top .menu-right #search {
    top: 8px;
    width: auto;
    height: auto;
    left: 0
}

header.new_header .desktop_header .header-top .menu-right #search.form-active #input, header.new_header .desktop_header .header-top .menu-right #search3.form-active #input {
    display: block
}

header.new_header .desktop_header .header-top .menu-right #label2, header.new_header .desktop_header .header-top .menu-right #label3 {
    margin: 8px 0 0
}

header.new_header .desktop_header .header-top .menu-right #label2 label, header.new_header .desktop_header .header-top .menu-right #label3 label {
    height: 20px;
    background: url(https://www.thenews.com.pk/assets/front/images/search_top.svg) no-repeat;
    font-size: 0;
    color: transparent;
    text-indent: -9999px;
    cursor: pointer;
    display: block
}

header.new_header .desktop_header .header-top .menu-right #input {
    top: 20px
}

header .desktop_header .header-top .menu-right li {
    list-style: none;
    position: relative;
    margin: 0 0 0 6px;
    display: inline-block
}

header .desktop_header .header-top .menu-right li a {
    color: #fff;
    font-weight: 600
}

header .desktop_header .header-top .menu-right li a span {
    width: 21px;
    float: left;
    padding: 3px 0 0;
    height: 20px;
    margin-right: 5px
}

header .desktop_header .header-top .menu-right li .btn {
    background-color: transparent;
    border-color: transparent;
    color: #181716;
    padding: 3px 4px
}

header .desktop_header .header-top .menu-right #search {
    position: absolute;
    top: -27px;
    left: -23px;
    width: 60px;
    height: 60px
}

header .desktop_header .header-top .menu-right #label {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 20;
    margin: 15px 0
}

header .desktop_header .header-top .menu-right #label label {
    display: block;
    width: 60px;
    height: 60px;
    background: url(https://www.thenews.com.pk/assets/front/images/search_top.svg) no-repeat;
    font-size: 0;
    color: transparent;
    text-indent: -9999px;
    cursor: pointer
}

header .desktop_header .header-top .menu-right #label label :active label, header .desktop_header .header-top .menu-right #label label :hover {
    background: url(https://www.thenews.com.pk/assets/front/images/search_top.svg) no-repeat
}

header .desktop_header .header-top .menu-right #input {
    position: absolute;
    top: 42px;
    right: 0;
    width: 200px;
    height: 30px;
    overflow: hidden;
    display: none
}

header .desktop_header .header-top .menu-right #input input {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    color: #000;
    font-size: 18px;
    backface-visibility: none;
    border-radius: 0;
    transition: left 0;
    left: 0
}

header .desktop_header .header-top .menu-right #input input :focus {
    outline: 0
}

header .desktop_header .header-top .menu-right #input.focus {
    z-index: 20;
    display: block
}

header .desktop_header .header_ethenews {
    width: 100px;
    float: right;
    background-color: var(--font-color);
    text-align: center;
    margin-right: -10px;
    position: relative
}

header .desktop_header .header_ethenews img {
    max-width: 100%
}

header .desktop_header .header_ethenews span {
    display: none
}

header .desktop_header .header_ethenews a {
    display: inline-block;
    padding: 5px 0
}

header .desktop_header .header_ethenews a:hover {
    background-color: #000;
    transition: .3s
}

header .desktop_header .header_ethenews a:hover span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 40%;
    font-weight: 700;
    display: block;
    color: #fff;
    width: 100%
}

header .desktop_header .header_ethenews a:hover img {
    opacity: .1
}

.f-nav {
    z-index: 99999999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%
}

.leftOverlay {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    display: none;
    -webkit-transition: .3s;
    -ms-transition: all .3s ease;
    transition: .3s
}

.dropbtn {
    color: #fff;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer
}

.dropbtn span {
    margin-left: 3px
}

.dd {
    position: relative;
    display: inline-block
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 10000000
}

.dropdown-content a {
    color: #181716 !important;
    padding: 6px 16px 6px 16px !important;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: left;
    float: left
}

.dropdown-content a :hover {
    color: var(--font-color) !important
}

.mobile-search #mobsearch {
    position: absolute;
    top: 12px;
    right: 0;
    width: 30px;
    height: 30px;
    display: block
}

.mobile-search #moblabel {
    width: 25px;
    height: 25px;
    position: relative;
    z-index: 20;
    margin: 7px 0;
    float: right
}

.mobile-search #moblabel label {
    display: block;
    width: 60px;
    height: 25px;
    background: url(https://www.thenews.com.pk/assets/front/images/search_top.svg) no-repeat;
    font-size: 0;
    color: transparent;
    text-indent: -9999px;
    cursor: pointer
}

.mobile-search #moblabel label :active label, .mobile-search #moblabel label :hover {
    background: url(https://www.thenews.com.pk/assets/front/images/search_top.svg) no-repeat
}

.mobile-search #mobinput {
    position: absolute;
    top: 42px;
    right: 0;
    width: 200px;
    height: 30px;
    overflow: hidden;
    display: none
}

.mobile-search #mobinput input {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    color: #000;
    font-size: 18px;
    backface-visibility: none;
    border-radius: 0;
    transition: left 0
}

.mobile-search #mobinput input :focus {
    outline: 0
}

.mobile-search #mobinput.mobfocus {
    z-index: 20;
    display: block
}

#input.focus input {
    left: 0;
    transition: left .3s
}

#mySidenav .close_btn {
    position: absolute;
    top: 8px;
    right: 5px
}

#mySidenav .close_btn img {
    width: 20px
}

#transparent_div {
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 1000;
    display: none;
    height: 100%
}

.fb-bot-btn {
    margin: 10px auto;
    text-align: center;
    padding: 10px 0;
    background: #fff
}

.top-head-bell-responsive {
    background-color: #ed1b24;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-left: 48px;
    margin-top: 22px;
    margin-bottom: 4px;
    display: none
}

.top-head-bell-responsive svg {
    -webkit-animation: 4s infinite ring;
    -moz-animation: 4s infinite ring;
    animation: 4s infinite ring;
    margin-left: 5px;
    margin-top: 3px;
    width: 15px;
    height: 20px
}

.top-head-bell-responsive svg g path {
    fill: #fff
}

header .desktop_header .header-top .menu .nav--primary li.nav__item--sandwich > a.burger_anchor {
    height: 24px;
    width: 30px;
    box-shadow: none;
    margin-top: -13px;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M21%2018H9v-2h12v2zm0-5H3v-2h18v2zm0-5H9V6h12v2z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) center center/contain no-repeat
}

header .desktop_header .header-top .menu .nav--primary li.nav__item--sandwich .nav--dropdown li.remove_sidebar_menu {
    display: none
}

header .desktop_header .header-top .menu .nav--primary li.nav__item--sandwich.nav__item--sandwich-expanded .nav--dropdown li.remove_sidebar_menu {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

@media (max-width: 1200px) {
    header.new_header .desktop_header .header-top .menu {
        text-align: left
    }

    header .desktop_header .header-top .menu .nav--primary li a, header .desktop_header .header-top .menu .nav--primary li.dd span.dropbtn {
        padding: 0 7px;
        font-size: 15px
    }
}

@media (max-width: 992px) {
    .top-head-bell-responsive {
        display: block
    }

    header .mobile-header {
        display: inline-block;
        width: 100%;
        margin: 10px 0 0
    }

    header.new_header {
        height: auto
    }

    header .mobile-header .mobile-left {
        float: left
    }

    header .mobile-header .mobile-left .mobile-nav {
        display: block;
        float: left
    }

    header .mobile-header .mobile-left .mobile-nav .mob-menu-icon {
        cursor: pointer;
        color: #fff;
        display: block;
        margin-top: 8px
    }

    header .mobile-header .mobile-left .mobile-nav .mob-menu-icon svg path {
        fill: #fff
    }

    header .mobile-header .mobile-header-left {
        text-align: center
    }

    header .mobile-header .mobile-header-left .logo {
        width: 31%;
        margin: 0 auto
    }

    header .mobile-header .mobile-header-left .logo img {
        max-width: 100%
    }

    header .mobile-header .mobile-header-left .eng-chi-links {
        float: right;
        margin-top: -7px;
        width: 40%
    }

    header .mobile-header .mobile-header-left .eng-chi-links ul {
        padding: 0;
        margin: 0
    }

    header .mobile-header .mobile-header-left .eng-chi-links ul li {
        list-style: none;
        text-align: center
    }

    header .mobile-header .mobile-header-left .eng-chi-links ul li a {
        color: #909090;
        font-size: 12px;
        display: inline-block;
        z-index: 1;
        position: relative
    }

    header .mobile-header .mobile-header-left .eng-chi-links ul li a #ec-active-blink {
        display: none
    }

    header .mobile-header .mobile-header-left .eng-chi-links ul li.ec-active a {
        color: #fff
    }

    header .mobile-header .mobile-header-left .eng-chi-links ul li.ec-active a #ec-active-blink {
        color: #4dfe02;
        font-size: 1.7em;
        font-weight: 600;
        float: right;
        margin-right: -4px;
        margin-top: -16px;
        display: block
    }

    header .desktop_header, header .desktop_header .header-top, header.new_header .desktop_header, header.new_header .desktop_header .header-top {
        display: none
    }

    header .desktop_header .header-top .header-left {
        float: left;
        width: 22%
    }

    header .desktop_header .header-top .header-left .logo {
        width: 33%;
        margin: 0 auto
    }

    header .desktop_header .header_ethenews {
        display: none
    }

    header .mobile-header .desktop_header, header .mobile-header .desktop_header .header-top {
        display: block;
        padding: 0
    }
}

@media (max-width: 600px) {
    header.new_header .desktop_header .header-top .header-left .header-date, header.new_header .desktop_header .header-top .header-top-right {
        display: none
    }

    header.new_header .desktop_header .header-top .header-left .logo {
        width: 100%
    }

    body.openNav {
        overflow: hidden
    }

    header .desktop_header .header-top .menu .nav--primary li.nav__item--sandwich .nav--dropdown {
        position: fixed;
        height: 100%;
        top: 110px;
        overflow-y: auto;
        width: 200px
    }
}


footer {
    display: block;
    background: center/cover no-repeat #fff;
    width: 100%;
    float: left;
    padding-top: 20px;
    margin-top: 20px
}

[hidden] {
    display: none
}

a:active, a:hover {
    outline: 0
}

button, input, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

textarea {
    overflow: auto
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent
}

td {
    padding: 0
}

a {
    background-color: transparent;
    color: #337ab7;
    text-decoration: none
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px;
    outline-offset: -2px
}

[role=button] {
    cursor: pointer
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

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

@media (min-width: 1300px) {
    .container {
        width: 1300px
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table > tbody > tr > td, .table > thead > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead:first-child > tr:first-child > td {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

select[size] {
    height: auto
}

.btn {
    display: inline-block;
    padding: 3px 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn:active:focus, .btn:focus {
    outline: 5px;
    outline-offset: -2px
}

.btn:focus, .btn:hover {
    color: #333;
    text-decoration: none
}

.btn-primary {
    color: #fff;
    background-color: #009bff;
    border-color: #009bff
}

.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:active, .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active:focus, .btn-primary:active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary:active {
    background-image: none
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

@-webkit-keyframes progress-bar-stripes {
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

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

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

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

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

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
}

.container:after, .container:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before {
    display: table;
    content: " "
}

.container:after, .modal-footer:after, .modal-header:after {
    clear: both
}

.hidden {
    display: none !important
}

.container .content{
    display: flex;
    justify-content: space-between;
}

.content {
    width: 100%;
    float: left;
    padding-top: 15px
}

footer .ftr_inr {
    width: 100%;
    float: left
}

footer .ftr_inr .ftr_col {
    padding-right: 2%;
    float: left
}

footer .ftr_inr .ftr_col:last-child {
    padding-right: 0
}

footer .ftr_inr .ftr_col h1 {
    padding: 0;
    margin: 10px 0;
    font-size: 20px;
    font-weight: 700;
    color: #323232;
    text-transform: uppercase;
    float: left
}

.update_home .update_left ul:nth-child(2) li .update_sec_title {
    width: calc(100% - 16px);
    float: left;
    margin-top: -2px;
}

.update_home .update_left ul:nth-child(2) li h2 {
    color: #fff;
    font-size: 15px;
    margin: 0;
    line-height: 20px;
    font-weight: 500;
}

.update_home .update_left ul:nth-child(2) .upd_sec_time {
    display: none;
}

footer .ftr_inr .ftr_col ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 25px;
    width: 100%;
    float: left
}

footer .ftr_inr .ftr_col ul li {
    list-style: none;
    width: 30%;
    float: left;
    margin: 0 0 5px;
    padding: 0
}

footer .ftr_inr .ftr_col ul li:last-child {
    margin-bottom: 0
}

footer .ftr_inr .ftr_col ul li p {
    margin: 0;
    padding: 0;
    color: #323232;
    font-size: 14px;
    float: left;
    width: 100%;
    font-weight: 300
}

footer .ftr_inr .ftr_col ul li a {
    text-decoration: none;
    color: #323232;
    font-size: 14px;
    float: left;
    width: 100%;
    font-weight: 500;
    text-transform: capitalize
}

footer .ftr_inr .ftr_col ul li a.follow {
    width: initial;
    margin-right: 7px
}

footer .ftr_inr .ftr_col ul li a.follow:last-child {
    margin-right: 0
}

footer .ftr_inr .ftr_col ul li a.follow img {
    max-width: 100%;
    display: inline-block
}

footer .ftr_inr .ftr_col ul li ul {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left
}

footer .ftr_inr .ftr_col ul li ul li {
    list-style: none;
    float: left;
    margin: 0 5px 10px 0;
    padding: 0;
    display: inline-block;
    width: initial
}

footer .ftr_inr .ftr_col ul li ul li a {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #d9d9d9;
    width: 100%;
    padding: 4px
}

footer .ftr_inr .ftr_col ul li ul li a img {
    display: inline-block;
    width: 100%
}

footer .copyright {
    width: 100%;
    text-align: center;
    padding: 15px;
    border-top: 1px solid #d9d9d9
}

footer .copyright p {
    margin: 0;
    padding: 0;
    color: #323232;
    font-size: 14px
}

@keyframes circle {
    0%, 40% {
        opacity: 1
    }
    100% {
        width: 120%;
        height: 100%;
        opacity: 0
    }
}

@media (max-width: 991px) {
    footer .ftr_inr .ftr_col {
        width: 25%
    }

    footer .ftr_inr .ftr_col:last-child {
        width: 100%
    }

    footer .ftr_inr .ftr_col:nth-child(4) {
        padding-right: 0
    }

    footer .ftr_inr .ftr_col ul {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    footer .ftr_inr .ftr_col {
        width: 33.32%
    }

    footer .ftr_inr .ftr_col:nth-child(4) {
        width: 100%
    }

    footer .ftr_inr .ftr_col:nth-child(3) {
        padding-right: 0
    }
}

@media (max-width: 600px) {
    footer .ftr_inr {
        display: none
    }
}


details, menu {
    display: block
}

select {
    margin: 0;
    font: inherit;
    color: inherit;
    text-transform: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.col-lg-12, .col-lg-2, .col-md-12, .col-md-3, .col-sm-12, .col-sm-3 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.btn {
    display: inline-block;
    padding: 3px 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn.active:focus, .btn:active:focus, .btn:focus {
    outline: 5px;
    outline-offset: -2px
}

.btn:focus, .btn:hover {
    color: #333;
    text-decoration: none
}

.btn-primary {
    color: #fff;
    background-color: #009bff;
    border-color: #009bff
}

.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary:active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary.active, .btn-primary:active {
    background-image: none
}

.media {
    margin-top: 15px;
    overflow: hidden;
    zoom: 1
}

.media:first-child {
    margin-top: 0
}

.clearfix:after, .clearfix:before, .container:after, .container:before {
    display: table;
    content: " "
}

.clearfix:after, .container:after {
    clear: both
}

.hide {
    display: none !important
}

@-ms-viewport {
    width: device-width
}

.content .main_story_left {
    display: flex;
    /*justify-content: space-between;*/
    width: 60%;
    width: -webkit-calc(100% - 300px - 2%);
    width: calc(100% - 300px - 2%);
    float: left
}

.content .main_story_left ul {
    padding: 0;
    margin: 0 0 20px 20px;
    /*float: right*/
}

.content .main_story_left ul li {
    list-style: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.one {
    /*width: 75%*/
}

.one li {
    background-color: #fff;
    width: 100%;
    /*float: left;*/
    border-top: 1px solid var(--font-color)

}

.one li a{
    display: flex;
}

.one li .news-pic {
    width: 50%;
    float: right
}

.one li .heading-cat {
    width: 50%;
    /*float: left;*/
    padding: 18px;
    min-height: auto
}

.one li .heading-cat p {
    color: #767676;
    font-size: 16px;
    margin: 10px 0 0;
    line-height: 22px
}

.two {
    display: flex;
    /*width: 75%*/
}

.two li {
    background-color: #fff;
    width: 23.5%;
    /*float: left;*/
    margin-right: 2%;
    border-radius: 4px
}

.two li .news-pic {
    width: 100%;
    float: right
}

.two li .news-pic img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.two li .heading-cat {
    width: 100%;
    float: left
}

.two li:last-child {
    margin-right: 0
}

.three {
    /*width: 75%*/
}

.three li {
    width: 49%;
    /*float: left;*/
    margin-right: 2%;
    background-color: #fff;
    padding: 1%;
    border-radius: 4px
}

.three li .news-pic {
    width: 100px;
    float: left;
    margin-right: 3%
}

.three li .heading-cat {
    width: 590%;
    width: -webkit-calc(100% - 100px - 3%);
    width: calc(100% - 100px - 3%);
    float: left;
    min-height: auto;
    padding: 0
}

.three li .heading-cat h2 {
    font-size: 15px;
    line-height: 19px
}

.three li:last-child {
    margin-right: 0
}

.four {
    display: flex;
    flex-wrap: wrap;
    /*width: 75%*/
}

.four li {
    width: 49%;
    /*float: left;*/
    background-color: #fff;
    padding: 1%;
    border-radius: 4px;
    margin-bottom: 20px
}

.four li:nth-child(odd) {
    margin-right: 2%
}

.four li .news-pic {
    width: 100px;
    float: left;
    margin-right: 3%
}

.four li .heading-cat {
    width: calc(100% - 100px - 3%);
    float: left;
    min-height: auto;
    padding: 0
}

.four li:last-child {
    margin-right: 0
}

.five {
    float: none;
    margin-right: 3%;
    display: inline-block;
    vertical-align: top
}

.five li .news-pic {
    width: 100%;
    float: left
}

.five li .heading-cat {
    min-height: auto;
    width: 100%;
    float: left;
    padding: 6px 0 15px
}

.content .main-story_right {
    width: 300px;
    /*float: right;*/
    /*margin-left: 2%*/
}

.h_title {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.h_title h2 {
    color: var(--font-color);
    font-size: 28px;
    position: relative;
    margin: 10px 0;
    font-weight: 700
}

.h_title h2:after {
    content: "";
    position: absolute;
    border-bottom: 3px solid var(--font-color);
    left: 0;
    transition: .5s;
    width: 100px;
    bottom: -16px
}

.spotlight-content {
    width: 100%;
    float: left
}

.spotlight-content .sp_left {
    width: 60%;
    width: -webkit-calc(100% - 300px - 2%);
    width: calc(100% - 300px - 2%);
    float: left
}

.spotlight-content .sp_left ul {
    padding: 0;
    margin: 0 0 20px;
    float: right
}

.spotlight-content .sp_left ul li {
    list-style: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.spotlight-content .sp_left ul:nth-child(1) {
    width: 75%
}

.spotlight-content .sp_left ul:nth-child(1) li {
    background-color: #fff;
    width: 100%;
    float: left;
    border-top: 1px solid var(--font-color)
}

.spotlight-content .sp_left ul:nth-child(1) li .news-pic {
    width: 50%;
    float: left
}

.spotlight-content .sp_left ul:nth-child(1) li .heading-cat {
    width: 50%;
    float: right;
    padding: 18px;
    min-height: auto
}

.spotlight-content .sp_left ul:nth-child(1) li .heading-cat p {
    color: #767676;
    font-size: 16px;
    margin: 10px 0;
    line-height: 22px
}

.spotlight-content .sp_left ul:nth-child(1) li .heading-cat h2 {
    font-size: 27px;
    line-height: 30px;
    max-height: 100%
}

.spotlight-content .sp_left ul:nth-child(2) {
    width: 75%
}

.spotlight-content .sp_left ul:nth-child(2) li {
    background-color: #fff;
    width: 49%;
    float: left;
    margin-right: 2%;
    padding: 10px
}

.spotlight-content .sp_left ul:nth-child(2) li .news-pic {
    width: 150px;
    float: left;
    margin-right: 3%
}

.spotlight-content .sp_left ul:nth-child(2) li .heading-cat {
    width: 59%;
    width: -webkit-calc(100% - 150px - 3%);
    width: calc(100% - 150px - 3%);
    float: left;
    min-height: auto;
    padding: 0
}

.spotlight-content .sp_left ul:nth-child(2) li:last-child {
    margin-right: 0
}

.spotlight-content .sp_left ul:nth-child(3) {
    width: 22%;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 3%
}

.spotlight-content .sp_left ul:nth-child(3) li {
    width: 100%;
    float: left;
    box-shadow: none
}

.spotlight-content .sp_left ul:nth-child(3) li .news-pic {
    width: 100%;
    float: left
}

.spotlight-content .sp_left ul:nth-child(3) li .heading-cat {
    min-height: auto;
    width: 100%;
    float: left;
    padding: 6px 0 15px
}

.spotlight-content .sp_left ul:nth-child(3) li:last-child {
    margin-right: 0
}

.spotlight-content .sp_left ul:nth-child(4) {
    width: 100%
}

.spotlight-content .sp_left ul:nth-child(4) li {
    width: 32%;
    float: left;
    margin-right: 2%;
    box-shadow: none;
    border-top: 1px solid #bdbdbd;
    padding: 10px 0
}

.spotlight-content .sp_left ul:nth-child(4) li .news-pic {
    width: 100px;
    float: left;
    margin-right: 3%
}

.spotlight-content .sp_left ul:nth-child(4) li .heading-cat {
    width: 59%;
    width: -webkit-calc(100% - 100px - 3%);
    width: calc(100% - 100px - 3%);
    float: left;
    min-height: auto;
    padding: 0
}

.spotlight-content .sp_left ul:nth-child(4) li .heading-cat h2 {
    font-size: 15px;
    line-height: 19px
}

.spotlight-content .sp_left ul:nth-child(4) li:last-child {
    margin-right: 0
}

.photos-videos {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.photos-videos .h_video_left {
    width: 60%;
    width: -webkit-calc(100% - 300px - 2%);
    width: calc(100% - 300px - 2%);
    float: left
}

.photos-videos .h_video_left ul {
    padding: 0;
    margin: 0;
    float: left
}

.photos-videos .h_video_left ul li {
    list-style: none;
    width: 96%;
    float: left;
    margin: 0 2%;
    border-bottom: 1px solid #bdbdbd;
    padding: 10px 0
}

.photos-videos .h_video_left ul li .news-pic {
    width: 100px;
    float: left;
    margin-right: 2%
}

.photos-videos .h_video_left ul li .heading-cat {
    width: 60%;
    width: -webkit-calc(100% - 100px - 2%);
    width: calc(100% - 100px - 2%);
    float: left;
    min-height: auto;
    padding: 0
}

.photos-videos .h_video_left ul li:last-child {
    border-bottom: 0
}

.photos-videos .h_video_left ul:nth-child(1) {
    width: 60%
}

.photos-videos .h_video_left ul:nth-child(1) li {
    position: relative;
    margin: 0;
    border-bottom: 0;
    padding: 0;
    width: 100%
}

.photos-videos .h_video_left ul:nth-child(1) li .news-pic {
    width: 100%;
    margin-right: 0
}

.photos-videos .h_video_left ul:nth-child(1) li .news-pic .video-icon {
    left: 20px;
    bottom: 13px;
    z-index: 11
}

.photos-videos .h_video_left ul:nth-child(1) li .heading-cat {
    min-height: auto;
    display: inline-block;
    background-color: transparent;
    bottom: 0;
    left: 0;
    padding: 0 10px 100px 3px;
    position: absolute;
    z-index: 10;
    width: 100%;
    text-align: left;
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%)
}

.photos-videos .h_video_left ul:nth-child(1) li .heading-cat h2 {
    position: absolute;
    bottom: 2px;
    left: 52px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    padding: 2%
}

.photos-videos .h_video_left ul:nth-child(1) li .heading-cat p {
    display: none
}

.photos-videos .h_video_left ul:nth-child(2) {
    width: 40%;
    float: left;
    background-color: #fff;
    height: 316px;
    overflow-x: hidden;
    overflow-y: scroll;
    box-shadow: inset 0 11px 8px -10px #ccc, inset 0 -11px 8px -10px #ccc
}

.photos-videos .h_video_right {
    width: 300px;
    float: right;
    margin-left: 2%
}

.heading-cat {
    padding: 10px;
    min-height: 116px
}

.heading-cat h1 {
    margin: 0;
    color: #181716;
    text-decoration: none;
    font-size: 27px;
    line-height: 30px;
    font-weight: 700
}

.heading-cat h2 {
    margin: 0;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 81px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-weight: 600
}

.heading-cat h3 {
    margin: 0;
    color: #181716;
    text-decoration: none;
    font-size: 23px;
    line-height: 28px;
    font-weight: 600
}

.heading-cat a {
    color: #181716;
    font-size: 18px;
    text-decoration: none;
    font-weight: 500;
    line-height: 24px;
    float: none
}

.heading-cat a span {
    color: #008bd9;
    font-size: 18px;
    text-decoration: none;
    font-weight: 500;
    line-height: 20px
}

#accordion {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding: 5%;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

#accordion .accordion-content {
    display: inline-block;
    width: 100%
}

#accordion .accordion-content .open-opinion {
    background-color: #f6f6f6;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 10px 18px;
    cursor: pointer;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

#accordion .accordion-content .open-opinion h3 {
    margin: 0;
    line-height: 26px;
    font-size: 18px;
    font-weight: 600;
    color: #000
}

#accordion .accordion-content .open-opinion h3 span {
    float: right;
    margin: 10px 5px 0 0
}

#accordion .accordion-content .open-opinion .minus-icon {
    display: none
}

#accordion .accordion-content .open-opinion .plus-icon {
    display: block
}

#accordion .accordion-content .open-opinion.active h3 {
    line-height: 26px;
    color: var(--font-color);
}

#accordion .accordion-content .open-opinion.active h3 span {
    margin: 10px 10px 0 0
}

#accordion .accordion-content .open-opinion.active h3 span .minus-icon {
    display: block
}

#accordion .accordion-content .open-opinion.active h3 span .plus-icon {
    display: none
}

#accordion .opinion {
    width: 100%;
    float: left;
    display: none;
    margin: 10px 0
}

#accordion .opinion ul {
    margin: 0;
    padding: 0 15px 0 0;
    width: 100%
}

#accordion .opinion ul li {
    list-style: none;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    line-height: 40px;
    padding-bottom: 5px
}

#accordion .opinion ul li .opinion-pic {
    float: right;
    width: 18%
}

#accordion .opinion ul li .opinion-pic img {
    width: 100%;
    height: 100%
}

#accordion .opinion ul li .opinion-tittle {
    width: 100%;
    float: left
}

#accordion .opinion ul li .opinion-tittle .opinion-name {
    width: 100%;
    float: left;
    line-height: 30px
}

#accordion .opinion ul li .opinion-tittle .opinion-name a {
    color: #595959
}

#accordion .opinion ul li .opinion-tittle .opinion-heading {
    width: 98%;
    float: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px
}

#accordion .opinion ul li .opinion-tittle .opinion-heading a {
    color: #181716
}

#accordion .opinion .view-all .view-button {
    border: none;
    text-align: right;
    text-transform: uppercase
}

.ads-tittle {
    text-align: right;
    font-size: 12px;
    color: #181716;
    font-style: italic;
    text-transform: lowercase;
    margin-bottom: 5px;
    margin-right: 10px
}

.disable {
    display: none !important
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 0 0 0 !important;
    position: relative
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element {
    display: none
}

.scroll-element, .scroll-element div {
    box-sizing: content-box
}

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-element .scroll-arrow, .scroll-element .scroll-bar {
    cursor: default
}

.scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999
}

.scroll-textarea > .scroll-content {
    overflow: hidden !important
}

.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: 0;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-inner > .scroll-element .scroll-bar, .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.scrollbar-inner > .scroll-element .scroll-bar, .scrollbar-inner > .scroll-element .scroll-element_track {
    opacity: .4
}

.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #e0e0e0
}

.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #2a2a2a
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #919191
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px
}

.scrollbar-custom {
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 10px
}

.clearfix {
    clear: both
}

.news-pic {
    position: relative
}

.news-pic img {
    width: 100%;
    height: 100%
}

.ads .ads-tittle {
    font-size: 12px;
    color: #181716;
    text-align: right;
    font-style: italic;
    text-transform: lowercase;
    margin-bottom: 5px;
    margin-right: 10px
}

.magazine-content {
    width: 100%;
    float: left
}

.magazine-content .view-all {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    display: none
}

.magazine-content .view-all .view-button {
    width: 26%;
    margin: 0 auto;
    display: inline-block
}

.magazine-content .view-all .view-button.dark-blue {
    background-color: #2a2a2a
}

.magazine-content .view-all .view-button.dark-blue svg path {
    stroke: #fff;
    fill: #fff
}

.magazine-box1 {
    width: 40%;
    float: left;
    padding-right: 10px;
    padding-left: 0
}

.magazine-box1 .mmm_titttt {
    padding-left: 5px;
    float: left
}

.magazine-box1 .mmm_titttt a.entry-categories {
    margin-bottom: 5px;
    font-size: 20px;
    color: #333;
    font-weight: 900;
    text-transform: uppercase
}

.magazine-box1 .mmm_titttt a.entry-categories span {
    width: 100%;
    float: left;
    font-size: 12px;
    font-weight: 500
}

.magazine-box1 .home_mag_list {
    width: 100%;
    float: left;
    margin: 10px 0
}

.magazine-box1 .instep-bg .mmm_titttt {
    border-left: 2px solid #724997
}

.magazine-box1 .instep-bg .home_mag_list .magazinne-pic {
    width: 200px;
    float: left;
    margin-right: 2%
}

.magazine-box1 .instep-bg .home_mag_list .heading-cat {
    width: 59%;
    width: -webkit-calc(100% - 200px - 2%);
    width: calc(100% - 200px - 2%);
    float: left;
    padding: 0
}

.magazine-box1 .instep-bg .home_mag_list .heading-cat .author_name, .magazine-box1 .instep-bg .home_mag_list .heading-cat .author_name a {
    color: #005685;
    font-size: 12px
}

.magazine-box1 .mm-bg .mmm_titttt {
    border-left: 2px solid #0c9f51
}

.magazine-box1 .us-bg .mmm_titttt {
    border-left: 2px solid #ed1b24
}

.magazine-box1 .you-bg .mmm_titttt {
    border-left: 2px solid var(--font-color)
}

.magazine-box1 .mag-bg {
    display: none
}

.magazine-box1 img {
    width: 100%;
    height: 100%
}

.magazine-box1 .heading-cat {
    min-height: 110px
}

.magazine-box1 .heading-cat p {
    margin: 0
}

.magazine-box1 .heading-cat span {
    margin: 0 5px 0 0;
    float: left
}

.magazine-box1 .heading-cat span:after {
    content: "/";
    display: inline-block;
    margin-left: .2em;
    color: #fff
}

.magazine-box1 .heading-cat h1 {
    margin: 0;
    color: #2a2a2a;
    text-decoration: none
}

.magazine-box1 .heading-cat h2 {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.magazine-box1 .heading-cat a {
    color: #fff;
    float: none
}

.magazine-box1 .heading-cat a span {
    color: #fff
}

.magazine-box1.magPost {
    width: 20%
}

.magazine-box1.magPost .home_mag_list:nth-child(4) {
    display: none
}

.most-popular {
    display: inline-block;
    width: 100%
}

.most-popular.laodMoreNews .view-all {
    width: 25%;
    padding: 0 10px
}

.most-popular ul {
    padding: 0;
    margin: 0
}

.most-popular ul li {
    list-style: none;
    width: calc(100% / 4 - 1%);
    float: left;
    margin-right: 1%;
    background-color: #fff;
    margin-bottom: 20px;
    padding: .5%
}

.most-popular ul li .news-pic {
    float: left;
    width: 100px;
    margin-right: 3%;
    position: relative
}

.most-popular ul li .heading-cat {
    width: 59%;
    width: -webkit-calc(100% - 100px - 3%);
    width: calc(100% - 100px - 3%);
    float: left;
    min-height: auto;
    padding: 0
}

.most-popular .home_latest_bottom a {
    color: #000
}

.most-popular .home_latest_bottom h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 81px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    margin: 5px 0;
    min-height: 53px
}

.most-popular .home_latest_bottom p, .most-popular .home_latest_bottom span {
    display: none
}

#style-4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5
}

#style-4::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5
}

#style-4::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border: 2px solid #c1c1c1
}

.view-all {
    width: 250px;
    margin: 0 auto;
    padding-bottom: 30px
}

.view-all .view-button {
    height: 40px;
    margin-top: 10px;
    border-radius: 62.5rem;
    font-size: 13px;
    line-height: 34px;
    border: 1px solid #ece9e9;
    display: inline-block;
    width: 100%;
    padding-right: 0;
    padding-top: 2px;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.view-all .view-button.dark-blue {
    color: #fff;
    background-color: #005c94
}

.view-all .view-button.dark-blue svg path {
    stroke: #fff;
    fill: #fff
}

.view-all .view-button .view {
    margin: 0 auto;
    display: inline-block
}

.view-all .view-button .view .view-txt {
    float: left
}

.view-all .view-button .view .inline-arrow-white-right {
    float: left;
    line-height: 14px
}

.view-all .view-button .view .inline-arrow-white-right + .inline-icon {
    fill: #fff
}

.header-right {
    margin-bottom: 20px
}

.header-right .header-lb {
    text-align: center;
    padding: 0
}

.header-right .header-lb .ads-tittle {
    font-size: 12px;
    color: #181716;
    text-align: right;
    font-style: italic;
    text-transform: lowercase;
    margin-bottom: 5px;
    margin-right: 10px;
    display: none
}

.header-right .header-lb .ads-code {
    background-color: #f6f6f6;
    padding: 15px 0
}

.header-right .header-lb img {
    max-width: 100%
}

.loader-thenews {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .7;
    top: 0;
    left: 0;
    z-index: 999999
}
.update_home .update_left ul:nth-child(2) li .update_sec_title {
    width: calc(100% - 16px);
    float: left;
    margin-top: -2px;
}

.update_home .update_left ul:nth-child(2) li h2 {
    color: #fff;
    font-size: 15px;
    margin: 0;
    line-height: 20px;
    font-weight: 500;
}

.update_home .update_left ul:nth-child(2) .upd_sec_time {
    display: none;
}
.loader-thenews .loader-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loader-thenews .loader-inner .logo-content {
    background: url(../img/logo-animation.gif) 0 0/100% 100% no-repeat;
    width: 100px;
    height: 77px
}

.offline-mode-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #222;
    z-index: 14;
    padding: 0 15px;
    color: #fff;
    line-height: 34px;
    font-size: 12px;
    vertical-align: top
}

.offline-mode-container span {
    vertical-align: top
}

.offline-mode-container span .retry-btn {
    color: #008bd9;
    float: right;
    text-transform: capitalize;
    font-weight: 700
}

.offline-mode-container span svg {
    vertical-align: middle;
    margin-right: 10px
}

.offline-mode-container span svg path {
    fill: #008bd9
}

.install-tuts-icon {
    display: none;
    background-color: #008bd9;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 15px;
    z-index: 11;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24)
}

.install-tuts-icon svg {
    -webkit-animation: 2s infinite ring;
    -moz-animation: 2s infinite ring;
    animation: 2s infinite ring;
    margin-left: 17px;
    margin-top: 10px
}

.install-tuts-icon svg g path {
    fill: #008bd9
}

.icon-notification-bell {
    background-color: #ed1b24;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    left: 15px;
    z-index: 11;
    border-radius: 50%;
    display: none !important;
    overflow: hidden;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24)
}

.icon-notification-bell svg {
    -webkit-animation: 4s infinite ring;
    -moz-animation: 4s infinite ring;
    animation: 4s infinite ring;
    margin-left: 11px;
    margin-top: 10px;
    width: 30px;
    height: 30px
}

.icon-notification-bell svg g path {
    fill: #fff
}

.icon-notification-bell.disable {
    display: none
}

.installation-tuts {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 99999999;
    top: 0
}

.installation-tuts .installation-content-area {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 95%;
    height: 100%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.installation-tuts .installation-content-area.for-android .content-section {
    position: absolute;
    top: 33vh
}

.installation-tuts .installation-content-area h3 {
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    margin: 10px 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.installation-tuts .installation-content-area h3 span {
    color: #ccc
}

.installation-tuts .installation-content-area p {
    font-size: 15px;
    font-weight: 100;
    line-height: 25px;
    margin: 10px 0;
    color: #fff;
    text-align: center;
    padding: 0 20px
}

.installation-tuts .installation-content-area .btn {
    padding: 6px 12px;
    display: table;
    margin: 10px auto;
    text-transform: uppercase
}

.live_text {
    background: #fff;
    padding: 0 8px;
    color: red;
    font-weight: 700;
    font-size: 1em;
    border-radius: 5px;
    position: absolute;
    left: 5px;
    top: 5px
}


.live_text button {
    position: relative;
    width: 10px;
    height: 10px;
    background-color: red;
    margin: 0 5px 0 0;
    border: 0;
    border-radius: 50%;
    padding: 0;
    outline: 0;
    /*top: -6px*/
}

.live_text button::after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 3px solid #fff;
    border-radius: 50%;
    animation: 2s linear infinite forwards beacon
}

@keyframes beacon {
    0% {
        width: 0;
        height: 0;
        opacity: 1
    }
    25% {
        width: 15px;
        height: 15px;
        opacity: .7
    }
    50% {
        width: 25px;
        height: 25px
    }
    75% {
        width: 35px;
        height: 35px;
        opacity: .5
    }
    100% {
        width: 50px;
        height: 50px;
        opacity: 0
    }
}

@media all and (display-mode: standalone) {
    .open-install-tuts .install-tuts-icon {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important
    }
}

html {
    font: 10px sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    padding: 0 0 0 0 !important;
    -webkit-tap-highlight-color: transparent
}

footer, section {
    display: block
}

a:active, a:hover {
    outline: 0
}

img {
    border: 0;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    background-color: transparent;
    color: #337ab7;
    text-decoration: none
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px;
    outline-offset: -2px
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

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

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:active, .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active:focus, .btn-danger:active:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger:active {
    background-image: none
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.container:after, .container:before {
    display: table;
    content: " "
}

.container:after {
    clear: both
}

.update_home {
    width: 100%;
    float: left;
    margin-bottom: 25px
}

.update_home .update_left {
    width: 60%;
    width: -webkit-calc(100% - 300px - 2%);
    width: calc(100% - 300px - 2%);
    float: left;
    background-color: #121212;
    padding: 15px;
    border-radius: 6px;
    -moz-box-shadow: inset 0 3px 6px #000;
    -webkit-box-shadow: inset 0 3px 6px #000;
    box-shadow: inset 0 3px 6px #000
}

.update_home .update_left ul {
    display: inline-block;
    margin: 0;
    padding: 0
}

.update_home .update_left ul:nth-child(1) {
    width: 100%
}

.update_home .update_left ul:nth-child(1) li {
    width: 100%;
    float: left;
    list-style: none
}

.update_home .update_left ul:nth-child(1) li .update_pic {
    width: 48%;
    float: left;
    margin-right: 2%;
    position: relative
}

.update_home .update_left ul:nth-child(1) li .update_pic img {
    width: 100%;
    height: 100%
}

.update_home .update_left ul:nth-child(1) li .update_text {
    width: 50%;
    float: left
}

.update_home .update_left ul:nth-child(1) li .update_text .upd_top_btn .btn-danger {
    background: #ff001a;
    margin-right: 5px;
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.update_home .update_left ul:nth-child(1) li .update_text .upd_title h1 {
    font-size: 24px
}

.update_home .update_left ul:nth-child(1) li .update_text .upd_title h1 a {
    color: #fff;
    text-decoration: none
}

.update_home .update_left ul:nth-child(1) li .update_text .upd_title p {
    color: #b2b2b2;
    font-size: 15px;
    line-height: 21px
}

.update_home .update_left ul:nth-child(1) li .update_text .upd_title .upd_time {
    color: #878787;
    font-size: 12px
}

.update_home .update_left ul:nth-child(2) {
    width: 100%
}

.update_home .update_left ul:nth-child(2) li {
    width: 48%;
    float: left;
    margin-right: 2%;
    list-style: none;
    border-top: 1px solid #2a2a2a;
    padding-top: 10px;
    margin-top: 10px
}

.update_home .update_left ul:nth-child(2) li:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    background-color: #ff001a;
    margin-right: 2%;
    float: left;
    margin-top: 5px
}

.update_home .update_right {
    width: 300px;
    float: right;
    margin-left: 2%
}

.video-icon {
    position: absolute;
    max-width: 100%;
    width: 40px !important;
    z-index: 10;
    left: 5px;
    bottom: 0
}

.ads {
    width: 100%;
    float: left;
    text-align: center
}

.ads .ads-code {
    background-color: #f6f6f6;
    padding: 15px 0
}

footer {
    background: center/cover no-repeat #fff;
    width: 100%;
    float: left;
    padding-top: 20px;
    margin-top: 20px
}

@keyframes circle {
    0%, 40% {
        opacity: 1
    }
    100% {
        width: 120%;
        height: 100%;
        opacity: 0
    }
}

@media (max-width: 991px) {
    .container .content{
        display: block;
    }
    .update_home .update_left {
        width: 100%
    }

    .update_home .update_left ul:nth-child(1) li .update_pic {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .update_home .update_left ul:nth-child(1) li .update_text {
        width: 100%
    }

    .update_home .update_right {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width: 600px) {
    .update_home {
        background-color: #121212
    }

    .update_home .update_left {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 15px 0
    }

    .update_home .update_left ul:nth-child(1) li .update_text .upd_title h1 {
        font-size: 20px
    }

    .update_home .update_left ul:nth-child(1) li .update_text .upd_title p {
        font-size: 14px;
        line-height: 19px
    }

    .update_home .update_left ul:nth-child(2) li {
        width: 100%;
        margin-right: 0
    }
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }

    .col-sm-12, .col-sm-3 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-3 {
        width: 25%
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }

    .col-md-12, .col-md-3 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-3 {
        width: 25%
    }

    .magazine-box1 {
        width: 40%
    }
}

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

    .col-lg-12, .col-lg-2 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .magazine-box1 {
        width: 40%;
        float: left;
        padding-right: 10px;
        padding-left: 0
    }
}

@media (min-width: 1300px) {
    .container {
        width: 1300px
    }
}

@media (max-width: 1300px) {
    .photos-videos .h_video_left ul:nth-child(2) {
        height: 273px
    }
}

@media (max-width: 1199px) {
    .update_home .update_left ul:nth-child(1) li .update_pic {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .update_home .update_left ul:nth-child(1) li .update_text {
        width: 100%
    }

    .one li .heading-cat {
        padding: 8px
    }

    .one li .heading-cat h1 {
        font-size: 23px;
        line-height: 23px
    }

    .one li .heading-cat p {
        font-size: 15px;
        line-height: 18px
    }

    .three li .heading-cat h2 {
        font-size: 14px;
        line-height: 16px
    }

    .spotlight-content .sp_left ul:nth-child(1) li .heading-cat {
        padding: 8px
    }

    .spotlight-content .sp_left ul:nth-child(1) li .heading-cat h2 {
        font-size: 23px;
        line-height: 23px
    }

    .spotlight-content .sp_left ul:nth-child(1) li .heading-cat p {
        font-size: 15px;
        line-height: 18px
    }

    .spotlight-content .sp_left ul:nth-child(2) li .news-pic {
        width: 100px
    }

    .spotlight-content .sp_left ul:nth-child(2) li .heading-cat {
        width: 60%;
        width: -webkit-calc(100% - 100px - 3%);
        width: calc(100% - 100px - 3%)
    }

    .spotlight-content .sp_left ul:nth-child(2) li .heading-cat h2 {
        font-size: 14px;
        line-height: 16px
    }

    .photos-videos .h_video_left ul:nth-child(2) {
        height: 208px
    }

    .heading-cat {
        padding: 5px
    }

    .heading-cat h2 {
        font-size: 15px;
        line-height: 18px
    }

    .most-popular ul li {
        width: calc(100% / 3 - 1%)
    }
}

@media (max-width: 991px) {
    .content{
        display: block;
    }
    .content .main_story_left {
        display: block;
        width: 100%
    }
    .one,.two,.three,.four,.five{
        margin: 0 0 20px!important;
        float: right!important;
        display: block;
    }
    .five,.four{
        display: none;
    }

    .content .main-story_right {
        width: 100%;
        margin-left: 0
    }

    .spotlight-content .sp_left {
        width: 100%
    }

    .magazine-box1 {
        width: 100%;
        margin-bottom: 10px
    }

    .magazine-box1 .instep-bg .mmm_titttt {
        width: 100%
    }

    .magazine-box1 .instep-bg .home_mag_list {
        width: 50%
    }

    .magazine-box1.magPost {
        width: 33.3333%
    }

    .magazine-box1 .heading-cat h2 {
        font-size: 15px;
        line-height: 20px
    }

    .photos-videos .h_video_left {
        width: 100%
    }

    .photos-videos .h_video_left ul:nth-child(2) {
        height: 230px
    }

    .photos-videos .h_video_right {
        width: 100%;
        margin-left: 0
    }

    .most-popular ul li {
        width: calc(100% / 2 - 1%)
    }
}

@media (max-width: 767px) {
    .icon-notification-bell {
        display: none !important
    }

    .install-tuts-icon {
        display: block
    }

    .two {
        margin-bottom: 10px
    }

    .two li {
        width: 100%;
        float: left;
        background-color: #fff;
        padding: 1%;
        border-radius: 0;
        margin-bottom: 10px
    }

    .two li .news-pic {
        width: 100px;
        float: left;
        margin-right: 2%
    }

    .two li .news-pic img {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .two li .heading-cat {
        width: 60%;
        width: -webkit-calc(100% - 100px - 2%);
        width: calc(100% - 100px - 2%);
        float: left;
        min-height: auto;
        padding: 0
    }

    .two li .heading-cat h2 {
        font-size: 16px;
        line-height: 18px
    }

    .two li:last-child {
        margin-bottom: 0
    }

    .three li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .four {
        width: 100%
    }

    .spotlight-content .sp_left ul:nth-child(2) li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .magazine-box1 .instep-bg .home_mag_list {
        width: 100%
    }

    .h_title h2 {
        font-size: 23px
    }
}

@media (max-width: 600px) {
    .one {
        width: 100%
    }

    .one li {
        background-color: transparent;
        border-top: 0;
        box-shadow: none
    }

    .one li .heading-cat, .one li .news-pic {
        width: 100%
    }

    .one li .heading-cat h1 {
        font-size: 20px
    }

    .one li .heading-cat p {
        font-size: 14px
    }

    .two {
        width: 100%;
        margin-bottom: 0
    }

    .two li {
        background-color: transparent;
        box-shadow: none;
        border-top: 1px solid #bdbdbd;
        margin-bottom: 0;
        padding: 10px 0
    }

    .two li .heading-cat h2 {
        font-size: 13px;
        line-height: 18px
    }

    .three {
        width: 100%;
        margin-bottom: 0
    }

    .three li {
        background-color: transparent;
        box-shadow: none;
        border-top: 1px solid #bdbdbd;
        margin-bottom: 0;
        padding: 10px 0
    }

    .four {
        margin-bottom: 0;
        padding-left: 15px
    }

    .four li {
        width: 100%;
        margin-right: 0;
        border-left: 0;
        border-top: 1px solid #bdbdbd;
        padding-left: 0;
        list-style: circle;
        background: 0 0;
        box-shadow: none;
        margin-bottom: 0
    }

    .four li:nth-child(odd) {
        margin-right: 0
    }

    .four li .news-pic {
        display: none
    }

    .four li .heading-cat {
        min-height: auto;
        padding: 6px 0 15px;
        width: 100%
    }

    .four li .heading-cat h2 {
        font-size: 14px;
        font-style: inherit
    }

    .five {
        width: 100%;
        padding-left: 15px
    }

    .five li {
        width: 100%;
        float: left;
        border-top: 1px solid #bdbdbd;
        box-shadow: none;
        list-style: circle
    }

    .five li .news-pic {
        display: none
    }

    .spotlight-content .sp_left ul:nth-child(1) {
        width: 100%
    }

    .spotlight-content .sp_left ul:nth-child(1) li {
        background-color: transparent;
        border-top: 0;
        box-shadow: none
    }

    .spotlight-content .sp_left ul:nth-child(1) li .heading-cat, .spotlight-content .sp_left ul:nth-child(1) li .news-pic {
        width: 100%
    }

    .spotlight-content .sp_left ul:nth-child(1) li .heading-cat h2 {
        font-size: 20px
    }

    .spotlight-content .sp_left ul:nth-child(1) li .heading-cat p {
        font-size: 15px
    }

    .spotlight-content .sp_left ul:nth-child(2) {
        width: 100%;
        margin-bottom: 0
    }

    .spotlight-content .sp_left ul:nth-child(2) li {
        background-color: transparent;
        box-shadow: none;
        border-top: 1px solid #bdbdbd;
        margin-bottom: 0;
        padding: 10px 0
    }

    .spotlight-content .sp_left ul:nth-child(3) {
        width: 100%;
        margin-bottom: 0
    }

    .spotlight-content .sp_left ul:nth-child(3) li {
        background-color: transparent;
        box-shadow: none;
        border-top: 1px solid #bdbdbd;
        margin-bottom: 0;
        padding: 10px 0
    }

    .spotlight-content .sp_left ul:nth-child(3) li .news-pic {
        width: 100px;
        float: left;
        margin-right: 2%
    }

    .spotlight-content .sp_left ul:nth-child(3) li .heading-cat {
        width: 70%;
        width: -webkit-calc(100% - 100px - 2%);
        width: calc(100% - 100px - 2%);
        float: left
    }

    .spotlight-content .sp_left ul:nth-child(4) li {
        width: 100%;
        margin-right: 0
    }

    .spotlight-content .sp_left ul:nth-child(4) li .heading-cat h2 {
        font-size: 13px;
        line-height: 18px
    }

    .photos-videos .h_video_left ul:nth-child(1), .photos-videos .h_video_left ul:nth-child(2) {
        width: 100%
    }

    .magazine-box1 .instep-bg .home_mag_list .magazinne-pic {
        width: 100px;
        float: left;
        margin-right: 2%
    }

    .magazine-box1 .instep-bg .home_mag_list .heading-cat {
        width: 59%;
        width: -webkit-calc(100% - 100px - 2%);
        width: calc(100% - 100px - 2%);
        float: left;
        padding: 0;
        min-height: auto
    }

    .magazine-box1.magPost {
        width: 100%
    }

    .magazine-box1.magPost .home_mag_list:nth-child(4) {
        display: block
    }

    .magazine-box1 .magazinne-pic {
        width: 100px;
        float: left;
        margin-right: 2%
    }

    .magazine-box1 .heading-cat {
        width: 59%;
        width: -webkit-calc(100% - 100px - 2%);
        width: calc(100% - 100px - 2%);
        float: left;
        padding: 0;
        min-height: auto
    }

    .magazine-box1 .heading-cat h2 {
        font-size: 14px;
        line-height: 18px
    }

    .magazine-box1 .mm-bg p {
        display: none
    }

    .heading-cat h2 {
        font-size: 13px;
        line-height: 18px
    }

    .most-popular ul li {
        margin-bottom: 10px;
        padding: 2% 3%;
        margin-right: 0;
        width: 100%
    }

    ..most-popular .home_latest_bottom h2 {
        min-height: auto
    }
}

@media (max-width: 480px) {
    .magazine-content .view-all {
        width: 100%
    }

    .magazine-content .view-all .view-button {
        width: 98%
    }

    .photos-videos .h_video_left ul:nth-child(1) li .news-pic .video-icon {
        left: 5px;
        bottom: 13px;
        z-index: 11
    }

    .photos-videos .h_video_left ul:nth-child(1) li .heading-cat h2 {
        bottom: 0;
        left: 47px;
        color: #fff;
        font-size: 14px;
        line-height: 18px
    }

    .magazine-box1 {
        width: 100%;
        float: left
    }

    .magazine-box1 .mm-bg {
        min-height: auto;
        margin-bottom: 10px
    }

    .magazine-box1 .heading-cat, .magazine-box1 .instep-bg, .magazine-box1 .us-bg, .magazine-box1 .you-bg {
        min-height: auto
    }

    .h_title h2 {
        font-size: 20px
    }
}