@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap'); @font-face { font-family: MetricWeb-Regular; font-style: normal; font-weight: 400; src: url(https://static.clmbtech.com/c1e/static/themes/fonts/MetricWeb-Regular.eot); src: url(https://static.clmbtech.com/c1e/static/themes/fonts/MetricWeb-Regular.eot?#iefix) format('embedded-opentype'), url(https://static.clmbtech.com/c1e/static/themes/fonts/MetricWeb-Regular.woff2) format('woff2'), url(https://static.clmbtech.com/c1e/static/themes/fonts/MetricWeb-Regular.woff) format('woff'), url(https://static.clmbtech.com/c1e/static/themes/fonts/MetricWeb-Regular.ttf) format('truetype'), url('https://static.clmbtech.com/c1e/static/themes/fonts/MetricWeb-Regular.svg#Copyright Klim Type Foundry') format('svg') } @font-face { font-family: MetricWeb-Semibold; font-style: normal; font-weight: 600; src: url(https://static.clmbtech.com/c1e/static/themes/fonts/MetricWeb-Semibold.eot); src: url(https://static.clmbtech.com/c1e/static/themes/fonts/MetricWeb-Semibold.eot?#iefix) format('embedded-opentype'), url(https://static.clmbtech.com/c1e/static/themes/fonts/MetricWeb-Semibold.woff2) format('woff2'), url(https://static.clmbtech.com/c1e/static/themes/fonts/MetricWeb-Semibold.woff) format('woff'), url(https://static.clmbtech.com/c1e/static/themes/fonts/MetricWeb-Semibold.ttf) format('truetype'), url('https://static.clmbtech.com/c1e/static/themes/fonts/MetricWeb-Semibold.svg#Copyright Klim Type Foundry') format('svg') } @font-face { font-family: FinancierDisplayWeb-Bold; font-style: normal; font-weight: 700; src: url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplayWeb-Bold.eot); src: url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplayWeb-Bold.eot?#iefix) format('embedded-opentype'), url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplayWeb-Bold.woff2) format('woff2'), url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplayWeb-Bold.woff) format('woff'), url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplayWeb-Bold.ttf) format('truetype'), url('https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplayWeb-Bold.svg#Copyright Klim Type Foundry') format('svg') } @font-face { font-family: FinancierDisplayWeb-Regular; font-style: normal; font-weight: 400; src: url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplayWeb-Regular.eot); src: url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplayWeb-Regular.eot?#iefix) format('embedded-opentype'), url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplayWeb-Regular.woff2) format('woff2'), url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplayWeb-Regular.woff) format('woff'), url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplayWeb-Regular.ttf) format('truetype'), url('https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplayWeb-Regular.svg#Copyright Klim Type Foundry') format('svg') } @font-face { font-family: FinancierDisplay-Medium; src: url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplay-Medium.eot); src: url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplay-Medium.eot?#iefix) format('embedded-opentype'), url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplay-Medium.woff2) format('woff2'), url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplay-Medium.woff) format('woff'), url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplay-Medium.ttf) format('truetype'), url(https://static.clmbtech.com/c1e/static/themes/fonts/FinancierDisplay-Medium.svg#FinancierDisplay-Medium) format('svg'); font-weight: 500; font-style: normal; font-display: swap } * { font-family: 'sans-serif', 'Poppins' !important; } body { font-family: MetricWeb-Regular !important } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; vertical-align: baseline } :focus { outline: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none } input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } textarea { overflow: auto; vertical-align: top; resize: vertical } audio, canvas, video { display: inline-block; max-width: 100% } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } img { border: 0; -ms-interpolation-mode: bicubic } figure { margin: 0 } form { margin: 0 } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0; white-space: normal } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline } button, input { line-height: normal } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } a { text-decoration: none; outline: 0 } a:focus, a:hover { text-decoration: none; outline: 0 } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } button, html, input, select, textarea { color: #222 } ::-moz-selection { background: #b3d4fc; text-shadow: none } ::selection { background: #b3d4fc; text-shadow: none } img { vertical-align: middle; object-position: center; object-fit: cover } span img { background: #990f3d } fieldset { border: 0; margin: 0; padding: 0 } textarea { resize: vertical } .chromeframe { margin: .2em 0; background: #ccc; color: #000; padding: .2em 0 } footer { padding: 0; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent } .sticky { position: fixed; top: 0; width: 100%; z-index: 9 } #myHeader { width: 100%; background: #fff1e5 } #myHeader .header-top-col .mainMenu { display: none } .sticky .header-top-col #HeaderlogoIn { display: none } .sticky .header-top-col .mainMenu { display: block !important; border: 0 } .sticky .header_top-col-right { display: none !important } .sticky .headerTop-left { position: relative; z-index: 99; padding: 16.5px 0 } .sticky .mainMenu { position: absolute; top: 0; z-index: 1 } .sticky .mainMenu nav { float: unset; max-width: 100%; margin-left: 95px } .sticky .mainMenu nav ul li a { padding: 17px 0 !important; text-transform: uppercase } .sticky .mainMenu nav ul li .submenu li a { padding: 5px 0 !important; font-size: 16px; font-family: MetricWeb-Regular; font-weight: 400 } .sticky+.content { padding-top: 102px } .headerTop { display: flex; flex-direction: row; flex-wrap: wrap } .headerTop .top_add a img { width: 100% } .headerTop nav ul li a { color: #333; display: block; text-decoration: none; padding: 8px 0 !important; text-transform: capitalize; font-weight: 700; font-size: 14px; line-height: 9px; display: inline-block } .headerTop nav { padding: 0 } .headerTop .header-menu { height: auto } .headerTop nav ul li:last-child a .caret { position: absolute; top: 15px; right: 10px } .headerTop { color: #33302e; background-color: #fff1e5 } .searchBox { border: none; background: 0 0; min-height: 24px; font-weight: 700; width: 176px; float: left; padding: 0 0 0 6px; color: #333; font-weight: 700 } .searchBox-outer { background: #e4e4e4; margin-left: 8px; position: relative } .moreMenu-inner { width: 100%; position: relative; padding: 20px 0; border-top: 1px solid #ccc; display: none } .moreMenu-inner label { font-size: 35px; line-height: 40px; font-weight: 400; text-transform: uppercase; position: absolute; top: 8px; left: 0 } .headerTop-main { width: 100%; display: table } .headerTop-left, .header_top-col-right { width: 20% } .headerTop-left .searchBtn { float: left; position: relative; padding-left: 30px; padding-top: 3px } .header-top-col { display: table-cell; vertical-align: middle } .nav-item a { position: relative } .nav-item.active a { color: #0a5e66 } .mainMenu nav>ul>li:first-child { margin: 0 } .mainMenu nav>ul>li:hover { border-bottom: 3px solid #33302e } .headerTop-left .searchBtn .searchIcon { color: #000; font-size: 20px } .headerTop-left .social-icon { float: right } .top_add { /* width: 200px; */ width: 75%; margin: 14px auto } .hover-effect { animation: submenu .5s ease-out } .moreMenu-inner ul { margin-left: 15% } .moreMenu-inner ul li { display: inline-block; width: 20% } .moreMenu-inner ul li a { color: #000; font-size: 14px } .mainMenu { background-color: #fff1e5; display: flex; flex-flow: row; min-width: 100%; position: relative; border-bottom: 1px solid #ccc1b7; border-top: 1px solid #ccc1b7 } .sticky .mainMenu { box-shadow: 0 1px 3px rgb(77 72 69 / 20%), 0 6px 10px rgb(77 72 69 / 15%) } .mainMenu .moreMenu-main { top: 86px; position: absolute; left: 0; z-index: 99999999999; width: 100%; background: #1e1e1e; border-bottom: 4px solid #bb1919; display: none } .mainMenu .moreMenu-main ul li a { color: #fff } .mainMenu .moreMenu-main .moreMenu-inner { border-top: none } .mainMenu .moreMenu-main label { color: #fff } .mainMenu .moreMenu-main.active { display: block } .moreMenu2 .moreMenu-inner { display: block } .brandName h3 { text-transform: uppercase; font-size: 30px; color: #fff; line-height: 52px } .mainMenu nav ul { display: block } .sticky .headerTop-left { width: 8% } .mainMenu nav>ul>li { display: inline-block; margin: 0; margin-left: 12px; transition: all ease-in-out .3s; border-bottom: 3px solid transparent; border-top: 3px solid transparent } .mainMenu nav>ul>li:last-child { padding-right: 0 } .mainMenu nav>ul>li:nth-child(n+16) { display: none } .sticky .mainMenu nav>ul>li:nth-child(n+14) { display: none } .mainMenu nav ul li a { color: #33302e; padding: 8px 0 !important; outline: 0; position: relative; font-family: MetricWeb-Semibold; font-size: 20px; margin-right: 20px; line-height: 20px; transition: all ease-in-out .3s } .mainMenu nav li.hasChild { padding-right: 12px } .mainMenu nav li.hasChild>a:after { margin-right: -2px; content: "\f107"; font-family: FontAwesome; font-style: normal; text-decoration: inherit; color: #33302e; font-size: 14px; font-weight: 700; padding-right: .5em; position: absolute; top: 60%; right: -16px; transform: translateY(-55%) } .mainMenu nav li.hasChild:hover>a:after { content: "\f106"; font-family: FontAwesome; font-style: normal; font-weight: 700; text-decoration: inherit; color: #33302e; font-size: 14px; padding-right: .5em; position: absolute; right: -16px } .sticky .mainMenu nav li.hasChild>a:after { top: 54% } .sticky .mainMenu nav li.hasChild:hover>a:after { top: 54% } .mainMenu nav>li:first-child a { min-width: auto !important; border-left: none !important } .mainMenu>nav>li>a:hover { border-bottom: 4px solid #fff } .mainMenu nav li:first-child a { padding-left: 0 !important; padding-right: 12px } .mainMenu nav { padding: 0; float: left; max-width: 100%; padding: 0 } .toggler { float: left; position: relative } .toggler a { color: #231f1f; font-size: 24px } .sidenav { height: 100%; width: 320px; position: fixed; top: 0; left: 0; overflow-x: hidden; padding-top: 0; z-index: 999; box-shadow: 0 1px 2px rgb(77 72 69 / 25%), 0 4px 6px rgb(77 72 69 / 10%); background-color: #fff1e5; transition: transform .8s cubic-bezier(.6, .8, .5, 1); -webkit-transition: transform .8s cubic-bezier(.6, .8, .5, 1); -moz-transition: transform .8s cubic-bezier(.6, .8, .5, 1); -ms-transition: transform .8s cubic-bezier(.6, .8, .5, 1); transform: translateX(-100%); -webkit-transform: translateX(-100%); -mos-transform: translateX(-100%); -ms-transform: translateX(-100%) } .sidenav.menuOpen { transform: translateX(0); -webkit-transform: translateX(0); -mos-transform: translateX(0); -ms-transform: translateX(0) } .sidenav .side-logo { margin: 22px 10px 10px; text-align: center; display: inline-block } .sidenav .side-logo a img { width: 40% } .sidenav .tagLine { margin-left: 10px; background-color: #bb1919; display: inline-block; padding: 4px; color: #fff } .sidenav .closebtn { position: absolute; top: 7px; right: 12px; font-size: 44px; margin-left: 0; color: #66605c; text-decoration: none } .sidenav .site-nav__list { padding: 0; margin-top: 0 } ul.site-nav__list { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0; position: relative; list-style: none } .sidenav .site-nav__list li { display: block; width: 100%; padding: 0; position: relative; margin-top: 1px } .sidenav .site-nav__list li span { position: absolute; top: 0; right: 0; background: rgba(230, 217, 206, .85); height: 44px; width: 42px; padding: 0; border: 0; cursor: pointer; font-size: 28px; text-align: center; line-height: 58px; color: #0a5e66 } .sidenav .site-nav__list li.hasChild>a { position: relative } .sidenav .site-nav__list li a { text-decoration: none; color: #33303e; display: block; outline: 0; transition: .3s; padding: 0 10px !important; height: 44px; line-height: 50px; font-size: 16px; font-family: MetricWeb-Semibold; text-transform: capitalize } .sidenav .site-nav__list li .submenua li a { font-family: MetricWeb-Regular; font-size: 17px } .sidenav .site-nav__list ul { padding-left: 15px } .sidenav .sideSocialLinks { padding: 20px 10px } .submenu { list-style: none; display: none; padding: 0; background-color: #fff9f5; box-shadow: inset 0 -1px 0 #e6d9ce, inset 0 1px 0 #e6d9ce } .submenu li { width: 100% } .submenu li a { width: 100% } .sidenav .site-nav__list li.active>a:hover { color: #fff } .sidenav .site-nav__list li a:hover { color: #0a5e66 } .sidenav .site-nav__list li.active>a { color: #fff; background-color: #0a5e66 } .sidenav .submenu { display: block } .sidenav li.hasChild .submenu { display: none } .sidenav .submenu li:last-child { border: none } .sidenav .nav-item.active a:after, .sidenav .nav-item:hover a:after, .submenu .nav-item a:after, .submenu .nav-item.active a:after, .submenu .nav-item:hover a:after { height: 0 !important } .sticky .mainMenu nav li>.submenu { top: 54px } .mainMenu nav li>.submenu { position: absolute; top: 39px; left: 0; display: none; background-color: #bb1919; min-width: 200px; color: #fff; z-index: 9; padding: 10px; list-style: none; max-height: 300px; overflow-y: auto; border-top: 1px solid #ccc1b7; background-color: #fff9f5; box-shadow: 0 1px 2px rgba(77, 72, 69, .25), 0 4px 6px rgba(77, 72, 69, .1) } .mainMenu nav li>.submenu li { padding: 0; text-align: left; display: inline-block; position: relative; height: auto } .mainMenu nav li>.submenu li:last-child { border-bottom: none } .mainMenu nav li>.submenu li a { text-transform: capitalize } .mainMenu nav li:hover>.submenu { display: block } .mainMenu nav li { display: inline-block; position: relative } .mainMenu nav li>.hasChild>a { position: relative } .menuTop ul li { width: 100% !important } .menuTop ul { height: 100% !important } .menuTop ul li a { border: none !important; color: #fff !important; height: 28px !important; font-size: 13px !important; line-height: 16px !important } .menuTop ul li { display: inline-block !important } .headerTop nav form { top: 0 } .menuTop.active { right: 0; z-index: 99 } .menuClose { position: absolute; top: 7px; right: 15px; color: #fff; font-size: 20px; cursor: pointer } .menuClosemain { position: absolute; top: -40px; right: 0; color: #fff; font-size: 20px } #main_menu2 ul li a { margin: 0 !important; border: none !important; padding-left: 0 !important } .popUp-main.active { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); display: block } .popUp-main { width: 100%; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; z-index: 999; padding: 8px 0; text-align: center; background: #ccc1b7; display: none } .popUp-main .inputRow { display: flex; align-items: center; width: 60%; margin: 0 auto } .popUp-main .close { color: #262a33; padding: 10px 17px; line-height: 27px; opacity: 1; font-size: 34px } .popUp-main input { width: 100%; color: #717070; background-color: #fff; text-align: left; border: 0; margin: 0 auto; padding-left: 30px; padding-right: 30px; outline: 0; font-weight: 500; font-size: 14px; text-transform: none; float: left; line-height: 16px; box-sizing: border-box; height: 32px; padding: 0 8px; vertical-align: middle; background: #fff; border-style: solid; border-color: transparent; box-shadow: none; min-width: 50%; flex-grow: 1 } .popUp-main input:focus { box-shadow: 0 0 0 3px #262a33 } .popUp-main .header-search-submit { font-size: 12.18px; border-radius: 0; background-color: #262a33; color: #fff; border: 1px solid transparent; height: 32px; margin: 0 0 0 14px; padding: 6px 8px } .social-icon a i.fa.fa-facebook { background-color: #3956a5 } .social-icon a i { margin-bottom: 5px; color: #000; font-size: 16px; background-color: transparent !important; border: 2px solid #000; padding: 8px 0; width: 35px; height: 35px; text-align: center } .sidenav .social-icon a i { margin-right: 5px } .article a i { color: #000; font-size: 26px !important; background-color: transparent !important; margin-left: 5px !important; margin-right: 0 !important; border: 0 !important; padding: 0 !important; width: auto; height: auto } .social-icon a i.fa.fa-twitter { background-color: #51acef } .social-icon a i.fa.fa-youtube { background: red } .social-icon a i.fa.fa-mobile { background: #689f38 } .social-icon a i.fa.fa-linkedin { background: #01649b } .overlay { background-color: rgba(0, 0, 0, .4); position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 99 } .footer-menu-main { background-color: #262a33; color: #fff; border-top: 1px solid #949494; padding: 20px 0 } .footer-menu-main ul.footerMenu-top { border-bottom: 1px solid #949494; padding-bottom: 10px; font-size: 0 } .footer-menu-main ul.footerMenu-top li { display: inline-block; width: 25%; margin-bottom: 20px } .footer-menu-main ul.footerMenu-top li a { color: #a8aaad; font-size: 16px; text-transform: capitalize } .footer-menu-main h3 a { font-family: MetricWeb-Semibold; font-size: 16px; line-height: 24px; position: relative; width: 100%; margin: 0 0 25px 0; -webkit-font-smoothing: antialiased; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #fff } .Copyright { font-size: 13px; color: #a8aaad; line-height: 19px; margin-top: 10px; text-align: center } .bg-dark { background-color: #ffffff !important } .bg-light { background-color: #2d3039 !important } .bg-light-p { background-color: #ffffff } .bg-yellow { background-color: #ffec1a } .bg-dark-g { background-color: #262a33 } .mid-row { border-top: 1px solid #ccc1b7; margin: 15px 0; padding: 15px 0 0; border-bottom: 1px solid #ccc1b7 } .sub-header__page-title { font-size: 40px !important; line-height: 44px !important; padding: 0 0 15px 0 } .sub-header__page-title span { font-size: 40px !important; line-height: 44px !important; font-family: FinancierDisplayWeb-Regular } .heading { font-family: MetricWeb-Regular; font-size: 22px; line-height: 30px; font-weight: 400; position: relative; width: 100%; margin: 0 0 16px 0; padding-top: 12px; -webkit-font-smoothing: antialiased; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .heading a { color: #33302e } .bg-red-p { background: #990f3d; color: #fff; padding: 0 0 20px; position: relative } .bg-red-p p { margin-bottom: 15px; line-height: 20px; font-size: 16px } .bg-red-p h3 a { color: #fff !important } .headering-dark-g a { color: #fff !important } .headering-dark-g:after { border-top-color: #990f3d !important } .heading-bor:after, .heading-bor:before { border-top: 8px solid rgba(0, 0, 0, .05); content: ""; left: 0; top: 0; position: absolute; width: auto; right: 0 } .heading a:after { content: "\f105"; font-family: FontAwesome; font-style: normal; text-decoration: inherit; color: #33302e; font-size: 18px; font-weight: 600; padding-right: .5em; padding-left: 6px } .bg-dark-g .heading a:after { color: #fff } .bg-red-p .heading a:after { color: #fff } .heading-bor:after { border-top-color: #000 } .heading-half-width:after { width: 49% } .with-icon { font-size: 20px; font-weight: 800 } .home_page .heading.bor-bottom:after { content: ""; display: block; width: 60px; margin-top: 5px; border-bottom: 4px solid #000; position: absolute; z-index: 1 } .home_page .heading.bor-bottom { color: #33302e; font-family: 'Metric Light' } .home_page .heading-half-width:after { width: 32.5% } .home_page .heading-half-width { font-size: 24px } .article-summary { margin: 7px 0; line-height: 1.8 } .storyshow-subhead { font-size: 14px; display: flex; align-items: center; justify-content: flex-start; margin: 5px 0 15px 0 } .story-byline .authorName { text-transform: uppercase } .articleSocialLink { display: inline-block } .articleShow-page img { width: 100%; object-fit: contain;height: auto; } .card-box.body p { font-size: 18px; line-height: 30px; color: #000; margin-bottom: 16px; font-family: MetricWeb-Regular } .card-box .desc p { font-size: 18px; line-height: 22px; color: #000; font-family: MetricWeb-Regular; margin-bottom: 16px } .card-box.body p span { font-size: 18px; line-height: 22px; color: #000; font-family: MetricWeb-Regular } .card-box.body figcaption { font-size: 14px; line-height: 16px; margin-top: 4px; color: #4d4845; margin-bottom: 16px } .card-box.body p a { color: #0d7680; text-decoration: none; cursor: pointer; border-bottom: 2px solid #cfd8d1; -webkit-transition: color .3s ease-in-out, opacity .3s ease-in-out, border .3s ease-in-out; transition: color .3s ease-in-out, opacity .3s ease-in-out, border .3s ease-in-out } .card-box.body p a:hover { color: #08474d; border-bottom-color: #9ec0bd } .card-box.body p span span { font-size: 18px; line-height: 22px; color: #000; font-family: MetricWeb-Regular } .card-box.body ul li { margin: 0 } .card-box.body ul li p { margin-top: 0 } .card-box.body ul li p span { font-size: 18px; line-height: 22px; color: #000; font-family: MetricWeb-Regular } .card-box.body ul li p span span { font-size: 18px; line-height: 22px; color: #000; font-family: MetricWeb-Regular } .card-box.body ul li p span span span span { font-size: 18px; line-height: 22px; color: #000; font-family: MetricWeb-Regular } .card-box.body ul li span span { font-size: 18px; line-height: 22px; color: #000; font-family: MetricWeb-Regular } .card-box.body ul li { font-size: 18px; line-height: 22px; color: #000; font-family: MetricWeb-Regular } .card-box.img-box { font-size: 0; line-height: 0 } .card-box.body { font-size: 18px; line-height: 22px; font-family: MetricWeb-Regular; position: relative } .card-box.body iframe { width: 100%; margin: 0 auto !important } .card-box.body .twitter-tweet.twitter-tweet-rendered { margin: 0 auto !important } .headingBold { font-size: 25px; font-weight: 700; margin: 20px 0 } .shareStory { margin-bottom: 20px } .shareStory a .fa { border: 2px solid #000; padding: 8px 0; color: #000; width: 35px; height: 35px; text-align: center; cursor: pointer } .shareStory a .fa:hover { color: #bed1e3; border-color: #bed1e3 } @media (max-width:992px) { .sticky { box-shadow: 0 1px 3px rgb(77 72 69 / 20%), 0 6px 10px rgb(77 72 69 / 15%) } } @media (min-width:992px) { .sticky { background: 0 0 !important } } @media (min-width:768px) and (max-width:992px) { .pl-6 { padding-left: 1rem !important } .sticky .headerTop-left { position: inherit !important } .headerTop .top_add a img { /* width: 90px */ } .sticky .headerTop-left { width: 20% } .pd-0 { padding: unset } .popUp-main .close { padding: 10px 0 10px 6px !important } .popUp-main .header-search-submit { margin-left: 8px } .popUp-main .inputRow { width: 95% } .sidenav .sideSocialLinks { display: inline-block !important } .headerTop { border-bottom: 1px solid #ccc1b7 } .pl-6 { padding-left: 1rem !important } .sideSocialLinks { display: none !important } .sticky .header_top-col-right { display: table-cell !important } .top_add { width: auto; text-align: center } .home_page .heading-half-width:after { width: 100% } .headerTop-left .searchBtn { position: absolute; padding-left: 30px; padding-top: 3px; right: 17px; float: none } #myHeader .header-top-col .mainMenu, .mainMenu { display: none !important } .sticky .header-top-col #HeaderlogoIn { display: block } } @media only screen and (max-width:767px) { .sticky .headerTop-left { position: inherit !important } .headerTop .top_add a img { /* width: 60px */ } .sticky .headerTop-left { width: 20% } .pd-0 { padding: unset } .popUp-main .close { padding: 10px 0 10px 6px !important } .popUp-main .header-search-submit { margin-left: 8px } .popUp-main .inputRow { width: 95% } .sidenav .sideSocialLinks { display: inline-block !important } .headerTop { border-bottom: 1px solid #ccc1b7 } .pl-6 { padding-left: 1rem !important } .sideSocialLinks { display: none !important } .sticky .header_top-col-right { display: table-cell !important } .top_add { width: auto; text-align: center } .home_page .heading-half-width:after { width: 100% } .headerTop-left .searchBtn { position: absolute; padding-left: 30px; padding-top: 3px; right: 17px; float: none } #myHeader .header-top-col .mainMenu, .mainMenu { display: none !important } .sticky .header-top-col #HeaderlogoIn { display: block } .footer-menu-main ul.footerMenu-top li { width: 49% } .card-box.body iframe { min-width: 100% !important } table { width: 100% !important } } dl, ol, ul { padding-left: 18px; padding-bottom: 16px } .modal.show .modal-dialog.modal-frame.modal-top.modal-notify.modal-info { width: 500px; -webkit-animation-name: slideDownEnter; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: .4s; -webkit-animation-fill-mode: forwards; animation-name: slideDownEnter; animation-iteration-count: 1; animation-timing-function: ease-out; animation-duration: .4s; animation-fill-mode: forwards; box-sizing: border-box; max-width: 100%; margin: 0 auto; box-shadow: 0 0 20px 3px rgba(0, 0, 0, .22) !important; background: #fff !important; padding: 1.286em; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; font-family: Roboto, Noto, Helvetica Neue, Helvetica, Arial, sans-serif } .modal.show .modal-dialog.modal-frame.modal-top.modal-notify.modal-info .modal-content { border: 0; box-shadow: none !important } #modalCookie1 .modal-body { padding: 0 } .modal-body-icon { box-sizing: border-box; float: left; width: 80px; height: 80px; position: relative } .modal-body-icon img { width: 100%; height: 100% } .modal-body-message { box-sizing: border-box; padding: 0 .2em 0 1.286em; float: left; width: calc(100% - 80px); font-size: 16px; line-height: 1.45em; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; font-weight: 700; color: #666 !important } #modalCookie1 .modal-footer { position: relative; margin: .25em .25em 0 0; padding: 0; border: 0 } #modalCookie1 .modal-footer button.btn.btn-secondary { background: 0 0; color: #007bff; border: 0; font-weight: 800; text-transform: uppercase; font-size: 14px } #modalCookie1 .modal-footer button.btn.btn-primary { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 6px 0 rgba(0, 0, 0, .12); border-radius: 0 !important } #modalCookie1 .modal-footer button.btn.btn-secondary:focus { box-shadow: none !important } .story-heading { font-size: 40px !important; line-height: 44px !important; padding: 0 0 15px 0 } .social-icon { display: inline-block } .sub-heading { font-family: MetricWeb-Regular; font-size: 22px; line-height: 28px; font-weight: 400; position: relative; width: 100%; margin: 0; padding-top: 12px; padding-bottom: 20px; -webkit-font-smoothing: antialiased } .br-b { border-bottom: 1px solid #ccc1b7 } .pl-6 { padding-left: 5rem } #onlymobile { position: absolute; top: 0; right: 0; background: rgba(230, 217, 206, .85); border: 0; width: 50px; height: 45px; padding: 0; color: #0a5e66 } #onlymobile:focus { border: 0; outline: 0 } .pd-0 { padding: 0 } .breakingNews { background-color: #990f3d !important } .marquee { background-color: #f2dfce !important; border-color: #f2dfce !important } .rhs-ad { width: 100%; margin-bottom: 16px } .native-items iframe, .rhs-ad iframe { width: 100% !important } .rhs-ad img { height: 100%; object-position: center; object-fit: cover; width: 100% } .native-items { width: 100%; margin-bottom: 16px } .headerTop-main .social-icon a { border-right: 2.5px solid #fff1e5; border-left: 2.5px solid #fff1e5 } .tags { width: 100% } .tags ul { list-style: none; display: flex; flex-wrap: wrap; padding: 0 } .tags ul li { background: 0 0; border: 2px solid #990f3d; padding: 12px 20px; margin: 2px 5px 2px 0 } .tags ul li a { text-decoration: none; outline: 0; font-size: 16px; color: #000; font-weight: 900; font-family: MetricWeb-Semibold } .tags ul li:hover { background-color: #990f3d } .tags ul li:hover a { color: #fff } .overlayDiv { height: 120px; width: 100%; bottom: 0; position: absolute; background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 80%); padding-top: 150px } .unlockBtn { position: absolute; top: 45%; left: 0; right: 0; margin: 0 auto; background-color: #010101; color: #fff; min-height: 50px; min-width: 210px; border: 1px solid #76767675; border-radius: 3px; font-size: 14px; font-weight: 700; font-family: BentonSansCond-Regular; text-transform: uppercase } .modal.paypost { display: none; position: fixed; z-index: 99; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000; background-color: rgba(0, 0, 0, .4) } .modalContent { position: relative; background-color: #fefefe; margin: auto; border: 1px solid #888; width: 630px; height: 410px } .closeBtn { z-index: 9999; right: 0; position: absolute; font-size: 30px; top: 0; color: #fff; background-color: #000; padding: 0; line-height: normal; width: 30px; height: 30px; text-align: center; cursor: pointer } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer } .iframeContent { height: 400px !important; position: relative; min-width: 18em; max-width: 30.4em; overflow: hidden !important; text-align: center !important; border-radius: 10px; border: none !important } .unlockDetails { position: relative; top: 35%; min-width: 16em; max-width: 25em; display: block; overflow: hidden; text-align: center; color: #fff } .inputField { width: 100%; position: relative; margin-top: 1%; margin-bottom: 4%; height: 2.5rem; padding: 0 .5rem; border-radius: 3px; font-family: inherit; font-size: 1rem; font-weight: 500; letter-spacing: normal; color: #000; background-color: #fff; outline: 0; border: 1px solid #ccc; appearance: none; opacity: 1; box-shadow: none } .proUnlockBtn { width: 100%; height: 2.5em; line-height: 2.375em; font-family: nyt-franklin, helvetica, arial, sans-serif; font-size: 1em; font-weight: 700; cursor: pointer; border: .0625em solid #121212; border-radius: .2em; box-sizing: border-box; user-select: none; -webkit-tap-highlight-color: transparent; background-image: none; color: rgb(255 255 255); background-color: rgb(224 82 50); margin-top: .5%; outline: 0 } .proUnlockBtn:focus, .proUnlockBtn:hover { background-color: #ff7a5c; outline: 0 } .unlockError { color: #ffcec3; display: none; font-size: 13px } .unlockLoader { position: absolute; top: 45%; display: none } #paymentDiv { margin-top: 20px } @media (max-width:1024px) { div#modalContent { top: 63vh !important; min-height: 37vh !important } .iframeContent { height: 400px !important } } @media (max-width:425px) { .iframeContent { min-width: 20em; max-width: 22em; height: 647px !important } #paymentDiv { margin-top: 28px } div#modalContent { top: 47vh !important; min-height: 53vh !important } } @media (max-width:320px) { .iframeContent { min-width: 16em; max-width: 19em; height: 668px !important } } .goback { z-index: 9999; left: 0; position: absolute; font-size: 17px; top: 0; color: #fff; background-color: #000; text-align: center; cursor: pointer; width: 30px; height: 29px; padding: 4px 0 } .goback button { height: 2.5em; line-height: 2.375em; font-weight: 600; cursor: pointer; border: .0625em solid #121212; border-radius: .2em; color: #fff; background-color: #121212 } .main_wrapper p.cta a:hover { background-color: #0f9605; color: #fff !important } .main_wrapper p.cta a { background-color: #11c403; color: #fff; padding: 6px 20px; text-align: center; text-decoration: none; display: inline-block; font-family: sans-serif; border-radius: 5px; margin-top: 11px; font-size: 15px } .main_wrapper p.cont { font-family: sans-serif; padding: 0 29px; color: #adacac; font-size: 18px; line-height: 1.6; margin: 10px 0 } .main_wrapper.success h2 { font-family: sans-serif; color: #11c403; font-weight: 500; margin-top: 13px; font-size: 30px } .main_wrapper img { width: 60%; max-height: 172px; margin-top: 10px } .main_wrapper { max-width: 400px; margin: 2% auto; height: auto; text-align: center; box-shadow: 0 10px 16px 8px #cccccc36; padding-bottom: 5px; position: absolute; top: 15%; left: 0; right: 0; background-color: #fff } .main_wrapper { max-width: 400px; margin: 2% auto; padding-bottom: 5px; text-align: center; box-shadow: 0 10px 16px 8px #cccccc36; position: absolute; top: 15%; left: 0; right: 0; background-color: #fff } .main_wrapper img { width: 50% } .main_wrapper.fail h2 { font-family: sans-serif; color: red; font-weight: 500; font-size: 30px } .main_wrapper p.cont { font-family: sans-serif; padding: 0 29px; color: #adacac; font-size: 18px; line-height: 1.6; margin: 0 0 25px 0 } .main_wrapper p.cta a { background-color: #4a4a4a; border-radius: 5px; color: #fff; padding: 6px 20px; text-align: center; text-decoration: none; display: inline-block; font-family: sans-serif; font-size: 15px } .main_wrapper p.cta a.rtry { background-color: #ef6262 } .main_wrapper p.cta a:hover { color: #fff !important } div#modalContent { display: flex; -webkit-box-align: center; align-items: center; background-color: #000000b8; border-top: 3px solid rgb(224 82 50); box-shadow: rgb(0 0 0 / 20%) 0 0 3px; box-sizing: border-box; flex-direction: column; font-family: nyt-franklin, helvetica, arial, sans-serif; margin: 0 auto; padding: 20px; position: absolute; text-align: left; transition: top 750ms ease-in 0s, height 750ms ease-in 0s; width: 100%; z-index: 1000000120; height: auto; top: 33vh; min-height: 67vh; opacity: 1 } h2.heading_top { width: 100%; font-size: 22px; line-height: 26px; font-weight: 700; letter-spacing: -.1px; text-align: center; padding: 0; margin: 0 auto 20px; font-family: BentonSansCond-Regular; text-transform: uppercase } h2.heading_second { width: 100%; font-size: 21px; line-height: 26px; font-weight: 500; letter-spacing: -.1px; text-align: center; padding: 0; margin: -20px auto 20px; font-family: BentonSansCond-Regular } .alr_purch { margin: 2% 0 } .pbtm { margin-bottom: 14px; width: 100%; font-size: 21px; line-height: 26px; font-weight: 500; letter-spacing: -.1px; text-align: center; padding: 0; font-family: BentonSansCond-Regular; display: block } .headinMain_breadcrums h3.active_sec { color: #3263c0 } .fa { font-family: "FontAwesome" !important; }