:root { --full-black: #000000 } 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, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { border: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0 } #home .home-ipl-wrapper { background: linear-gradient(to right, #006 0, #9acadf 100%) !important; padding: 25px 0 15px } .highZindex { margin-bottom: 40px } .startPlugin .socialLinks2 a:nth-child(2) { display: none } #home .home-ipl-wrapper .tabs_div .nav-tabs { display: none } #home .home-ipl-wrapper .tabs_div .tabs_view_link { display: none } .asianet-malayalam .six-horizontal-articles { margin-top: 0; margin-bottom: 25px } #home .home-ipl-wrapper .tabs_div .ipl-sponsor-adcode { text-align: center; margin-bottom: 20px } .outbrainAdSlot { margin-top: 30px } .asianet-kannada .site-banner .ad-mobile-desktop, .asianet-telugu .site-banner .ad-mobile-desktop { margin-top: 15px } #live-audio .outbrainAdSlot { width: 89%; margin: 0 auto } .asianet-newsable .carousel-section .slider-img { width: 100%; height: auto !important } #video .desktop-banner { display: none !important } .banner-area { margin-top: 6px } .banner-area img { border-radius: 7px } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { list-style: none } .article-content .postContent ol, .article-content .postContent ul { list-style: initial; padding-left: 18px } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: none } table { border-collapse: collapse; border-spacing: 0 } table, td, th { border: 1px solid #000; border-collapse: collapse; padding: 5px } div.desktop-ad-1 { width: 100% } h1.kanndaLiveTvHeading { color: #fff; font-size: 22px; padding: 10px } #video-lp .outbrainAdSlot { width: 1200px; margin: 0 auto } #sports-lp .outbrainAdSlot { width: 1200px; margin: 0 auto } .mynation .outbrainAdSlot { max-width: 1200px; margin: 0 auto } .ksfe-home-banner { text-align: center } .asianet-hindi .vid-title-heading { font-weight: 700 } .asianet-malayalam .outbrainAdSlot { padding-bottom: 135px } .asianet-kannada .video-post .PostBody a { color: #337ab7; text-decoration: underline } #live-tv-template .lh-span-1 { color: #fff; font-size: 22px; padding: 10px } .asianet-hindi .gallery-post .quotes.gd-h a { color: #337ab7 !important; text-decoration: underline !important } .user_icon { display: none !important } .user_icon a { color: #154986; font-size: 30px; padding: 5px 5px; display: none } .live-tv-icon a { color: #fff } .wbstoryicon{ position:absolute; right:10px; top:10px; width:20px; height:20px; background: url(https://static.asianetnews.com/v1/images/webstoryicon.png) no-repeat 0 0 / 100% auto;} .wbstoryicon img{width:100%;} @media (max-width:600px) { .asianet-kannada .sticky-menu.headroom--top .corp-logo { display: block; width: 50% } div.top-2 .five-articles-with-ad section.top.white-bg.one-to-four-article div.col-md-12 div.row { margin-top: 60px } a.navbar-brand.navbar-m { padding-top: 6px } .PostBody.mobile-article table { width: 300px !important } } button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=file]>input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner { border: 0; padding: 0; margin: 0 } * { margin: 0; padding: 0 } body { background: #f2f3f5; -ms-overflow-style: scrollbar; margin-top: -2px } a, a:focus, a:hover { color: #030303; display: block; text-decoration: none } img.center-img { display: block; margin: 0 auto } .black-bg { float: left; width: 100%; background: #222323 !important } .center-align { text-align: center } .marg-t10 { margin-top: 10px !important } .marg-t20 { margin-top: 20px } .marg-b20 { margin-bottom: 20px } .marg-b50 { margin-bottom: 50px } .marg-t30 { margin-top: 30px } .marg-r15 { margin-right: 15px } .marg-t20-b20 { margin-top: 20px; margin-bottom: 20px } .pad-none { padding: 0 !important } .pad-15 { padding: 15px } .btm-pad-none { padding-bottom: 0 !important } .pad-left-none { padding-left: 0 !important } .pad-l-0 { padding-left: 0 !important } .pad-r-0 { padding-right: 0 !important } .white-bg { float: left; width: 100%; background: #fff !important } .white-bg2 { float: left; width: 100%; background: #e4e4e4 !important; padding: 15px } .box-shadow { box-shadow: 0 1px 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2) } .grey-bg { background: #cfd7d9 !important } .pad-l24-r24 { padding-left: 24px; padding-right: 24px } .main-box { background-color: #fff; float: left; width: 100% } .pad-4 { padding: 4px } .col-pad-4 { padding-left: 4px !important; padding-right: 4px !important } span.pull-right.view-more-text { font-family: roboto, sans-serif; text-transform: capitalize; font-weight: 700; text-decoration: underline } .ad-img { height: 200px; width: 100% } .text-uppercase { text-transform: uppercase } .ad { text-align: center; margin-bottom: 20px } .ad-hr-widget>div { float: none; width: 100%; text-align: center; margin: 5px 0 } .ad-hr-widget img { margin: 0 auto } .ad-vr-align { position: relative } .left-pos-ad { position: absolute; left: -160px } .right-pos-ad { position: absolute; right: -160px } header { float: left; width: 100%; background: #fff; font-family: 'Source Sans Pro', sans-serif; border-top: 1px solid #e2e1e1 } #live-tv-template ul.nav.nav-pills.new-tab-menu, #livetv ul.nav.nav-pills.new-tab-menu { padding-top: 10px } #live-tv-template ul.nav.nav-pills.new-tab-menu .tab-heads, #livetv ul.nav.nav-pills.new-tab-menu .tab-heads { padding-right: 15px } .sticky-menu { float: left; width: 100%; background: #f5f5f5; box-shadow: 0 1px 1px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2) } .sticky-menu.affix-top { position: relative; z-index: 1 } .logo-part { padding: 5px 0 } .logo-area { float: left; width: 100%; max-width: 200px; margin-top: 6px } .asianet-kannada .logo-area, .asianet-malayalam .logo-area { max-width: 150px } .logo-area img { width: 100%; height: auto } a.navbar-brand { margin-right: 20px } .sticky-menu .navbar-brand { display: none } .sticky-menu.affix .navbar-brand { display: block } .sticky-menu.affix img.img-responsive.sticky-logo { display: block !important } .sticky-menu.affix-top .container-fluid, .sticky-menu.affix-top .navbar-collapse { padding-right: 0; padding-left: 0 } .sticky-menu.affix .container-fluid, .sticky-menu.affix .navbar-collapse { padding-right: 0; padding-left: 0; margin-top: 0 !important } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0 } span.time { font-family: Roboto, sans-serif; font-size: 14px; margin-top: 10px; display: block } a.navbar-brand img { width: 150px; padding-bottom: 0 } .asianet-kannada .aside a.navbar-brand img, .asianet-malayalam .aside a.navbar-brand img { width: 130px } .asianet-bangla .aside a.navbar-brand img, .asianet-hindi .aside a.navbar-brand img, .asianet-tamil .aside a.navbar-brand img, .asianet-telugu .aside a.navbar-brand img { width: 125px !important } .sticky-menu.affix { top: 0; z-index: 9999 !important } .sticky-menu.affix+.container-fluid { padding-top: 70px } .navbar { margin-bottom: 0; min-height: inherit } .navbar-nav>li>a { text-transform: uppercase; color: #3a3a3a; padding: 10px 10px } .navbar-default { border: none; background: 0 0 } .navbar-brand { padding: 0; height: auto } .navbar-default .navbar-nav>li>a { color: #3a3a3a; font-size: 12px; font-weight: 600 } .asianet-telugu .navbar-default .navbar-nav>li>a { padding: 10px 4px } .asianet-telugu header .nav>li>a { padding: 10px 4px !important; } .asianet-bangla .trending-topics .links, .asianet-kannada .trending-topics .links, .asianet-tamil .trending-topics .links, .asianet-telugu .trending-topics .links { display: flex } .asianet-bangla .links span, .asianet-kannada .links span, .asianet-tamil .links span, .asianet-telugu .links span { font-size: 18px; font-weight: 500; color: #272525; font-family: Roboto, sans-serif; margin: 0 15px 0 0 } .asianet-bangla .q-links, .asianet-kannada .q-links, .asianet-tamil .q-links, .asianet-telugu .q-links { display: flex; align-items: center } .asianet-hindi .app-download-link { margin-bottom: 25px } .dropdown-menu>li>a { color: #3a3a3a; font-size: 16px; font-weight: 600; text-transform: uppercase } .mobile-banner+.container { padding: 0 !important } .asianet-malayalam .section-trending-links { padding: 0 15px !important; min-height: 35px !important } footer .row.scnd-sec .links { padding-left: 0 !important } .site-language { float: left; width: 100% } ul.lang-menu { float: left; width: 100%; text-align: right } ul.lang-menu.align-left.hidden-xs { text-align: left !important } ul.lang-menu li { display: inline-block; text-align: right; vertical-align: middle; margin-right: 10px } ul.lang-menu li:last-child { margin-right: 0 } ul.lang-menu li.active a, ul.lang-menu li:focus a, ul.lang-menu li:hover a { color: red; text-decoration: none } ul.lang-menu li a { font-family: Roboto, sans-serif; font-size: 12px; color: #232323; padding: 5px; display: inline-block } .about-festival { float: left; width: 100%; text-align: right } .about-festival img { text-align: right; display: inline-block } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, li.icc-cricket-world-cup-2019.dropdown-new a, li.icc-cricket-world-cup-2019.dropdown-new a:hover, li.world-cup.dropdown-new a, li.world-cup.dropdown-new a:hover { background: 0 0; color: #cf3236 } .main-menu>li.active:after { content: ''; display: block; width: 100%; height: 3px; background: #c20000 } .main-menu>li:hover:after { content: ''; display: block; width: 100%; height: 3px; background: #c20000 } .navbar-right>li.active:after, .navbar-right>li.active:before { display: none } .navbar-right { margin-right: 0 } li.live-tv-icon { background: red !important } li.live-tv-icon a i { font-size: 20px } ul.nav.navbar-nav.navbar-right .live-tv-icon a { color: #fff !important } ul.nav.navbar-nav.navbar-right li:last-child a img { vertical-align: bottom; margin-left: 5px } ul.nav.navbar-nav.navbar-right>li:last-child>a:hover { border-bottom: 0 } ul.nav.navbar-nav.navbar-right li.dropdown.user-icon a { padding: 7px 10px } .template-content { float: left; width: 100% } ul.nav.navbar-nav.navbar-right>li.dropdown.toggle-menu>a:focus, ul.nav.navbar-nav.navbar-right>li.dropdown.toggle-menu>a:hover { background: #b0b6ba } li.dropdown.toggle-menu>a { background: #b0b6ba; padding: 6px 15px; padding-top: 10px } li.dropdown.toggle-menu.open { position: static } li.dropdown.toggle-menu.open>ul.dropdown-menu { float: left; width: 100%; left: 0 !important; right: auto !important; top: 43px; border: 0; padding: 6px; box-shadow: 1px 0 4px rgba(0, 0, 0, .175); -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, .175); border-radius: 0 } li.dropdown.toggle-menu.open>ul.dropdown-menu>li { display: inline-block } li.dropdown.toggle-menu { margin-right: 34px; display: none } .latest-stories { float: left; width: 100%; margin-top: 10px } .latest-stories span.byline-tag { font-size: 13px } .links { margin-top: 10px } .q-links span { font-size: 18px; font-weight: 500; color: #272525; font-family: Roboto, sans-serif; margin: 0 15px 0 0 } .q-links li { display: inline-block; padding: 0 15px 0 0 } .q-links li a { font-family: Roboto, sans-serif; font-size: 14px; color: #272525 } .q-links li:hover a { color: red; text-decoration: none } .mb-dropdown { display: none !important } ul.dropdown-menu { padding: 0 } li.dropdown.mb-dropdown.open>a, li.dropdown.mb-dropdown.open>a:focus, li.dropdown.mb-dropdown.open>a:hover { border-bottom: 0 solid #c20000; background: #c20000; color: #fff } li.dropdown.mb-dropdown.open>ul>li:hover { border-bottom: 0 solid #c20000; background: #e7e7e7 } .ltv-2 { display: none } .t-small-post { float: left; width: calc(100% - 320px); background: #fff; margin-right: 20px; min-height: 250px } .t-small-post .t-small-img { position: relative; } .t-small-img img { width: 100% } .t-small-txt { padding: 11px } .t-small-txt h2 { font-size: 16px; font-weight: 700; line-height: 24px } .widget0_1-posts { float: left; width: 100%; margin-top: 10px } ul.widget0_1-three-posts { float: left; width: 100%; border: 1px solid #e3e3e3; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15); -moz-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15); -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15) } ul.widget0_1-three-posts li { float: left; width: 100%; background: #fff; padding: 14px 10px; border-top: 1px solid #d4d4d4 } ul.widget0_1-three-posts li:first-child { border-top: none } .widget0_1-three-posts-img { position: relative; float: left; margin-right: 2%; width: 19% } .widget0_1-three-txt { float: left; width: 79% } .widget0_1-three-txt h3 { font-size: 16px; font-weight: 700; min-height: 45px; line-height: normal; word-break: break-word; } .widget01 { float: left; width: 100% } .widget-post-img img { width: 100% } .widget-post-content { float: left; width: 100%; min-height: 260px; background: #fff; padding: 20px 30px 0 30px; border: 1px solid #e3e3e3; border-top: none } .widget-post-content h1, .widget-post-content h2 { font-size: 22px; font-weight: 700; line-height: normal } .widget-post-content h1 a { color: #030303 } .widget-post-content p { font-size: 15px; margin-top: 10px; line-height: normal } span.byline-tag { font-size: 13px; color: #184b84; font-family: Roboto, sans-serif; text-transform: uppercase; margin-bottom: 5px; display: inline-block; line-height: normal } .widget01-three-posts span.byline-tag { font-size: 12px } .ad-widget, .video-widget-post { float: left } .video-widget-post { width: 300px } .ad-widget { width: 300px } .livetv-widget-title { float: left; width: 100%; background: #769ec3; color: #fff; text-transform: uppercase; font-size: 15px; font-family: Roboto, sans-serif; padding: 10px } .video-content { float: left; width: 100%; height: 140px; background: #200 } .btn-liveblog { float: left; width: 100%; background: #ca0013; text-align: center; padding: 10px 0; margin-top: 20px } .btn-liveblog img { margin: 0 auto } .widget01-posts { width: calc(100% - 320px); float: left; margin-right: 20px } ul.widget01-three-posts { float: left; width: 100%; border: 1px solid #e3e3e3; min-height: 588px; background: #fff } ul.widget01-three-posts li { float: left; width: 100%; background: #fff; padding: 10.4px 10px; border-top: 1px solid #d4d4d4 } ul.widget01-three-posts li:first-child { border-top: none } .widget01-three-posts-img { float: left; margin-right: 2%; width: 19% } .widget01-three-txt { float: left; width: 100% } .widget01-three-txt h3 { font-size: 15px; font-weight: 700; line-height: 23px } .widget02 { float: left; width: 100% } .widget02-title { float: left; width: 116px } .widget02 h2 { font-size: 51px; font-weight: 300; text-transform: uppercase; font-family: 'Source Code Pro', monospace; line-height: 45px; float: left; position: relative; top: 75px; left: -36px; color: #6e7780; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg) } .widget02-posts { float: left; width: calc(100% - 116px); border-left: 1px solid #a2a9ac } ul.w02-posts { float: left; width: 100% } ul.w02-posts li { width: 32.99%; display: inline-block; padding-left: 5%; padding-top: 30px; vertical-align: top } .post-publish-time { float: left; width: 100%; font-size: 12px; color: #70767f; font-family: Roboto, sans-serif; font-weight: 400 } .post-publish-time span { font-weight: 700 } .post-publish-time:after { content: ''; display: block; width: 55px; height: 1px; margin-top: 5px; background: #a3acb0 } .w02-post .post-content { float: left; width: 100%; margin-top: 10px } .w02-post .post-content p { min-height: 68px } .w02-post .post-content p a { color: #000 } .video-widget { float: left; width: 100%; padding: 30px 35px } .widget-title img { display: block } .widget-title { float: left; width: 100%; z-index: 3; /*background:url(https://static.asianetnews.com/v1/images/dark-title-bar.png) repeat-x;background-position:0 73%;*/ position: relative; margin-bottom: 20px } .widget-title:before { content: ''; border-bottom: 3px dashed #b4b3c0; bottom: 10px; position: absolute; width: 100%; z-index: -1; } .black-bg .widget-title span { background: #222323 } .black-bg .widget-title h2 a { color: #f1f4f5 } .black-bg .square-arrow.blue-sq-bg i { color: #1c6fb4 } .white-bg .widget-title span { background: #fff } .grey-bg .widget-title span { background: #cfd7d9 } .widget-title span { background: #f1f4f5; display: inline-block; padding-right: 11px } .widget-title img { margin-right: 10px; display: inline-block } .widget-title h2 { display: inline-block; color: #2c2c2c; text-transform: uppercase; font-size: 40px; font-family: Source Sans Pro; font-weight: 300 } .widget-title h2 span { font-weight: 300; padding-right: 0 } .square-arrow { width: 35px; height: 35px; float: left; position: absolute; display: table; right: 0; bottom: 11px; text-align: center; background: #505356; color: #aeb4b8 } .square-arrow i { font-size: 30px; display: table-cell; text-align: center; color: #aeb3b7; font-weight: 700; vertical-align: middle } .blue-sq-bg { background: #134986; color: #fff } .special-wg-top-heading { margin-top: 20px } .special-wg-top-heading .spcl-title, .special-wg-top-heading h1 { color: #a72222; margin-bottom: 10px; text-transform: uppercase; font-family: Source Sans Pro; font-size: 1.7em; font-weight: 700 } .video-tab-opt { float: left; width: 100%; margin-bottom: 25px } ul.tab-menu>li { display: inline-block; vertical-align: top; position: relative; margin-bottom: 10px } ul.tab-menu li.active a { background: #00498e; color: #f1f4f5 } ul.tab-menu li a { padding: 10px 19.3px; background: #464b4f; color: #b6bdbf; font-family: Roboto, sans-serif; font-size: 16px } ul.tab-menu li:last-child a { padding: 10.5px 14px } ul.tab-menu li a:focus, ul.tab-menu li a:hover { text-decoration: none } ul.tab-menu>li ul.dropdown-menu { margin: 0; float: left; right: 0; padding: 0; left: inherit } ul.tab-menu>li ul.dropdown-menu li:hover a { background: #00498e; color: #f1f4f5 } ul.tab-menu li.active:after { content: " "; position: absolute; left: 36%; opacity: 1; margin: 0 auto; bottom: -20px; border: 10px solid transparent; border-top-color: #00498e } .video-l-item { float: left; width: 60%; padding-right: 15px } .v-widget-item-img { float: left; width: 100%; position: relative } .video-r-item { float: left; width: 40%; padding-left: 15px } .video-r-item ul { height: 436px; overflow-x: scroll } .video-r-item ul::-webkit-scrollbar { width: 0; background: 0 0 } .video-r-item ul::-webkit-scrollbar-thumb { background: red } .video-r-item .video-post-play-icon { width: 25px; height: 25px; transform: none; bottom: 10px; left: 10px; } .video-r-item .video-post-play-icon img { width: 100% } .slid-item-img .video-post-play-icon img { height: 30px; width: 30px } .category-article-card .article-img-area .video-post-play-icon, .category-article-card .tab-img-area .video-post-play-icon, .flex-box-item .article-img-area .video-post-play-icon { transform: none; left: 10px; bottom: 10px; background: none; width: 30px; height: 30px; } .category-article-card .tab-img-area .video-post-play-icon img, .flex-box-item .article-img-area .video-post-play-icon img { height: 30px; width: 30px } .col-w-100 .article-img-area .video-post-play-icon { left: 11% } .v-widget-item-txt { float: left; width: 100%; background: #f0f4f5; padding: 20px } .v-widget-item-txt h2 { font-size: 20px; line-height: 35px; min-height: 70px } .video-item-img { float: left; width: 25%; margin-right: 2%; position: relative } .video-item-txt { float: left; width: 73% } .video-r-item ul li { float: left; width: 100%; padding: 10px } .video-r-item ul li:hover { background: #323436 } .video-item-txt h3 { margin-top: 5px; float: left; width: 100%; font-size: 13px; line-height: normal; min-height: 34px } .video-item-txt h3 a { color: #f1f4f5; display: block } .video-item-txt a h3 { color: #f1f4f5; display: block } .theme-more-btn { float: left; width: 100%; text-align: center; background: #393b3b } .theme-more-btn a { color: #818383; font-size: 20px; text-transform: uppercase; padding: 9px; font-family: Roboto, sans-serif; font-weight: 300 } .theme-more-btn a:focus, .theme-more-btn a:hover { text-decoration: none } .video-slid-widget { float: left; width: 100%; margin-top: 25px } .slid-widget-title { float: left; width: 100%; margin-bottom: 30px; border-bottom: 1px solid #144a86 } .slid-widget-title h2 { background: #144a86; color: rgba(241, 244, 245, .4); font-size: 22px; font-family: Roboto, sans-serif; font-weight: 300; text-transform: uppercase; display: inline-block; padding: 10px 20px } .middle-ad-area { float: left; width: 100% } .slid-item-txt { margin-top: 10px } .slid-item-txt a h3 { color: #f1f4f5 } .slid-item-txt h3 { font-size: 15px; line-height: 25px } .latest-video-post-slider { float: left; width: 100% } .owl-dots { display: none } .owl-carousel { width: 90%; margin: 0 auto } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 40% } .latest-video-post-slider .owl-carousel .owl-stage-outer { position: relative; overflow: hidden } .latest-video-post-slider .owl-carousel .owl-nav button.owl-prev { left: -26px; outline: 0 } .latest-video-post-slider .owl-carousel .owl-nav button.owl-next { right: -26px; outline: 0 } #home .latest-video-post-slider .owl-carousel .owl-nav button.owl-prev { left: -51px; outline: 0 } #home .latest-video-post-slider .owl-carousel .owl-nav button.owl-next { right: -54px; outline: 0 } span.search-count { font-size: 14px; color: grey } .navbar a.dropdown-toggler[title="Bigg Boss"] { display: none } .mobileTitleShowHide { display: none !important } .related-post-img .video-post-play-icon { position: absolute; left: 10px; transform: none; } @media(max-width:768px) { .special-wg-top-heading h1 { color: #a72222; margin-bottom: 5px; text-transform: uppercase; font-family: Source Sans Pro; font-size: 1.4em; font-weight: 700; margin-left: -15px } #video-lp .outbrainAdSlot { width: 100%; margin: 0 auto } #sports-lp .outbrainAdSlot { width: 100%; margin: 0 auto; padding: 15px } .asianet-malayalam .outbrainAdSlot { padding-bottom: 425px } .navbar a.dropdown-toggler[title="Bigg Boss"] { display: block } .banner-area-mob img { border-radius: 5px } a#app_url_link { display: block } .sticky-menu .navbar-brand { display: block } .latest-video-post-slider .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; left: 0 } .latest-video-post-slider .owl-carousel .owl-nav button.owl-prev { left: -12px; outline: 0 } .latest-video-post-slider .owl-carousel .owl-nav button.owl-next { right: -12px; outline: 0 } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 35% !important } } .widget04 { float: left; width: 100% } .widget04-post { float: left; width: 100%; background: #fff } .widget04-img-area { float: left; width: 55%; position: relative } .widget04-img-area img { width: 100% } .widget04-txt { float: left; width: 45%; padding: 30px } .widget04-txt h2 { font-size: 20px; font-weight: 700; line-height: 25px; margin-bottom: 15px } .widget04-txt p { font-size: 16px; line-height: 24px } .wid04-img-area { float: left; width: 100%; position: relative } .wid04-r-post { float: left; width: 100%; background: #fff } .wid04-r-post-txt { width: 100%; float: left; padding: 10px; min-height: 119px } .wid04-r-post-txt h2 { font-size: 15px; line-height: 20px; margin-bottom: 10px; font-weight: 700 } .place-name { font-size: 14px; color: #fff; background: rgba(20, 74, 134, .8); text-transform: uppercase; font-family: Roboto, sans-serif; padding: 6px 15px; display: inline-block; position: absolute; top: 0; left: 0 } .related-posts { float: left; width: 100%; margin-top: 40px } .related-post-img { float: left; width: 100%; position: relative } .related-post-img img { width: 100% } .related-post-img img { width: 100% } .related-post-txt { float: left; width: 100%; margin-top: 15px } .widget04 .related-post-txt { min-height: 136px } .related-posts ul li:first-child { margin-left: 0 } .related-posts ul li { width: 19%; float: left; margin-left: 1.2% } .related-post-txt { font-size: 16px; line-height: 24px } .related-post-txt h3 { font-size: 14px; line-height: 24px; min-height: 96px } .black-bg .related-post-txt h3 { color: #fff } .widget05 { float: left; width: 100% } .widget05-post { float: left; width: calc(100% - 330px); background: #fff } .widget05-img-area { float: left; width: 49.5%; position: relative; } .widget05-ad { float: left; width: 300px; margin-left: 30px } .widget05-txt { float: left; width: 50.5%; padding: 10px } .widget05-txt h2 { font-size: 20px; font-weight: 700; line-height: 30px; margin-bottom: 15px } .widget05-txt p { font-size: 16px; line-height: 24px } .two-grid-layout { float: left; width: 100% } .left-side { float: left; width: calc(100% - 330px) } .right-side { float: left; width: 300px; margin-left: 30px } .widget06 { float: left; width: 100%; border: 3px solid #c6ced2; padding: 25px; padding-bottom: 20px } .wid06-main-post { float: left; width: 100%; background: #fff } .wid06-img, .wid06-txt { float: left; width: 100% } .wid06-txt { padding: 30px } .wid06-txt h2 { font-size: 18px; line-height: 30px; font-weight: 700 } .wid06-related-post { float: left; width: 100% } ul.wid06-rel-post li { float: left; width: 47%; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #d3d3d3; height: 120px } ul.wid06-rel-post li:nth-child(2n) { width: 47%; margin-left: 6% } .wid06-rel-img { float: left; width: 28% } .wid06-rel-txt { float: left; width: 72%; padding-left: 20px } .wid06-rel-txt h2 { color: #0d100c; font-size: 13px; line-height: 20px } .widget07 { float: left; width: 100% } ul.wid07-posts li { float: left; width: 32% } ul.wid07-posts li:nth-child(2n) { margin-left: 2%; margin-right: 2% } ul.wid07-posts { float: left; width: 100% } .wid07-post-txt { padding: 10px; min-height: 90px } .wid07-post-txt.center-align h2 { font-weight: 700 } .wid07-post-txt h2 { font-size: 14px; line-height: 22px } .widget08 { float: left; width: 100%; margin-bottom: 20px } .blue-bg { background: #144a86 } .column-content { float: left; width: 100%; margin-top: -35px; padding: 40px 20px 0 20px; min-height: 859px; margin-bottom: 12px } .column-title img { display: inline-block } .column-title h2 { display: inline-block; color: #2f4b83; text-transform: uppercase; font-size: 48px; vertical-align: top; font-family: Roboto, sans-serif; font-weight: 300; line-height: 42px } ul.column-content>li:first-child { background: 0 0; padding-top: 0 } ul.column-content>li { float: left; width: 100%; padding: 20px 0; padding-bottom: 20px; /*background: url(https://static.asianetnews.com/v1/images/column-line-style.jpg) repeat-x*/ border-bottom: 3px dashed rgba(0, 45, 87, 0.7); } ul.column-content>li:last-child { border: 0; } .column-txt span { color: #f1f4f5; display: block; margin-bottom: 10px; font-family: Source Sans Pro } .column-txt p a { color: #b8cae7; margin-bottom: 10px; font-size: 15px } .column-pro { float: left; width: 100% } .column-pro img { vertical-align: middle; width: 46px; height: 46px; display: inline-block; border-radius: 100% } .column-pro h3 { margin-left: 20px; display: inline; vertical-align: middle; color: #86a3cf; font-size: 16px; font-family: Roboto, sans-serif } .ad-300 { float: left; width: 100% } .widget09 { float: left; width: 100%; margin-top: 15px } .opinion-title h2 { margin-top: -15px } .opinion-content { float: left; width: 100%; margin-top: -35px; padding: 50px 20px 30px 20px } ul.opinion-content>li { padding: 30px 0; position: relative } ul.opinion-social>li { padding: 0; display: inline-block; margin-left: 10px } ul.opinion-social>li>a { color: #002b5b; font-size: 30px } ul.opinion-social { position: absolute; bottom: -24px; right: 0; text-align: right; background: #144a86; z-index: 1 } /*ul.column-content.opinion-content>li:first-child { background: url(https://static.asianetnews.com/v1/images/column-line-style.jpg) repeat-x; background-position: bottom } ul.column-content.opinion-content>li { background-position: bottom }*/ .widget10 { float: left; width: 100%; padding: 30px 35px } .widget11 { padding: 30px; margin-top: 20px; margin-bottom: 20px } .wid11-main-post { float: left; width: 46.5% } .wid11-content-area h2 { margin-bottom: 15px; font-weight: 700; line-height: 25px } .wid11-content-area { margin-top: 15px } .wid11-content-area p { font-size: 14px; line-height: 22px } ul.sports-rel-post { float: left; width: 50.5%; margin-left: 3% } ul.sports-rel-post li:first-child { border-top: 0; padding-top: 0; margin-top: 0 } ul.sports-rel-post li { float: left; width: 100%; border-top: 1px solid #cdcdcd; padding-top: 10px; margin-top: 10px } .sports-rel-post-img { float: left; width: 20% } .sports-rel-post-txt { float: left; width: 77%; margin-left: 3% } .sports-rel-post-txt h2 { font-size: 14px; line-height: 23px } .sports-rel-post-txt .byline-tag { font-size: 11px } .widget12 { float: left; width: 100% } .wid12-post-listing { float: left; width: 100% } ul.wid12-post-listing li { width: 25%; float: left; position: relative } ul.wid12-post-listing li:first-child:before { display: none } ul.wid12-post-listing li:nth-child(2) { padding-left: 12.5%; padding-right: 12.5%; width: 50% } ul.wid12-post-listing li:nth-child(2):after, ul.wid12-post-listing li:nth-child(2):before { content: ''; display: block; width: 1px; height: 65px; background: #c8cbcd; position: absolute; top: 35% } ul.wid12-post-listing li:nth-child(2):before { left: 50px } ul.wid12-post-listing li:nth-child(2):after { right: 50px } .wid12-post-txt, .wid12-post-txt-spicy { margin-top: 15px } .wid12-post-txt h2 { line-height: 23px } .widget13 { float: left; width: 100% } .nor-wid-title { float: left; width: 100%; margin-bottom: 5px } .nor-wid-title h2 { font-size: 30px; text-transform: uppercase; color: #2c2c2c; font-family: Roboto, sans-serif; font-weight: 500 } .wid13-post-txt { padding: 20px 20px 30px 20px; float: left; width: 100% } .wid13-post-txt h3 { margin-bottom: 20px } .news-btn { float: left; width: 100%; background: #144a86; padding: 10px 25px; font-size: 19px; border-radius: 8px; color: #f1f4f5 } .icon-img { float: left } .icon-img { float: left; width: 15% } .btn-label { float: left; width: 85%; padding-left: 20px; font-size: 14px } .widget14 { float: left; width: 100% } .wid14-post-txt { font-size: 14px; line-height: 22px; padding: 22px } .wid14-post-txt h3 { margin-bottom: 0 } .upload-story { float: left; width: 100% } .widget15 { padding: 40px; padding-bottom: 40px; margin-bottom: 40px; float: left; width: 100% } .photo-big-img { position: relative; overflow: hidden } .big-column .photo-info { padding: 20px 30px } .big-frame, .photo-info { position: absolute; bottom: 0; left: 0; float: left; width: 100%; padding: 20% 10px 10px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, .7)) } .big-frame img, .photo-info img { float: left; margin-right: 15px } .big-frame span, .photo-info span { color: #d0d6d8; border-left: 1px solid #634657; padding-left: 15px; font-size: 12px; font-family: Roboto, sans-serif } .big-frame h2 { font-size: 18px; margin-top: 10px } .photo-info h2 { font-size: 12px; margin-top: 10px } .big-frame a h2, .photo-info a h2, .big-frame h2, .photo-info h2 { color: #f1f4f5 } .photo-info h2 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: normal; } .photo-grid { float: left; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 4px } .column { -ms-flex: 22%; flex: 22%; max-width: 22%; padding: 0 2px } .big-column { -ms-flex: 54.5%; flex: 54.5%; max-width: 54.5%; padding: 0 2px } .column img { margin-top: 4px; vertical-align: text-bottom } .white-bg-widget05-post { border: 1px solid #e8eaed } .breadcrum-box { float: left; width: 100% } ul.breadcrumb { padding: 10px 0; list-style: none; text-align: left; background-color: #fff; margin-bottom: 0; border-radius: 0; font-family: Roboto, sans-serif } ul.breadcrumb li { display: inline; font-size: 14px; color: #184b84 } ul.breadcrumb li+li:before { padding: 8px; color: #aaa; content: "\f105"; font: normal normal normal 14px/1 FontAwesome } ul.breadcrumb li a { color: #000; text-decoration: none; display: inline-block } ul.breadcrumb li a:hover { color: #01447e; text-decoration: none } .article-card { float: left; width: 100%; border: 1px solid #efebeb } .title-p a>h4 { font-size: 16px; line-height: 25px; font-weight: 700; color: #212529; text-decoration: none } .title-p p { font-size: 15px; line-height: 24px } .title-p { padding: 12px } .title-p a>p { color: #212529; font-size: 14px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; min-height: 50px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 0 } .title-p a:focus, .title-p a:hover { text-decoration: none } .article-img-area { float: left; width: 100% } .article-img-area img { width: 100% } .title-p-single p { color: #212529; padding: 12px; font-size: 14px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; min-height: 50px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 0 } .title-p-single a>h4 { padding: 12px; color: #212529; text-decoration: none; overflow: hidden; text-overflow: ellipsis; height: 70px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical } .title-p-single a:focus, .title-p-single a:hover { text-decoration: none } .article-details-img-area { width: 100%; float: left } .article-details-img-area img { width: 100% } .article-content { position: relative; float: left; width: 100%; min-height: 250px } .article-main, .horizontal-article, .horizontal-article-img { margin-bottom: 10px } .article-main { margin-bottom: 0; min-height: 290px } .category-header .article-main { min-height: auto } .horizontal-article-img-area { width: 55% !important } .horizontal-article-cont { width: 45% !important } .trend { background-image: url(https://static.asianetnews.com/v1/images/rep_block.png); background-repeat: repeat-x; min-height: 10px; background-position: center bottom; padding-top: 20px; float: left; width: 100% } .border-img-trend { float: left; width: 100%; margin-top: 20px } .border-img { margin-top: 10px; margin-bottom: 10px; float: left; width: 100%; padding: 0 } .tab-cont { float: left; width: 100% } .category-top-1 { float: left; width: 100%; padding-right: 10px } .tab-section { float: left; width: 100%; margin-bottom: 20px } .tab-section { padding-left: 15px; padding-right: 15px } .ul-tab-head { font-size: 16px; font-weight: 600; text-transform: uppercase } .nav>li>a { position: relative; display: block; padding: 10px 10px; color: #212529 } .nav-pills>li:hover>span { cursor: pointer; color: #c22e2b; background-color: transparent; border-bottom: 2px solid #c22e2b; border-radius: 0 } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-pills>li.active>span, .nav-pills>li.active>span:focus, .nav-pills>li.active>span:hover { color: #c22e2b; background-color: transparent; border-bottom: 2px solid #c22e2b; border-radius: 0; cursor: pointer } .nav-pills>li>a { border-radius: 0 } .flex-box { float: left; width: 100%; display: flex !important; flex-wrap: wrap } .flex-box-item { display: flex; justify-content: space-between } .category-article-card { float: left; width: 100%; background: #fff; margin-top: 10px } .tab-img-area { float: left; width: 100% } .tab-img-area img { width: 100% } .category-tab-cont { float: left; width: 100% } .category-tab-cont .category-label { margin-top: 0 } .category-tab-cont .title-p { float: left; width: 100%; padding: 0 } .article-lable, .category-label { width: 100%; float: left; margin-bottom: 10px; margin-top: 10px; font-family: Roboto, sans-serif } .category-header .category-top-1 { padding-right: 0; margin-top: 10px } .category-label-p { width: 100%; float: left } .category-label-p { width: 100%; float: left } .category-label-p a>p { color: #212529; font-size: 14px; text-decoration: none; min-height: 50px } .category-label-p a:focus, .category-label-p a:hover { text-decoration: none } .category-label p { color: grey; font-size: 12px; text-transform: uppercase; font-weight: 400; padding: 3px 5px; display: inline-block; line-height: normal } ul.category-nav-pills { font-family: Roboto, sans-serif } span.span-t:after { display: inline-block; content: "|"; position: relative; color: #fff; margin-left: 4px; margin-right: 4px } .load-btn-div { text-align: center; float: left; width: 100%; margin-top: 20px } .load-btn-div button.load-btn { text-transform: uppercase; background-color: #dedede; border-color: #dedede; width: 130px; text-align: center; color: #212529; font-weight: 500; line-height: normal; padding: 10px; font-family: Roboto, sans-serif } .load-btn-div button.load-btn:focus, .load-btn-div button.load-btn:hover { outline: 0; background-color: #aaa; border-color: #aaa } .cat-imgarea { width: 55%; float: left } .cat-txtarea { width: 45%; float: left } .category-txt-post { float: left; width: 100% } .category-txt-post .category-label { margin-top: 0 } .art-r-main-box { margin-bottom: 40px } .quotes { font-weight: 700; font-size: 28px } .article-label p { border: 1px solid #f73c39; background-color: #f73c39; color: #fff; text-transform: uppercase; font-weight: 600; padding: 2px 8px; display: inline-block; margin-bottom: 15px; font-family: Roboto, sans-serif } .article_third { display: inline-block; float: left; width: 100%; margin-top: 10px } .img-div { width: 50px; height: 50px; float: left } .article-date-div { padding-top: 0; float: left; margin-left: 10px; line-height: 50px; font-family: Roboto, sans-serif } .article-date-div span.name { color: #1f4a8b; font-size: 14px } .article-date-div a { text-decoration: none; float: left } .date { font-size: 12px; font-style: italic; color: #bfc5c8; float: left; width: 100%; font-family: Roboto, sans-serif; margin-top: 10px } .social-icon-div { margin-top: 0; float: left; margin-left: 10px; color: #bfc5c8 } .social-icon-div a { color: #bfc5c8; margin-right: 10px; display: inline-block; font-size: 22px } .social-icons-div { width: 10%; float: left; padding: 0 15px; position: absolute } .social-icons-div-art { position: absolute } .layer-2 { float: left; width: 100%; position: relative } .social-icons-div a img { width: 45px; height: 45px; margin: 0 auto } .highlight-div { background-color: #1f4b8c; color: #fff; float: left; width: 90%; margin-left: 10%; min-height: 100px } .post-summary { margin-top: 0; padding: 32px; font-size: 16px; color: #fff; margin-top: 40px } .post-summary p { line-height: 24px } .post-summary ul { list-style-type: disc; padding-left: 20px } .post-summary ul li { margin-bottom: 5px } .highlight-block { position: absolute; background-color: #fcdc05; color: #212629; font-size: 30px; font-weight: 400; text-transform: uppercase; padding: 2px 15px 2px 15px; font-family: Roboto, sans-serif } .details-article-div { float: left; width: 100%; padding-left: 70px; margin-top: 10px } .details-article-div p { margin-bottom: 20px; line-height: 28px; font-size: 17px } .lable-article-quote { position: relative; margin-top: 58px; background-color: #fcdc05; color: #212629; font-size: 20px; font-weight: 200; padding: 20px; margin-bottom: 20px } .lable-article-quote:before { background: url(https://static.asianetnews.com/v1/images/quot.png) no-repeat; content: ''; display: block; width: 60px; height: 58px; position: absolute; left: 0; top: -53px } .article_page1 .latest { padding: 0 0 } .article_page1 .latest1 { background-image: url(https://static.asianetnews.com/v1/images/rep_block.png); background-repeat: repeat-x; min-height: 10px; background-position: 0 42px } .article_page1 .latest1 span { font-size: 45px; font-family: Source Sans Pro; font-weight: lighter; background-color: #fff } .row-article { float: left; width: 100%; margin-bottom: 5px; margin-top: 5px } .row-article p { color: #212529; font-size: 14px; text-decoration: none; margin-bottom: 0 } .row-article a { text-decoration: none } .right-article-heading { float: left; width: 100%; margin-bottom: 10px; background-image: url(https://static.asianetnews.com/v1/images/rep_block.png); background-repeat: repeat-x; min-height: 10px; background-position: center bottom 9px; margin-top: 40px; margin-bottom: 15px } .right-article-heading span { font-size: 20px; text-transform: uppercase; font-weight: 400; background-color: #fff; padding-right: 6px; font-family: Roboto, sans-serif } .tag-box { background-color: #e9e5d9; float: left; width: 100%; padding: 15px 15px; font-family: Roboto, sans-serif } .cmt-main-box { font-family: Roboto, sans-serif } .tag-head span { font-size: 20px; text-transform: uppercase; font-weight: 600 } .tag-head span.tag-t { margin-left: 12px } .tag-head { margin-bottom: 12px } .tag-name .tag-ul li { background-color: #fff; padding: 5px 10px; margin-bottom: 8px; margin-right: 8px } .tag-name .tag-ul li a { color: #212629 } .tag-name .tag-ul li a:hover { color: #212629; text-decoration: none } .quot-img { position: relative; top: 6px } .right-side-a { float: left; width: 100% } .left-side-a { float: left; width: 100% } .cmts-count { float: left; width: 50% } .c-icons_right { float: left; width: 50% } .cmts-count p { font-size: 18px; font-weight: 7 } .c-icons_right { text-align: right; font-size: 18px } .c-icons_right span { margin-right: 10px } .gp { color: #d34836 } .fb { color: #3b5998 } .tw { color: #1dcaff } .cmt-r-1 { border-bottom: 1px solid #e8eaed; float: left; width: 100%; padding: 5px } .cmt-r-1 a { display: inline-block } .comment-he { padding: 15px } .cmt-body { float: left; width: 100%; padding: 2px; margin: 5px 5px } .area_text textarea { width: 86%; border: 1px solid #e8eaed; padding: 10px } .img_p { width: 12%; float: left; margin-right: 5px } .post-cmt { float: left; width: 100%; text-align: right; padding: 5px } .main-box-2 { padding: 10px 80px; float: left; width: 100% } .black-background-div { background-color: #000 } .live-tv-heading { font-size: 40px; text-transform: uppercase; font-weight: 700; font-family: Roboto, sans-serif } .live-tv-heading .lh-span-1 { color: red; font-size: 22px } .live-tv-heading .lh-span-1 { color: #fff } .live-audio-embeded-wrapper .title-bar, .live-tv-component .title-bar { display: flex; width: 100%; padding-top: 20px } .img-hyperlink { line-height: 10px; margin-right: 20px } .live-news-hyperlink { display: inline-block } .img-hyperlink:nth-child(2) h1::before, .img-hyperlink:nth-child(2) span::before { content: '|'; color: #fff; margin-right: 15px; font-size: 22px } @media (max-width:576px) { .mascot { width: 82px !important; height: 82px !important; position: fixed; bottom: 90px !important; left: 317px !important; display: block; overflow: hidden; z-index: 9999 } .startPlugin .socialLinks2 { position: absolute; margin-left: 30px; bottom: unset } h1.lh-span-1 { margin-top: -6px } .asianet-hindi .as-dropdown-btn-wrapper, .asianet-hindi .trending-topics { margin-left: 20px } .asianet-hindi .app-download-link { margin-bottom: 15px } .asianet-hindi .details-article-div .col-md-12 { padding: 0 } #home .home-ipl-wrapper { padding: 30px 0 10px } } .img-hyperlink .icon { display: none } .normal-fontweight { font-weight: 400 !important } .live-tv-heading h1.lh-span-2 { color: #fff; font-size: 22px } .livetv-player-div { padding-bottom: 70px; padding-top: 15px } .live-headline { background-color: #333636; color: #fff; font-size: 26px; padding: 10px; font-weight: 600 } .live-headline p { margin-bottom: 3px } .tab-cont-live-tv { float: left; width: 100%; padding-left: 24px; padding-right: 24px } .main-box-3 { float: left; width: 100%; margin-top: 25px } .video-headline { font-size: 26px; color: #fff; margin-top: 10px; margin-bottom: 10px } .asianet-hindi .video-headline { font-size: 26px; margin-top: 10px; margin-bottom: 10px } .video-article-date { color: #bfc5c8; font-size: 14px; font-family: Roboto, sans-serif } .asianet-hindi #video .jw-shelf-widget .jw-related-more, .asianet-hindi #video .jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-title { color: #fff } .video-article-cont { font-size: 14px; color: #fff; margin-top: 10px; margin-bottom: 10px } .asianet-hindi .video-article-cont { font-size: 14px; margin-top: -5px; margin-bottom: 10px; height: 345px; overflow-y: auto; padding-top: 5px } .video-social-icons { float: left; width: 100%; padding: 0 } .video-social-icons a { display: inline-block; padding-right: 5px } .scrol-video-div { float: left; width: 100%; height: 270px; overflow-y: scroll; margin-top: 15px; margin-bottom: 40px } .scrol-video-div::-webkit-scrollbar { width: 0; background: 0 0 } .scrol-video-div::-webkit-scrollbar-thumb { width: 0; background: 0 0 } .row-article p.a-text { margin-top: 5px; color: #f1f4f5; float: left; width: 100%; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical } .post-publish-time { float: left; width: 100%; font-size: 12px; color: #70767f; font-family: Roboto, sans-serif; font-weight: 400 } .post-publish-time:after { content: ''; display: block; width: 55px; height: 1px; background: #a3acb0 } .body-404-2 i { margin-right: 10px } .box-404 { float: left; width: 100%; margin-top: 60px; margin-bottom: 40px; font-family: Roboto, sans-serif } .grey-background-div { background-color: #d6e0e2 } .head-404 { float: left; width: 100%; font-size: 12rem; text-align: center; color: #506e7c } .head-404 span:last-child { float: left; width: 100%; text-align: center; font-size: 30px; color: #506e7c } .body-404-2 { float: left; width: 100%; text-align: center; font-size: 18px; color: #86909c; margin-top: 20px } .body-404-2 a { font-size: 16px; color: #3445a3; margin-top: 20px; margin-bottom: 20px; text-transform: uppercase } .sr-article { float: left; width: 100% } .sr-img { float: left; width: 32% } .search-txt { float: left; width: 68%; padding-left: 15px } .search-results-box { float: left; width: 100%; margin-bottom: 30px } .sr-frm-group { float: left; width: 100% } .search-page-form input { background: 0 0; border-radius: 0; border: none; outline: 0; border-bottom: 1px solid #6f757d; color: #fdfefe; width: 90%; float: left; color: #70747b; font-size: 17px; padding-left: 0; padding-right: 0; box-shadow: none; margin-top: 11px; font-family: Roboto, sans-serif } .search-page-form input::placeholder { color: #333; font-family: Roboto, sans-serif } .search-page-form input:focus { box-shadow: none; border-color: #6f757d } .search-page-form a { position: absolute; right: 103px; top: 38px } .s-r-div { border: 1px solid #e8eaed; float: left; width: 100%; margin-bottom: 10px; margin-top: 10px } .category-label p.sr-p { border: 1px solid #c22e2b; background-color: #c22e2b; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 400; padding: 2px 5px; display: inline-block; min-height: 0 } .sr-text { float: left; width: 100% } .sr-text h2 { font-size: 1em; margin-bottom: 10px; font-weight: 700; line-height: 20px } @media(max-width:767px) { ::-webkit-scrollbar { width: 0; background: transparent; height: 0; display: none; } .sr-text h2 { font-size: .75em; margin-bottom: 10px; font-weight: 700; line-height: 20px; height: 70px !important; overflow: hidden; -webkit-line-clamp: 3 !important } .wbstoryicon{width:16px; height:16px;} } .search-ul li { margin-bottom: 10px; margin-top: 10px } .sr-border-img { margin-bottom: 10px; float: left; width: 100% } .search-page-form { float: left; width: 100%; margin-top: 20px } .search-head { float: left; width: 100%; font-size: 18px; font-weight: 500; text-transform: uppercase; font-family: Roboto, sans-serif; margin-bottom: 10px } .sr-load-btn { text-align: center; float: left; width: 100%; margin-top: 40px; margin-bottom: 20px } .search-au-btn { background-color: #fff; border: 1px solid #6f757d; display: table; width: 40px; height: 40px; vertical-align: middle; margin-top: 5px; outline: 0 } .search-au-btn:hover { border: 1px solid #c22e2b } button.search-au-btn img { display: table-cell; vertical-align: middle; margin: 0 auto } input.sr-frm-input { width: calc(100% - 40px) } .author-top-section { border-bottom: 5px solid #f2f3f5; margin-bottom: 0; padding: 10px } .yellow-heading { padding-left: 15px; padding-right: 15px } .yellow-heading-text { background-color: #fcdc05; display: inline-block; margin-bottom: 20px; margin-top: 20px; padding: 10px; font-size: 24px; font-weight: 600 } .author { float: left; width: 100%; background: #fff; margin-top: 10px } .author-card { float: left; width: 100% } .author-img-area { float: left; width: 30% } .img-circle { border-radius: 50%; width: 200px; height: 200px; margin: 0 auto } .author-horizontal-article-cont { float: left; width: 70%; padding-left: 10px } .author-title-p { width: 100%; float: left } .author-title-p h4 { color: #00498e; font-size: 45px; float: left; width: 100%; margin-bottom: 10px } .author-title-p p { color: #00498e; font-size: 18px; float: left; width: 100% } .author-social-icon-div { margin-left: 0; margin-top: 10px } .author-horizontal-article { margin-bottom: 0 } .author-tab { margin-top: 0 } .newsletter { float: left; width: 100%; background: #161616; color: #fdfefe; padding: 40px 0 } .news-letter-form { width: 82%; margin: 0 auto } .news-letter-form h2 { font-size: 30px; text-transform: uppercase; font-weight: 300; font-family: 'Source Sans Pro', sans-serif; color: #fdfefe; margin-bottom: 20px } .news-letter-form p { font-size: 14px; color: #fdfefe; line-height: 25px; font-weight: 300; font-family: 'Source Sans Pro', sans-serif; width: 40%; float: left } .news-letter-form form { width: 55%; float: left; margin-left: 5% } .news-letter-form .form-group { margin-bottom: 0 } .news-letter-form input { background: 0 0; border-radius: 0; border: none; outline: 0; border-bottom: 1px solid #6f757d; color: #fdfefe; width: 70%; margin-right: 5%; float: left; height: 45px; color: #70747b; font-size: 24px; padding-left: 0; padding-right: 0 } .news-letter-form input:focus { box-shadow: none; border-color: #6f757d } .theme-btn { background: #cc282a; color: #f1f4f5; font-size: 18px; height: 45px; border: none; border-radius: 0; font-family: Roboto, sans-serif; font-weight: 400; text-transform: uppercase; width: 25%; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .news-letter-form input.form-control::-webkit-input-placeholder { color: #70747b; font-size: 24px } .news-letter-form input.form-control::-moz-placeholder { color: #70747b; font-size: 24px } .news-letter-form input.form-control:-ms-input-placeholder { color: #70747b; font-size: 24px } .news-letter-form input.form-control:-moz-placeholder { color: #70747b; font-size: 24px } footer { float: left; width: 100%; background: #353535; padding-top: 50px; padding-bottom: 40px } .footer-logo { float: left; width: 12%; margin-right: 2% } ul.f-down-links { float: left; width: 13%; min-height: 110px } ul.big-content { width: 17% } ul.f-down-links li { margin-bottom: 10px } ul.f-down-links li a { color: #70747b; font-size: 14px; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; text-transform: uppercase } ul.f-down-links li:hover a { color: #fff; text-decoration: none } ul.f-down-links li:focus a { outline: 0 } .social-sharing { float: left; width: 100% } .social-sharing ul { float: left; width: 100%; margin-top: 50px; margin-bottom: 30px; text-align: center } .social-sharing ul li { display: inline-block; margin-left: 15px; margin-right: 15px } .social-icon a { width: 48px; height: 48px; display: table; text-align: center; background: #5d5d5d } .social-sharing ul li a:focus, .social-sharing ul li a:hover { text-decoration: none } .social-sharing ul li a i { display: table-cell; vertical-align: middle; color: #fff; font-size: 20px; background-image: none !important; } .app-download { float: left; width: 100%; text-align: center } .app-download ul li { display: inline-block } .app-download ul li a img { width: 130px } .copyright-txt { float: left; width: 100%; text-align: center; color: #4e5156; font-size: 14px; font-family: Roboto, sans-serif } .gd-grey { background-color: #eaeaea } .gd-left { float: left; width: 100%; padding: 10px } .gd-date { color: #787878; font-size: 14px; font-family: Roboto, sans-serif; margin-bottom: 10px; margin-top: 10px } .gd-img-div { float: left; width: 100% } .gd-art { float: left; width: 100%; margin-bottom: 20px; padding-left: 10% } .gd-art-h { margin-top: 10px; margin-bottom: 10px } .article_first.gd-art-txt { float: left; width: 100%; padding-top: 15px } .gd-right-article-heading span { font-size: 25px; text-transform: uppercase; font-weight: 600; background-color: #fff; padding-right: 6px; font-family: Roboto, sans-serif } .gd-social-icons-div-art { padding: 0; position: absolute } .g-tab-img-area { position: relative } .g-img-c { position: absolute; top: 4px; right: 4px } .g-img-c a>span { color: #fff } .g-img-c a>img.cam2 { float: left; margin-right: 3px } .pad-5 { padding: 5px !important } .lb-top-1 { padding: 15px; float: left; width: 100% } .lb-top-2 { float: left; width: 100%; padding: 10px } .lb-heading h1 { font-size: 30px; color: #b72025; font-weight: 500 } .lb-article-date { color: grey; font-size: 12px; text-transform: uppercase; font-weight: 400; padding: 3px 5px; display: inline-block; line-height: normal; margin-top: 10px; margin-bottom: 20px; font-family: Roboto, sans-serif } .lb-art-text, .lb-art-title, .lb-top-2 { float: left; width: 100% } .lb-art-title { margin-top: 30px; margin-bottom: 20px } .lb-art-text { margin-bottom: 20px; margin-top: 10px } .lb-art-title h1 { font-size: 30px; color: #b72025; font-weight: 500; padding: 7px; margin-left: 5px; float: left } span.lb-byline-tag { float: left; font-size: 24px; text-transform: none; border-radius: 8px; padding: 10px; background: #b71f25; font-weight: 600 } .lb-art-text p { font-size: 20px } .lb-highlight { float: left; width: 100%; border: 1px solid #aaa; text-align: center } .lb-highlight:after, .lb-highlight:before { content: ""; display: inline-block; background: url(https://static.asianetnews.com/v1/images/r5.png); width: 15px; height: 43px } .lb-highlight span { font-size: 16px; color: #000 } .popularpost .headpost { font-size: 15px; text-transform: uppercase; height: 42px; line-height: 43px; background: url(https://static.asianetnews.com/v1/images/r5.png) no-repeat left top, url(https://static.asianetnews.com/v1/images/r5.png) no-repeat right top; padding-right: 30px; padding-left: 30px; box-shadow: 0 0 2px #ddd; font-weight: 400 } .headpost.red-bg h1 { font-size: 16px; color: #000; font-weight: 600 } .highlights-cont { margin-top: 5px; margin-bottom: 25px } ul.bloghighlt { padding-left: 0 } .bloghighlt li.active { position: relative } .bloghighlt li>a:hover { background-color: transparent } .articleStaticText { font-family: Source Sans Pro; font-weight: 600 } .staticTextLink a:hover { text-decoration: none } .bloghighlt li { list-style: none; z-index: 1; border-bottom: 1px solid #ddd; padding-left: 20px; padding-top: 15px; padding-bottom: 15px } .bloghighlt li:before { content: ""; background: url(https://static.asianetnews.com/v1/images/pen.png) no-repeat; display: inline-block; width: 30px; height: 30px; position: absolute; left: 0; top: 25px } .bloghighlt h2 { color: #b72025; font-size: 14px; font-weight: 600; text-transform: uppercase } .boxblogdetail { border: 1px #acacac solid; border-top: 4px #b91f27 solid; padding: 25px; margin-bottom: 15px } .boxblogdetail p { color: #424242; font-size: 14px; margin-top: 15px; font-weight: 500; line-height: 25px } .post-lft-social { padding-top: 30px; text-align: left } .boxblogdetail .red-text { color: #b83b37; font-size: 20px; font-weight: 600; text-transform: uppercase } .boxblogdetail h3 { color: #010101; font-size: 18px; font-weight: 600; margin-top: 10px; margin-bottom: 20px } .lb-social-icons a { display: inline-block } .lb-s-icons { padding: 6px; font-size: 30px; width: 50px; text-align: center; text-decoration: none; margin: 3px -3px } .lb-s-icons:hover { opacity: .7 } .lb-s-icons.fa-facebook { background: #3b5998; color: #fff } .lb-s-icons.fa-twitter { background: #55acee; color: #fff } .lb-s-icons.fa-envelope-o { background: #45bbff; color: #fff } .lb-s-icons.fa-reddit-alien { background: #ff5700; color: #fff } .lb-img-div { float: left; width: 100% } .boxblogdetail-img-div { float: left; width: 100% } #demo-2 { float: left; margin-left: 5px } input { outline: 0 } #demo-2 input[type=text] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100% } #demo-2 input::-webkit-search-cancel-button, #demo-2 input::-webkit-search-decoration { display: none } #demo-2 input[type=text] { background: #ededed url(https://static.asianetnews.com/v1/images/search-icon.png) no-repeat 9px center; min-height: 23px; border: 0; padding: 10px; width: 55px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s } #demo-2 input:-moz-placeholder { color: #999 } #demo-2 input::-webkit-input-placeholder { color: #999 } #demo-2 input[type=text] { width: 15px; padding-left: 10px; color: transparent; cursor: pointer; position: absolute; right: 5px; height: 21px; z-index: 2 } #demo-2 input[type=text]:focus { width: 230px; padding-left: 32px; color: #000; background-color: #ededed; cursor: auto } #demo-2 input:-moz-placeholder { color: transparent } #demo-2 input::-webkit-input-placeholder { color: transparent } .user-notification { min-height: 400px; position: relative } .user-notification h4 { width: 100%; color: #3a3a3a; border-color: #faebcc; font-size: 30px; font-weight: 700; text-align: center; padding: 15px; border-radius: 5px; font-family: Roboto, sans-serif; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .bottom-masthead { width: 100%; float: left; text-align: center; padding-left: 10% } .bottom-masthead div { margin: 0 auto } .footer-mob-menu { float: left; width: 100%; background: #1f4b8c; position: fixed; bottom: 0; display: none; z-index: 15 } ul.quick-link { float: left; width: 100%; padding: 10px 0 } ul.quick-link li:first-child { border-left: none } ul.quick-link li { float: left; width: 25%; text-align: center; padding: 5px 0; border-left: 1px solid #fff } ul.quick-link li a { color: #fff; font-size: 14px; font-family: Roboto, sans-serif; text-transform: uppercase } ul.quick-link li a i { font-size: 20px; margin-right: 5px } h1.quotes, h2.quotes { font-size: 40px; line-height: normal } h1.quotes.gd-h { font-size: 18px; text-align: center; font-weight: 400 } .article_third { margin-top: 20px } twitterwidget { margin: 0 auto } .PostBody img { width: 100% !important; height: auto !important } .PostBody p img { margin: 0 auto; width: 100% !important; height: auto !important; float: left } .PostBody ul li { list-style-type: disc } .PostBody iframe { width: 100%; margin: auto !important } blockquote.instagram-media { margin: 0 auto !important } .category-txt-content h4 { font-size: 22px !important; margin-bottom: 15px; font-weight: 700; line-height: 30px } .category-txt-content p { font-size: 16px; font-weight: 400; line-height: 20px } .category-txt-content { padding: 15px } ul.nav.nav-pills.category-nav-pills li:first-child a { padding-left: 0; padding-right: 0 } .horizontal-article { margin-bottom: 20px } .category-tab-cont { margin-bottom: 20px; padding: 0; margin-top: 10px } .category-header ul.category-nav-pills { margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid #efebeb } .livetv-player-div iframe { width: 100%; height: 450px } .category-posts .tab-section { padding-left: 0; padding-right: 0 } .article-main { min-height: 370px } .category-posts .article-main { min-height: 260px } .article-date-div1 { float: left; width: 100%; font-family: 'Source Sans Pro', sans-serif; padding-top: 10px } .native-ad>div { width: 100%; float: left; clear: both; text-align: center; padding-top: 10px; padding-left: 10% } #article .mobile-native-ad { padding-left: 10% } .mobile-native-ad { display: none } .text-container { margin: 0 auto; width: 100%; padding-top: 20px; padding-bottom: 20px; font-family: 'Source Sans Pro', sans-serif } .about-us { font-size: 2.5em; color: #0b519f } .blue-line { border-top: 1px #0b519f solid; margin: 0 0 5px 0 } .hilight { font-size: 18px; font-weight: 700 } .cs { margin: 5px 0 0 0 } .bluetext { color: #0b519f; font-weight: 700 } .video-post-play-icon { position: absolute; bottom: 0; left: 7%; transform: translate(-50%, -50%); width: 44px; height: 44px } body#search .search-results-box .video-post-play-icon { position: absolute; bottom: 23.1%; left: 4%; transform: translate(-50%, -50%); width: 44px; height: 44px } @media (max-width:756px) { a.navbar-brand.navbar-m { padding-top: 6px } body#search .search-results-box .video-post-play-icon { position: relative; bottom: 50px; left: 5px; width: 0; height: 0 } } .t-small-post .t-small-img .video-post-play-icon { left: 10px; bottom: 10px; transform: none; } .slid-item-img .video-post-play-icon { left: 18%; margin-bottom: -18px; margin-left: -22px } .StickyAd div { margin: 0 auto } .cr-wrapper { font-family: Helvetica, sans-serif } .cr-wrapper .form-group { margin-bottom: 15px } .cr-wrapper input[type=email], .cr-wrapper input[type=number], .cr-wrapper input[type=text], .cr-wrapper textarea { border: 1px solid #ccc } .cr-wrapper input[type=email]:focus, .cr-wrapper input[type=text]:focus, .cr-wrapper textarea:focus { border: 1px solid #45b4ec } .cr-wrapper .form-control[disabled], .cr-wrapper .form-control[readonly], .cr-wrapper fieldset[disabled] .form-control { background-color: #fff } .cr-wrapper .btn { background: #5bc0de none repeat scroll 0 0; border: 1px solid #46b8da; border-radius: 5px; color: #fff; cursor: pointer; font-size: 14px; padding: 5px 12px } .cr-wrapper .btn:hover { background: #39b3d7 none repeat scroll 0 0 } .cr-wrapper .mandatory { color: red } .cr-wrapper label { font-size: 15px; font-weight: 400; color: #000; cursor: default } .cr-wrapper a { color: #0377b2 } .cr-wrapper a, .cr-wrapper span { font-size: inherit } .cr-wrapper .cr-sect-heading h2 { font-size: 21px; font-weight: 700 } .cr-wrapper .cr-contacts p { font-size: 14px; line-height: 23px; margin: 0 0 15px; padding: 2px 0 } .captchaText { display: -webkit-box; margin: 10px; padding: 10px } .captchaText p { margin-right: 10px } textarea { width: 70% } input#captchaText { height: 34px; width: 150px } .animated { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; will-change: transform, opacity } @-webkit-keyframes affix { 0% { -webkit-transform: translateY(-100%) } 100% { -webkit-transform: translateY(0) } } @-moz-keyframes affix { 0% { -moz-transform: translateY(-100%) } 100% { -moz-transform: translateY(0) } } @-o-keyframes affix { 0% { -o-transform: translateY(-100%) } 100% { -o-transform: translateY(0) } } @keyframes affix { 0% { transform: translateY(-100%) } 100% { transform: translateY(0) } } .animated.affix { -webkit-animation-name: affix; -moz-animation-name: affix; -o-animation-name: affix; animation-name: affix } @-webkit-keyframes headroom--pinned { 0% { -webkit-transform: translateY(-100%) } 100% { -webkit-transform: translateY(0) } } @-moz-keyframes headroom--pinned { 0% { -moz-transform: translateY(-100%) } 100% { -moz-transform: translateY(0) } } @-o-keyframes headroom--pinned { 0% { -o-transform: translateY(-100%) } 100% { -o-transform: translateY(0) } } @keyframes headroom--pinned { 0% { transform: translateY(-100%) } 100% { transform: translateY(0) } } .animated.headroom--pinned { -webkit-animation-name: headroom--pinned; -moz-animation-name: headroom--pinned; -o-animation-name: headroom--pinned; animation-name: headroom--pinned } @-webkit-keyframes headroom--unpinned { 0% { -webkit-transform: translateY(0) } 100% { -webkit-transform: translateY(-100%) } } @-moz-keyframes headroom--unpinned { 0% { -moz-transform: translateY(0) } 100% { -moz-transform: translateY(-100%) } } @-o-keyframes headroom--unpinned { 0% { -o-transform: translateY(0) } 100% { -o-transform: translateY(-100%) } } @keyframes headroom--unpinned { 0% { transform: translateY(0) } 100% { transform: translateY(-100%) } } .animated.headroom--unpinned { -webkit-animation-name: headroom--unpinned; -moz-animation-name: headroom--unpinned; -o-animation-name: headroom--unpinned; animation-name: headroom--unpinned } .sticky-menu.headroom--pinned { top: 0 } .sticky-menu.headroom--unpinned { top: -83 } .mob-ad { float: left; width: 100%; display: none } .else-post-item { float: left; width: 100%; position: relative; margin-top: 0 !important; padding: 0 !important; } .else-post-title { position: absolute; bottom: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, .7)) } .else-post-title a h2 { color: #fff; text-align: left; padding: 10px; line-height: normal } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%) } 100% { -webkit-transform: translateY(0) } } @-moz-keyframes slideDown { 0% { -moz-transform: translateY(-100%) } 100% { -moz-transform: translateY(0) } } @-o-keyframes slideDown { 0% { -o-transform: translateY(-100%) } 100% { -o-transform: translateY(0) } } @keyframes slideDown { 0% { transform: translateY(-100%) } 100% { transform: translateY(0) } } .animated.slideDown { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0) } 100% { -webkit-transform: translateY(-100%) } } @-moz-keyframes slideUp { 0% { -moz-transform: translateY(0) } 100% { -moz-transform: translateY(-100%) } } @-o-keyframes slideUp { 0% { -o-transform: translateY(0) } 100% { -o-transform: translateY(-100%) } } @keyframes slideUp { 0% { transform: translateY(0) } 100% { transform: translateY(-100%) } } .animated.slideUp { -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp } .slideDown { bottom: -52px } .slideUp { bottom: -52px } .author-posts { float: left; width: 100%; background: #fff } .author-posts .tab-section { padding-left: 0; padding-right: 0 } li.mob-menu { display: none } .PostBody>blockquote { background: #fd0; padding: 30px; margin-bottom: 20px; color: #000; margin-top: 80px; position: relative } .PostBody>blockquote:before { content: ''; display: inline-block; background: url(https://static.asianetnews.com/v1/images/quotes.jpg) no-repeat; position: absolute; top: -56px; width: 61px; height: 56px; background-size: 100%; left: 0 } ul.list-inline.tag-ul li h3 { font-weight: 400 } .mob-lang { display: none !important } .content-block h3 { font-size: 20px; margin-bottom: 10px; line-height: normal } .content-block h2 { font-size: 25px; margin-bottom: 10px; line-height: normal } .content-block h1 { font-size: 30px; margin-bottom: 10px; line-height: normal } .content-block p { line-height: 24px; margin-bottom: 15px } .content-block ul { padding-left: 30px; margin-top: 10px } .content-block ul li { list-style-type: disc; margin-bottom: 10px } .tab-cont { margin-top: 20px } #disqus_thread { float: left; width: 100%; padding: 20px } .colombia-ad-unit { float: left; width: 100%; padding: 25px 0 } .headpost.red-bg h1 { line-height: 43px; font-family: 'Source Sans Pro', sans-serif } ul.search-ul .category-label p.sr-p { background: 0 0; border: none; color: grey; padding: 0; font-weight: 400 } span.span-t { color: #ff3700; font-weight: 400; margin-right: 5px } body#about-us, body#article, body#articles-by-category, body#author, body#gallery, body#live-tv, body#liveblog, body#privacy-policy, body#search, body#terms-of-use, body#video { background: #fff } body#article .template-content .category-top-1.art-layer-2 .right-side .iframe-script { margin-top: 15px; margin-bottom: -15px } .six-horizontal-articles { float: left; width: 100%; background: #c7cfd2; margin-top: 30px } .t-small-post, .widget-post-content, ul.widget01-three-posts { position: relative } .t-small-post:after, .widget-post-content:after, ul.widget01-three-posts:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: #9c9fa6 } button.show-article { background: #1f4b8c; color: #fff; border: 0; padding: 5px; width: 100%; text-transform: uppercase; font-family: Roboto, sans-serif; outline: 0; display: none; margin-top: 15px } .single-post { float: left; width: 100%; margin-bottom: 20px } .small-screen-article { display: none; float: left; width: 100% } .right-side.scrolling-posts .right-article-heading { margin-top: 0 } .trending-topics { float: left; width: 100%; margin: 15px 0 } .trending-topics>.container, .trending-topics>.container>.col-md-12 { padding-left: 0 !important } .trending-topics .links { margin-top: 0 } ul.f-t-share { float: left; width: 100%; background: #fff; border: 1px solid #d8d8d8 } ul.f-t-share li:first-child { border-left: none } ul.f-t-share li { float: left; width: 50%; padding: 5px 10px; border-left: 1px solid #d8d8d8; text-align: center } ul.f-t-share li a { font-size: 25px; display: table; width: 100%; color: #ced0d5; display: flex; align-items: center; justify-content: center; } ul.f-t-share li a i { display: table-cell; width: 15px; height: 25px; vertical-align: middle; text-align: center } ul.f-t-share li:hover a i { color: #ff3700 } .video-widget-post.marg-r15 { width: 285px } .t-small-post ul.f-t-share { border-top: 1px solid #d8d8d8 } .six-articles-with-ad-black-background .black-bg { background: #14191f !important } .six-articles-with-ad-black-background .black-bg .widget-title span { background: #14191f !important } .wid12-post-img img { width: 100% } .three-articles, .three-articlesv2 { float: left; width: 100%; margin-top: 30px } .left-side .three-articles, .left-side .three-articlesv2 { margin-top: 0; margin-bottom: 20px } .post-related-articles .art-r-main-box { margin-bottom: 0 } .post-related-articles { float: left; width: 100% } ul.w02-posts { padding-bottom: 30px } .PostBody p a { color: #337ab7 !important; display: inline; outline: 0 } .PostBody p a:focus, .PostBody p a:hover { color: #23527c; text-decoration: underline } .boxblogdetail { float: left; width: 100% } .post-lft-social { float: left; width: 100% } .lb-social-icons a { float: left } .lb-s-icons { margin: 0 } .lb-art-title span { color: #fff; font-weight: 500px } i.fa.fa-google-plus.lb-s-icons { background: #dd4b39; color: #fff } .LiveBlog p img { max-width: 100%; height: auto } .liveBlogUpdate img { max-width: 100%; height: auto } .LiveBlog img { max-width: 100%; height: auto } #bolgcontent img { max-width: 100% !important; height: auto !important; } .liveblog-post a { color: #00e; text-decoration: underline } .post-lft-social { display: none } .bloghighlt h2, .boxblogdetail h2, .lb-art-title h1 { font-family: Roboto, sans-serif } .owl-carousel.carousel-inner.owl-loaded.owl-drag { width: 100% } @media (min-width:1200px) { .container { width: 1230px } } @media (min-width:768px) { .cr-wrapper .form-group label { line-height: 34px; padding-bottom: 0 } .cr-wrapper input[type=email], .cr-wrapper input[type=number], .cr-wrapper input[type=text] { width: 250px } .social-icons-div a:last-child { display: none } } @media (max-width:1200px) { .left-pos-ad, .right-pos-ad { display: none } .ad-hr-widget { padding-left: 0; padding-right: 0 } .widget01-three-txt h3 { font-size: 15px } .widget-post-content { padding-bottom: 40px } ul.w02-posts li { width: 31.99% } ul.tab-menu li a { padding: 10px 10.6px } .video-item-txt h3 { margin-top: 12px; font-size: 15px } ul.tab-menu li.active:after { left: 28% } .widget-title h2 { font-size: 40px } .widget05-txt h2 { font-size: 15px; line-height: 20px; margin-bottom: 14px } .widget04-img-area { width: 65% } .widget04-txt { width: 35%; padding: 15px } .wid04-r-post-txt h2 { font-size: 14px; line-height: 18px } .wid04-r-post-txt { min-height: 135px } .wid04-r-post-txt p { font-size: 15px } .widget04-txt h2 { font-size: 18px; margin-bottom: 10px } .widget04-txt p { font-size: 14px; line-height: 20px } .widget06 { padding: 20px } .live-headline { font-size: 18px } .scrol-video-div { height: 300px } .img-circle { border-radius: 50%; width: 150px; height: 150px; margin: 0 auto } .widget-post-content { min-height: 332px } .theme-more-btn a { font-size: 15px } .post-publish-time { font-size: 13px } .video-item-txt h3 { margin-top: 5px } .v-widget-item-txt h2 { min-height: 70px } .livetv-player-div iframe { height: 350px } .video-item-img { width: 25% } .video-item-txt { width: 73% } .video-item-txt h3 { min-height: 40px } .flex-box { margin-bottom: 10px } h1.quotes, h2.quotes { font-size: 30px } .column-content { min-height: 790px } } @media (max-width:992px) { .navbar-default .navbar-nav>li>a { font-size: 14px } .widget-post-content { margin-bottom: 20px; padding-bottom: 30px; min-height: auto } .widget01-three-posts-img img { width: 100% } .widget01-three-txt h3 { font-size: 20px } ul.w02-posts li { padding-left: 3% } ul.tab-menu>li { margin-bottom: 20px } .video-tab-opt { margin-bottom: 15px } .video-item-txt h3 { margin-top: 10px; font-size: 14px; line-height: 20px } .v-widget-item-txt h2 { font-size: 22px; line-height: 30px } .related-posts ul li { width: 32%; float: left; margin-left: 2%; margin-bottom: 20px } .related-posts ul li:nth-child(4) { margin-left: 0 } .related-posts ul li:last-child, ul.w02-posts, ul.wid07-posts li:last-child { margin-bottom: 0 } .related-post-img img { float: left; width: 100% } .widget05-post { width: 100% } .widget05-ad { margin-left: 0; width: 100%; margin-top: 20px } .related-posts { margin-top: 20px } .widget05-img-area { width: 51% } .widget05-txt { width: 49%; padding: 15px } .widget05-txt h2 { font-size: 15px; margin-bottom: 10px; line-height: normal } .widget05-txt p { font-size: 14px; line-height: 20px } .left-side { width: 100% } .right-side { float: left; width: 100%; margin-left: 0; margin-top: 20px } .marg-t30 { margin-top: 20px } .ad-300 img { margin: 0 auto } .widget10 { padding: 15px } .widget13, .widget14 { width: 49% } .widget13 { margin-right: 1% } .widget14 { margin-left: 1% } .wid13-img-area img { width: 100% } .upload-story img { width: 100% } .widget15 { padding: 15px; padding-bottom: 15px } .news-letter-form { width: 100%; float: left } .news-letter-form h2 { margin-bottom: 15px } .theme-btn { font-size: 16px } .newsletter { padding: 20px 0 } .social-sharing ul { margin-top: 20px; margin-bottom: 20px } .flex-box { margin-bottom: 0 } footer { padding-top: 20px; padding-bottom: 20px } ul.nav.navbar-nav.navbar-right>li:last-child>a { padding: 10.5px 10px } .navbar-nav { height: 43px } .widget01-three-txt h3 { line-height: normal; font-size: 17px } .mob-left-pad { padding-left: 15px !important } .quotes { font-weight: 700; font-size: 18px } .row-article { width: 50% } .video-row-article { width: 100% } .right-side { margin-top: 20px } .horizontal-article-img { margin-bottom: 10px } .article-details-img-area { width: 100%; height: auto; overflow: hidden } .live-tv-heading { font-size: 30px } .main-box-2 { padding: 10px 20px } .livetv-player-div { padding-bottom: 40px; padding-top: 10px } .head-404 { font-size: 8rem } .img-circle { border-radius: 50%; width: 150px; height: 150px; margin: 0 auto } .gd-art { float: left; width: 100%; margin-bottom: 20px } .article_first.gd-art-txt { float: left; width: 100%; margin-top: 10px } .gd-social-icons-div-art { padding: 0 } .gd-row-article { width: 100% } .gd-right-article-heading span { font-size: 18px } .navbar-nav>li>a { padding: 10px 10px } .q-links span { font-size: 16px } .col-w-40 { width: 40% } .col-w-60 { width: 60% } .category-top-1 { padding-right: 0 } .art-layer-2 { margin-top: 0 } .category-top-1 .right-side { padding-left: 10px; padding-right: 10px; margin-top: 0 } .tab-img-area { width: 34% } .category-tab-cont { width: 66%; padding-left: 15px } .category-article-card { margin-bottom: 10px } .category-tab-cont .category-label, .category-txt-post .category-label { display: none } .eight-articles .border-img { padding: 0 10px } .category-tab-cont .title-p h4 { min-height: 75px } .category-tab-cont.col-w-63 { padding: 0; padding-left: 10px } .category-tab-cont.col-w-63 .title-p h4 { min-height: auto; margin-bottom: 0 } .article-main, .category-posts .article-main { min-height: 120px } .article-card { margin-bottom: 10px } .article-card .title-p { padding: 10px; padding-top: 0 !important } .ad-hide { display: none !important } .horizontal-article { margin-bottom: 0 } .livetv-player-div iframe { height: 400px } span.pull-right.view-more-text { font-family: roboto, sans-serif; text-transform: capitalize; font-weight: 700; text-decoration: underline } #article .right-side, #gallery .right-side, #search .right-side { display: none } #article .right-side { display: block !important } #article .right-side.scrolling-posts { display: block !important } #gallery .right-side.scrolling-posts { display: block !important } .video-item-img { width: 35% } .video-item-txt { width: 63% } .video-item-txt h3 { min-height: 42px } .category-top-1 .right-side { margin-top: 15px; margin-bottom: 15px } .title-p a>h4 { font-size: 15px } h1.quotes, h2.quotes { font-size: 25px } .else-post-title { width: 300px; left: 28.3% } .wid04-r-post { margin-top: 20px } .wid04-img-area, .wid04-r-post-txt, .widget04-img-area, .widget04-txt { width: 50% } .wid04-r-post-txt h2 { font-size: 20px; line-height: 24px } .wid04-r-post-txt p { font-size: 16px; line-height: 20px } .column-content { min-height: auto; margin-bottom: 0; } .right-article-heading { margin-top: 0 } .right-side .desktop-ad-2, .right-side .desktop-ad-3, .right-side .desktop-ad-4 { display: none } .small-screen-article { display: block } .post-related-articles { margin-bottom: 30px } .video-l-item { float: left; width: 100%; padding-right: 0; margin-bottom: 20px } .video-r-item { float: left; width: 100%; padding-left: 0 } .video-r-item ul { height: auto } } @media (max-width:767px) { .asianet-hindi .video-article-cont { font-size: 14px; color: #000; margin-top: 10px; margin-bottom: 10px; height: auto } .asianet-hindi .main-box-3 { margin-top: 0 } .asianet-hindi .livePlayer { margin: 10px 0 } .video-post-play-icon { left: 14% } .video-r-item .video-post-play-icon { margin-left: 0 } .col-w-100 .article-img-area .video-post-play-icon { left: 23% } /*.category-article-card .article-img-area .video-post-play-icon, .category-article-card .tab-img-area .video-post-play-icon, .flex-box-item .article-img-area .video-post-play-icon { left: 23% }*/ .marg-t30 { margin-top: 15px } .widget0_1-posts { margin-top: 0; } .mob-ad { display: block } ul.w02-posts li { width: 48.5% } .video-l-item { width: 100%; padding-right: 0; margin-bottom: 20px } .video-r-item { width: 100%; padding-left: 0 } .video-item-img { width: 31% } .video-item-txt { width: 67% } .video-item-txt h3 { margin-top: 10px; font-size: 18px; line-height: 28px } .v-widget-item-txt h2 { font-size: 20px; line-height: 30px } .nor-wid-title h2 { font-size: 25px } .footer-logo { width: 23% } img.img-responsive.sticky-logo { display: block !important } ul.f-down-links { width: 25%; min-height: 140px } ul.big-content { width: 25% } .navbar-nav { margin: 0 } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover { border-bottom: 0 solid #c20000; background: #c20000; color: #fff } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 15px } .navbar-nav { height: auto } .main-menu>li.active:after { display: none } .main-menu>li:hover:after { display: none } li.dropdown.toggle-menu.open>ul.dropdown-menu>li { display: block } .navbar-default .navbar-right.navbar-nav>li>a:hover { background: 0 0 } li.dropdown.toggle-menu.open { position: relative; display: inline-block; width: 100% } li.dropdown.toggle-menu.open>ul.dropdown-menu:before { display: none } .details-article-div p { font-size: 15px; line-height: 25px } .post-summary { padding: 15px } .article-date-div { margin-left: 10px } .border-img-trend { margin-top: 10px } .live-headline { font-size: 16px } .title-p a>h4 { margin-bottom: 10px } .article_first.gd-art-txt { float: left; width: 100%; padding-left: 0; margin-top: 10px } .gd-img-div { float: left; width: 100%; margin-left: 0 } .gd-art { float: left; width: 90%; margin-bottom: 50px } .news-letter-form h2 { font-size: 25px } .theme-btn { font-size: 14px } .news-letter-form input.form-control::-webkit-input-placeholder { color: #70747b; font-size: 18px } img#getMobileAppIcon { height: 22px; width: 22px; display: inline-block; float: left; margin: auto; margin-right: -15px } .news-letter-form input.form-control::-moz-placeholder { color: #70747b; font-size: 18px } .news-letter-form input.form-control:-ms-input-placeholder { color: #70747b; font-size: 18px } .news-letter-form input.form-control:-moz-placeholder { color: #70747b; font-size: 18px } .lang-menu, .logo-area { display: none } .sticky-menu.affix-top a.navbar-brand { display: block } .mb-dropdown { display: block !important } .ltv-2 { display: block; float: right; padding: 3px } .ltv-1 { display: none !important } .sticky-menu.affix-top { position: relative; z-index: 1; bottom: 0; background-color: #fff; box-shadow: none; border-top: 1px solid #dcdcdc } .site-language { float: left; width: 100%; position: relative; top: 52px } .q-links span { font-size: 14px; flex-grow: 0; flex-shrink: 0 } .about-festival { text-align: center; position: relative; top: -50px } .category-label { margin-top: 10px } .tab-img-area.col-w-37 img { width: 100% } .category-tab-cont .title-p h4 { min-height: 100px } .article-main, .category-posts .article-main { width: 100%; min-height: auto } .tab-img-area { width: 30% } .category-tab-cont { width: 70%; margin-top: 0 } #demo-2 { width: 100% } #demo-2 input[type=search]:focus { width: 100% } #demo-2 input[type=search] { position: static; width: 100% } li.dropdown.user-icon { float: left; width: 100% } li.dropdown.toggle-menu { margin-right: 0 } #demo-2 { margin-left: 0 } ul.nav.navbar-nav.navbar-right li.dropdown.user-icon a { padding-left: 0; padding-right: 0 } .ad-hide { display: block !important } .category-article-card .ad-min-height { float: left; width: 100%; text-align: center; margin-top: 15px; margin-bottom: 15px } .category-article-card .ad-min-height div { margin: 0 auto } .bottom-masthead { display: none } h1.quotes, h2.quotes { font-size: 22px } #demo-2 input[type=text] { position: relative; float: left; width: 100% } #demo-2 input[type=text]:focus { width: 100%; padding-left: 35px } .mobile-ad-1>div { margin: 20px auto } li.mob-menu { display: block } .navbar-right li.dropdown.toggle-menu { display: none } li.live-tv-icon { display: none } .ltv-2 { padding: 9px } ul.nav.navbar-nav.navbar-right.ltv-2 li a { padding: 7px 10px } ul.nav.navbar-nav.navbar-right.ltv-2 li { background: #fc3a1d } .ltv-2 a i { font-size: 20px; vertical-align: top } .logo-part { display: none } .mob-lang { display: block !important } .desktop-ad-1 { display: none } .PostBody p img { width: 100% !important; height: auto !important } .links { float: left; width: 100%; overflow-y: hidden; overflow-x: auto } ul.q-links { width: 100%; float: left; padding-bottom: 10px; display: block; overflow-x: auto !important; position: relative } .q-links li { flex-grow: 0; flex-shrink: 0 } .five-vertical-articles .container-fluid.grey-background .related-posts .five-veritcal-articles-row { width: 100%; min-height: auto } .five-vertical-articles .container-fluid.grey-background .related-posts .five-veritcal-articles-row .categoryDiv { margin-left: 8px } .five-vertical-articles .container-fluid.grey-background .related-posts .five-veritcal-articles-row .related-post-img { width: 36% } .five-vertical-articles .container-fluid.grey-background .related-posts .five-veritcal-articles-row .related-post-img img { height: 86px } .search-results-box .search-ul .s-r-div .sr-article .sr-text h2 { padding-top: 10px } .row.thrd-sec { padding-top: 20px !important } } @media (max-width:750px) { .no-padding { padding-left: 0 !important; padding-right: 0 !important; float: left; width: 100% } } .mobile-banner { display: none } .special-mobile-banner { display: none !important } #video .desktop-banner { display: none !important } @media (max-width:728px) { .ad { margin-top: 20px; margin-bottom: 20px } .kp-brand { display: block !important } .mobile-medium { float: left; width: 100% } .category-top-1 .right-side { margin-top: 0; margin-bottom: 0 } .special-mobile-banner { display: block !important } .desktop-banner { display: none !important } .category-mobile-top>div, .mobile-ad-1>div, .mobile-ad-2>div, .mobile-ad-3>div, .mobile-medium>div, .mobile-native-ad>div, .mobile-top-ad>div, .video-mobile-top-ad>div { float: left; width: 100%; text-align: center; margin: 10px auto } .mobile-native-ad { display: block !important } .article-header .mobile-top-ad div { margin-top: 0 } } @media (max-width:630px) { .video-widget-post.marg-r15 { width: 100% !important; margin-bottom: 15px } } @media (max-width:600px) { .column { -ms-flex: 100%; flex: 100%; max-width: 100% } .nav-pills>li>a { border-radius: 0; border-bottom: 2px solid #fff; padding: 8px 8px } .social-icons-div a { float: left; padding-right: 4px } .social-icons-div { width: 100%; float: left; padding: 5px; position: inherit } .highlight-div { width: 100%; margin-left: 0 } .details-article-div { padding-left: 0 } .img-div { float: left } .social-icon-div { padding-top: 0; float: left; margin-left: 10px; font-size: 20px; color: #bfc5c8 } .article-date-div { padding-top: 0; float: left } .live-tv-heading { font-size: 18px } .livetv-player-div { padding-bottom: 15px; padding-top: 2px } .main-box-2 { padding: 5px 20px } .live-headline { font-size: 14px } .video-headline { font-size: 18px } .area_text textarea { width: 83%; border: 1px solid #e8eaed } .cmts-count p { font-size: 15px; font-weight: 7 } .c-icons_right { text-align: right; font-size: 15px } .cmts-count { float: left; width: 40% } .c-icons_right { float: left; width: 60% } .head-404 { font-size: 5rem } .author-social-icon-div { margin-bottom: 10px; font-size: 24px } .gd-social-icons-div-art { position: static } .gd-art { float: left; width: 100%; margin-bottom: 30px; margin-top: 10px; margin-left: 0 } .bloghighlt li { padding-left: 30px } .lb-heading h1 { font-size: 24px } .lb-article-date { font-size: 15px } span.lb-byline-tag { font-size: 15px; padding: 8px } .lb-art-title h1 { font-size: 25px; padding: 0; margin-left: 0 } .lb-art-text p { font-size: 18px } .lb-art-text { margin-bottom: 0; margin-top: 0 } .mb-pad-none { padding: 0 !important } .tab-img-area { width: 44% } .category-tab-cont { width: 56%; padding: 0; padding-left: 10px } #article .mobile-native-ad, .bottom-masthead { padding-left: 0 } .gd-art { padding-left: 0; margin-bottom: 15px } .article_first.gd-art-txt { margin-top: 0 } .photo-info h2 { font-size: 18px } .big-frame h2 { font-size: 20px } .else-post-title { left: 22% } #gallery .article_first.gd-art-txt { padding-top: 0; background: #ebebeb } #gallery .article_first.gd-art-txt .quotes_desc { padding: 5px 15px } #gallery .gallery-post h2.quotes.gd-h { text-align: left; padding: 10px; background: #ebebeb; margin-bottom: 0 } .sticky-menu.affix .col-sm-7.col-xs-7.corp-logo { width: 47%; margin-right: 0; padding-right: 0 } .sticky-menu.affix li.loginFailedMobile { display: none } } @media (max-width:576px) { .widget01-three-posts-img { width: 39% } #gameBanner { margin-top: 20px } .widget01-three-txt h3 { font-size: 17px } .video-widget-post { width: 100%; margin-right: 0; margin-bottom: 20px } .ad-widget { float: left; width: 100%; margin: 0 auto } .video-item-txt h3 { margin-top: 10px; font-size: 14px; line-height: 18px } .widget04-img-area { width: 100% } .widget04-txt { width: 100% } .widget04-img-area img { width: 100% } .widget-title h2 { font-size: 30px; vertical-align: top } .widget-title { background-position: 0 65%; } .widget-title:before { bottom: 5px; } .related-posts { margin-top: 20px } .widget05-img-area { width: 100% } .widget05-img-area img { width: 100% } .widget05-txt { width: 100% } ul.wid06-rel-post li { width: 100%; padding-top: 15px; padding-bottom: 15px } ul.wid06-rel-post li:nth-child(2n) { width: 100%; margin-left: 0 } ul.wid06-rel-post li:first-child { border-top: 0 } .wid06-rel-img img { width: 100% } .wid06-rel-txt h2 { font-size: 16px; line-height: 30px } .widget11 { padding: 15px; margin-bottom: 0; } .wid11-main-post { float: left; width: 100%; margin-bottom: 15px } ul.sports-rel-post { width: 100%; margin-left: 0 } .wid11-img-area img { width: 100% } .sports-rel-post-img { width: 36% } .sports-rel-post-txt { width: 61% } ul.wid12-post-listing li { width: 49% } ul.wid12-post-listing li:nth-child(2) { padding-left: 0; padding-right: 0; width: 49%; margin-bottom: 10px } .wid12-post-img img { width: 100% } ul.wid12-post-listing li:nth-child(2):after, ul.wid12-post-listing li:nth-child(2):before { display: none } ul.wid12-post-listing li:nth-child(2n) { margin-left: 2% } .nor-wid-title h2 { font-size: 20px } .news-letter-form p { width: 100% } .news-letter-form form { width: 100%; margin-left: 0 } .news-letter-form .form-group { margin-top: 10px } .widget01-posts { width: 100%; margin-bottom: 20px } .t-small-post { width: 100%; margin-right: 0; margin-bottom: 20px } .lang-menu, .logo-area { display: none } .logo-part { padding: 0 } .sticky-menu.affix-top a.navbar-brand { display: block } .mb-dropdown { display: block !important } .ltv-2 { display: block; float: right; padding: 8px } .ltv-1 { display: none !important } .site-language { float: left; width: 100%; position: relative; top: 52px } .q-links span { font-size: 14px; flex-grow: 0; flex-shrink: 0 } .row-article p { font-size: 13px } .author-img-area { width: 33%; padding: 0 } .author-horizontal-article-cont { width: 67%; padding: 0 10px } .author-sr-border-img { padding: 0 10px } .sr-img { width: 38% } .search-txt { width: 62%; padding-left: 10px } .search-txt .category-label { display: none } .article-main, .category-posts .article-main { width: 100% } .tab-img-area { width: 34% } .category-tab-cont { width: 66% } .category-tab-cont .title-p h4 { min-height: auto } .livetv-player-div iframe { height: 300px; min-height: 100%; width: 100% !important } .livetv-player-div .video-mobile-top-ad iframe { height: auto !important; min-height: 100%; width: 100% !important } #article .mobile-native-ad { padding-left: 0 } .article-date-div1 { padding-left: 0 } .else-post-title { left: 20% } .wid04-r-post-txt h2 { font-size: 16px; line-height: 20px; margin-bottom: 5px } .wid04-r-post-txt p { font-size: 14px; line-height: 18px } .wid04-r-post-txt { min-height: auto } ul.widget01-three-posts { min-height: auto } ul.wid07-posts li { width: 100%; margin-bottom: 10px } ul.wid07-posts li:nth-child(2n) { margin-left: 0; margin-right: 0 } .wid07-post-img { width: 36%; float: left } .wid07-post-txt { widows: 64%; float: left; padding-top: 0; text-align: left !important } ul.wid12-post-listing li { min-height: 240px } .related-posts ul li { width: 100% } .widget04 .related-post-txt { min-height: auto } .related-post-img { width: 36%; float: left } .related-post-txt { width: 64%; float: left; padding-left: 3%; margin-top: 0 } .related-posts ul li { margin-left: 0; margin-bottom: 15px } .related-post-txt h3 { min-height: auto } #live-tv-template .loginFailedMobile { display: none } #live-tv-template .sticky-menu.affix-top .navbar-brand, .sticky-menu.affix-top.headroom--pinned .navbar-brand { display: block; margin-top: 0; padding-top: 10px } } @media (max-width:767px) and (orientation:landscape) { .livetv-player-div iframe { width: auto !important } } @media (max-width:480px) { .owl-carousel.owl-theme.home-page-main-carousel.owl-loaded.owl-drag { width: 100% !important } ul.w02-posts li { width: 100%; padding-left: 5%; padding-right: 5% } .widget02-title { width: 100%; padding: 3% } .widget02 h2 { font-size: 30px; line-height: 30px; position: static; top: 0; left: 0; width: 100%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0) } .widget02-posts { width: 100%; border-left: 0; border-top: 1px solid #a2a9ac } ul.w02-posts li { padding-top: 10px; padding-left: 3%; padding-right: 3% } .video-item-img { width: 48% } .video-item-txt { width: 50% } .related-posts ul li { margin-bottom: 10px } .widget13, .widget14 { width: 100% } .widget13 { margin-right: 0 } .widget14 { margin-left: 0 } .footer-logo { width: 31% } ul.big-content, ul.f-down-links { width: 33% } .slid-widget-title h2 { font-size: 16px } .row-article { width: 100% } .right-img-div img { width: 100% } .row-article p { font-size: 15px; line-height: 25px } .author-img-area { width: 100%; margin-bottom: 10px } .author-horizontal-article-cont { width: 100% } .footer-mob-menu { display: block } .StickyAd { float: left; width: 100%; position: fixed; z-index: 999; bottom: 50px } .StickyAd div { margin: 0 auto } .ul-tab-head { float: left; width: 100%; overflow-y: hidden; overflow-x: auto } ul.nav.nav-pills.category-nav-pills { float: left; white-space: nowrap } ul.nav.nav-pills.category-nav-pills li { float: none; display: inline-block } h2.quotes.gd-h { font-size: 14px } h1.quotes, h2.quotes { font-size: 20px } .else-post-title { left: 14% } ul.w02-posts li { float: left } .w02-post .post-content p { min-height: auto } ul.w02-posts { margin-bottom: 15px } button.show-article { display: block; border-radius: 25px; margin-bottom: 20px } body#article .mobile-article { bottom: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); height: 200px; width: 100%; overflow: hidden } .search-txt .sr-content { display: none } .post-publish-time { font-size: 10px } .video-item-txt h3 { margin-top: 5px } ul.wid12-post-listing li { width: 100%; min-height: auto; margin-bottom: 15px } .wid12-post-img { width: 36%; float: left } .wid12-post-txt { margin-top: 0; width: 64%; float: left; padding-left: 3% } ul.wid12-post-listing li:nth-child(2n) { width: 100%; margin-left: 0; margin-bottom: 15px } .wid12-post-txt h2 { line-height: 18px; font-size: 13px } .related-articles .art-r-main-box { margin-bottom: 20px } .w02-posts { padding-bottom: 0 } div#vjs_video_3 { height: 250px !important } } @media (max-width:440px) { .widget-title img { width: 32px } .widget-title h2 { font-size: 22px; vertical-align: top; margin-top: 10px } .square-arrow { bottom: 9px; width: 25px; height: 25px } ul.wid07-posts li { width: 100% } ul.wid07-posts li:nth-child(2n) { margin-left: 2%; margin-right: 0 } ul.big-content, ul.f-down-links { width: 50%; margin-bottom: 20px !important } .footer-logo { width: 48% } .social-sharing ul li { margin-left: 10px; margin-right: 10px } ul.lang-menu li a { padding: 4px } ul.lang-menu li { margin-right: 0 } .widget0_1-three-posts-img { width: 24% } .widget0_1-three-txt { width: 73% } .related-posts ul li { width: 100%; margin-left: 0 } .related-post-img { width: 35% } .related-post-txt { width: 63%; padding-left: 2%; margin-top: 0 } .place-name { font-size: 10px; width: 100% } .related-posts ul li:nth-child(4) { margin-left: 0 } ul.w02-posts li { padding-top: 10px } .wid07-post-txt { width: 63%; float: left; text-align: left } .related-posts ul li, ul.w02-posts, ul.wid07-posts li { margin-bottom: 10px } ul.wid07-posts li:nth-child(2n) { margin-left: 0 } .widget0_1-three-txt h3 { font-size: 14px; min-height: auto } .v-widget-item-txt, .video-widget, .widget-post-content { padding: 15px } .related-post-txt, .related-post-txt h3, .v-widget-item-txt h2, .video-item-txt h3, .w02-post .post-content p, .wid07-post-txt { min-height: auto } .related-post-txt h3 { font-size: 13px; line-height: 20px } .widget02 h2 { font-size: 24px; line-height: normal } .slid-widget-title { margin-bottom: 15px } .owl-carousel { width: 75% } .video-item-img { width: 45% } .video-item-txt { width: 53% } .col-w-100 { width: 100% } .col-w-37 { width: 35%; margin-right: 2% } .col-w-63 { width: 63% } .category-label { margin-top: 0 } .category-label p { font-size: 9px } .flex-box .article-card { border: none } .article-main { margin-bottom: 10px } .pad-0 { padding: 0 !important } .title-p { padding: 4px } .title-p a>h4 { font-weight: 400 } .widget04 .related-post-txt { min-height: auto } .big-frame h2, .photo-info h2 { font-size: 12px; } body#home .right-side { margin-top: 0 } .else-post-title { padding-left: 0; left: 0; width: 100%; } .else-post-item img { width: 100% } button.owl-next img, button.owl-prev img { width: 30px; height: 30px } .owl-carousel .owl-nav button.owl-prev { left: -35px } .owl-carousel .owl-nav button.owl-prev { right: -35px } ul.quick-link li a i { font-size: 15px } ul.quick-link { padding: 5px 0 } ul.quick-link li a { font-size: 12px } body { overflow-x: hidden } .category-top-1 .right-side { padding-left: 0; padding-right: 0; overflow-x: scroll } .StickyAd { bottom: 38px } } @media (max-width:360px) { .related-posts ul li { width: 100%; margin-left: 0 } .related-posts ul li:nth-child(4) { margin-left: 0 } ul.wid07-posts li { width: 100% } ul.wid07-posts li:nth-child(2n) { margin-left: 0; margin-right: 0 } .wid07-post-img img { width: 100% } ul.wid12-post-listing li { width: 100%; margin-bottom: 10px } ul.wid12-post-listing li:nth-child(2) { width: 100%; margin-left: 0 } .site-language { float: left; width: 100%; position: relative; top: 51px } .column-title h2 { font-size: 44px } .slideUp { bottom: -52px } .latest-stories { margin-top: 0; margin-bottom: 15px } .widget-title h2 { vertical-align: middle; margin-top: -15px } .widget10 { margin-bottom: 20px } .mobile-ad-3> { margin: 20px auto } .wid04-r-post-txt h2 { font-size: 14px; line-height: 18px } .wid04-r-post-txt p { font-size: 12px; line-height: 16px } } @media (max-width:320px) { .affix ul.nav.navbar-nav.navbar-right.ltv-2.affix-hide { padding-right: 5px; padding-left: 0 } .img-div { float: left; margin-right: 10px } .social-icon-div { padding-top: 0; float: left; margin-left: 0; font-size: 20px; color: #bfc5c8; width: auto } .article-date-div { padding-top: 0; float: left; margin-left: 0; line-height: 30px; margin-right: 0; width: auto } .social-icon-div a { font-size: 18px; margin-right: 5px } .img-div { width: 20px; height: 20px; margin-right: 5px } .sticky-menu .corp-logo.col-sm-7.col-xs-7 { width: 100% } .sticky-menu .navbar-brand { width: 82px !important } } @media (max-width:768px) { .video-article-cont { margin-top: 10px } .hideAndShowMobile { display: none !important } button.owl-next img, button.owl-prev img, button.owl-next, button.owl-prev { display: none !important; } } .vjs-doc-text { display: none } .download-app { position: fixed; margin: 0; border: 0; padding: 10px 30px; left: 25%; top: 70%; background: #040404; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: .875em; text-transform: uppercase; z-index: 99 } @media (min-width:768px) { .download-app { display: none } } .next-story { margin: 1em 0 1em 0 } .fancy { line-height: .4; text-align: center; overflow: hidden; padding: 12px 0 } .fancy span { display: inline-block; position: relative; color: #22283d; font-family: Source Sans Pro } .fancy span:after, .fancy span:before { content: ""; position: absolute; height: 5px; border-bottom: 1px solid #22283d; top: 0; width: 600px } .fancy span:before { right: 100%; margin-right: 15px } .fancy span:after { left: 100%; margin-left: 15px } .asianetnews-icon { float: left; position: relative; top: -15px; left: -6px } @media (max-width:768px) { .fancy { overflow: visible; float: left; width: 100% } .fancy span:after, .fancy span:before { content: ""; position: absolute; height: 5px; border-bottom: 1px solid #22283d; top: 0; width: 100% } } .mobile-search { display: none } .desktop-ad-3, .desktop-ad-4 { float: left; width: 100% } .video-post .PostBody p { margin-bottom: 20px; font-size: 16px; text-align: justify } .mobile-search { float: left; width: 100%; padding: 5px 10px } .mobile-search form input { float: left; width: calc(100% - 40px); padding: 5px 10px; height: 40px; border: 1px solid #ddd } .mobile-search form button { padding: 10px; background: #ddd; border: none; float: right; width: 40px; height: 40px; padding: 5px 10px } @media (min-width:767px) { .mobile-search { display: none } } @media (max-width:767px) { ul.six-arti-ul-with-border li, ul.six-arti-ul-with-border li:last-child, ul.six-arti-ul-with-border li:last-child { margin-bottom: 0; } ul.nav.navbar-nav.main-menu { float: left; width: 100% } .owl-carousel.owl-theme.home-page-main-carousel.owl-loaded.owl-drag { width: 100% !important } /*.asianet-hindi .article-breadcrumbs .row{border-bottom:1px solid #000}*/ .asianet-hindi .video-post .livetv-player-div .scrollVertical { padding-right: 10px; height: auto !important; overflow-y: auto; padding-left: 0 } } .modal-dialog.modal-lg { width: 86% } .modal.signin { top: 24px } .modal-dialog.modal-lg { margin: 0 auto; width: 86% } .modal-dialog.modal-lg .modal-content { background-color: #f2f2f2; border: 0 solid rgba(0, 0, 0, .2); border-radius: 0; box-shadow: 0 3px 9px transparent } .signin-modal .modal-body { padding: 10px 50px 50px 50px } .signin-modal .row { margin-left: 0; margin-right: 0 } .text-center { text-align: center } .right-n { font-family: Roboto, sans-serif } .right-n img { margin: 0 auto } #signinModal .modal-dialog { top: 50% !important; transform: translate(0, -50%) !important; -ms-transform: translate(0, -50%) !important; -webkit-transform: translate(0, -50%) !important } .signin-modal .modal-body p { color: #000; font-size: 20px; font-weight: 500; line-height: 25px } .signin-modal .modal-body p a, .signin-modal .modal-body p a:hover { color: #000; text-decoration: none } .signin-modal .modal-header { border-bottom: 0 solid #e5e5e5; padding: 15px } .signin-modal .modal-footer { border-top: 0 solid #e5e5e5; padding: 15px; background: #fff } .account-lg { background: #fff; border-top: 5px #18b3e3 solid; color: #000; margin-top: 35px; padding: 7% 10%; box-shadow: 1px 1px 1px #e3e3e3; font-size: 15px } .account-lg h2 { font-family: Roboto, sans-serif; font-size: 25px; color: #000; margin-top: 0 } .account-lg h2 a, .account-lg h2 a:hover { color: #000; text-decoration: none } .right-n { border-right: 1px #f4f4f4 solid } .modal-footer .right-n:last-child { border-right: 0 } .loginBtn { box-sizing: border-box; position: relative; padding: 5px 15px 5px 46px; border: none; text-align: left; line-height: 34px; white-space: nowrap; border-radius: 0; margin-top: 20px; font-size: 16px; color: #fff; width: 100%; font-family: Roboto, sans-serif; font-weight: 300 } .loginBtn:before { content: ""; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 34px; height: 100% } .loginBtn:focus { outline: 0 } .loginBtn:active { box-shadow: inset 0 0 0 32px rgba(0, 0, 0, .1) } .loginBtn-facebook { background-color: #3949ab } .loginBtn-facebook:before { border-right: #364e92 0 solid; background: url(https://static.asianetnews.com/img/facebook_icon.svg) 0 6px no-repeat } .loginBtn--facebook:focus, .loginBtn-facebook:hover { background-color: #3949ab } .loginBtn-twitter { background-color: #42a5f6 } .loginBtn-twitter:before { border-right: #42a5f6 0 solid; background: url(https://static.asianetnews.com/img/twitter_icon.svg) 0 6px no-repeat } .loginBtn--facebook:focus, .loginBtn-twitter:hover { background-color: #42a5f6 } .loginBtn-google { background-color: #d74315 } .loginBtn-google:before { border-right: #d74315 0 solid; background: url(https://static.asianetnews.com/img/google_icon.svg) 0 6px no-repeat } .loginBtn--facebook:focus, .loginBtn-google:hover { background-color: #d74315 } @media (max-width:767px) { .right-n { border-right: none } } @media (max-width:480px) { .signin-modal .modal-body { padding: 10px } .account-lg { padding: 10%; margin-top: 10px } .account-lg h2 { font-size: 22px; font-weight: 400 } #assemblyElections { display: block !important } /*div#assemblyElections .budget-slider { display: none }*/ } @media (max-width:400px) { .account-lg { padding: 5%; margin-top: 0 } .account-lg h2 { font-size: 18px } } body#profile { font-family: Roboto, sans-serif } .pad-10 { padding: 10px !important } .marg-b2 { margin-bottom: 2px } .ep-top-1 { float: left; width: 100%; margin-top: 20px; margin-bottom: 50px } .pro-img-div { border-radius: 50%; overflow: hidden; height: 164px; width: 164px; margin: 0 auto } .user-img { float: left; width: 100% } .user-de { float: left; width: 100% } p.u-name { font-size: 16px; color: #3c3c3c; font-weight: 500; margin-bottom: 10px; word-break: break-all } p.u-email { font-size: 15px; color: #3c3c3c; word-break: break-all } .usr-pic-div { width: 164px; height: 164px; position: relative; margin: 0 auto } .ul-pic { position: absolute; bottom: 0; right: 0 } .pic-usr { float: left; width: 100% } button.btn.del-btn.marg-t10 { border-radius: 20px; color: #fff; background: #bbb; text-transform: uppercase; font-weight: 600; font-family: Roboto, sans-serif; font-size: 12px; padding: 2px 15px; outline: 0 } button.btn.del-btn.marg-t10:hover { color: #c22e2b; background: #e8e8e8 } .dab { float: right; font-family: Roboto, sans-serif; padding-top: 15px; padding-right: 15px } .dab a { color: #bbb; font-size: 14px } .dab a:hover { color: #c22e2b } input.edit-pro { border-radius: 0; box-shadow: none } button.btn.btn-default.edit-pro-btn { background: linear-gradient(#fff, #bbb); border-radius: 0; text-transform: uppercase; font-size: 14px; font-weight: 500; color: #595959; outline: 0 } .noty-grey-div { float: left; width: 100%; background: #efeded; padding: 5px } span.n-txt { float: left; padding-top: 12px; padding-left: 10px } span.n-tbtn { float: right; padding-top: 5px; padding-right: 10px } .noty-div { float: left; width: 100% } .l-noty-div { float: left; width: 100%; margin-top: 30px } .ep-r-div { float: left; width: 100% } .switch { position: relative; display: inline-block; width: 60px; height: 34px } .switch input { display: none } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #b4b5b4; -webkit-transition: .4s; transition: .4s } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .4s; transition: .4s } input:checked+.slider { background-color: #0cd353 } input:focus+.slider { box-shadow: 0 0 1px #0cd353 } input:checked+.slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px) } .slider.round { border-radius: 34px } .slider.round:before { border-radius: 50% } @media screen and (max-width:1200px) and (min-width:992px) { .video-widget-post.marg-r15 { width: 235px } } .liveblog { padding: 5px 10px; color: #fff } .Blink { animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate } .text-dot { color: #fd0601 } @keyframes blinker { from { opacity: 1 } to { opacity: 0 } } blockquote.instagram-media:before { display: none } .pagination { display: inline-block !important } .pagination a { color: #000; float: left; padding: 4px 5px 0 10px; text-decoration: none; transition: background-color .3s !important; border-radius: 4px !important } .pagination a:hover { transition: background-color .3s !important; background-color: #ccc } .pagination a.active { cursor: default; background-color: #fff !important; border: #184b84 1px solid; color: #184b84 } .article-img-area, .cat-imgarea, .slid-item-img, .tab-img-area { position: relative } #cookie-law-info-bar span { vertical-align: middle; width: 100%; display: block; background-color: rgb(167, 33, 34, .9); color: #fff; font-family: Helvetica, Arial, sans-serif; bottom: 0; border-bottom: 1px solid #444; position: fixed; padding: 12px 0 } #cookie-law-info-bar { display: none } #cookie-law-info-bar { border: 0; font-size: 10pt; margin: 0 auto; padding: 16px 0; position: absolute; text-align: center; width: 100%; z-index: 9999 } .notifi-container .btn, .notifi-container .btn:active, .notifi-container .btn:hover, .notifi-container .btn:visited { display: inline-block; margin: 0 2px } .notifi-container .cli-plugin-main-link, .notifi-container .cli-plugin-main-link:active, .notifi-container .cli-plugin-main-link:hover, .notifi-container .cli-plugin-main-link:visited { margin-left: 10px; display: inline-block } .asianetnews-icon { float: left; position: relative; top: -11px; left: -6px } .video-icon-right-list { position: absolute; top: 0; padding: 5px; width: 30px; height: 30px } .kp-brand { float: right; display: none } .kp-brand img { width: 62px; margin: 14px 0 auto } .navbar-m { margin-right: 2px !important } .widget05-img-area .video-post-play-icon { position: absolute; bottom: 61%; left: 20%; transform: translate(-50%, -50%); width: 44px; height: 44px } .related-post-img .video-post-play-icon img { height: 30px; width: 30px } .else-post-item .video-post-play-icon { position: absolute; bottom: 40%; left: 51%; transform: translate(-50%, -50%); width: 44px; height: 44px } .widget04-img-area .video-post-play-icon { position: absolute; bottom: 37%; left: 51%; transform: translate(-50%, -50%); width: 44px; height: 44px } .wid04-img-area .video-post-play-icon { position: absolute; bottom: 17%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px } .sports-rel-post-img, .wid11-img-area { position: relative } .wid11-img-area .video-post-play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px } .sports-rel-post-img .video-post-play-icon { transform: none; width: 25px; height: 25px; bottom: 8px; background-position: -12px -651px; background-size: 450px auto; left: 8px; } .sports-rel-post-img .video-post-play-icon.gallery-icon-post { background-position: -7px -227px; background-size: auto; width: 23px; height: 19px; } .video-post-play-icon.gallery-icon-post { background-position: -14px -346px; background-size: 550px auto; width: 30px; height: 30px; } .widget0_1-three-posts li .video-post-play-icon.gallery-icon-post { background-position: -7px -227px; background-size: auto; width: 23px; height: 19px; } .sports-rel-post-img .video-post-play-icon img { height: 23px; width: 23px } .right-img-div .video-post-play-icon { position: absolute; left: 31%; transform: translate(-50%, -50%); width: 44px; height: 44px; top: 50px } .right-img-div .video-post-play-icon img { width: 23px; height: 23px } .scrol-video-div .right-img-div { position: relative } .scrol-video-div .video-post-play-icon img { width: 20px !important; height: 20px } .scrol-video-div .video-post-play-icon { position: absolute; top: 99% !important; left: 30%; transform: translate(-50%, -50%); width: 44px; height: 44px } .wid06-img, .wid06-rel-post { position: relative } .wid06-img .video-post-play-icon { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px } .wid06-rel-post .video-post-play-icon { position: absolute; top: 90%; left: 7%; transform: translate(-50%, -50%); width: 44px; height: 44px } .wid06-rel-post .video-post-play-icon img { width: 26px; height: 26px } .wid12-post-img { position: relative } .wid12-post-img .video-post-play-icon img { width: 33px } .wid12-post-img .video-post-play-icon { position: absolute; top: 88%; left: 14%; transform: translate(-50%, -50%); width: 44px; height: 44px } .m1-wid07-img { position: relative } .m1-wid07-img .video-icon { position: absolute; top: 2%; left: 4%; transform: translate(-50%, -50%); width: 44px; height: 44px } .m1-wid07-post-img .video-icon { position: absolute; top: 2%; left: 4%; transform: translate(-50%, -50%); width: 44px; height: 44px } .m1-wid04-img-area, .m1-wid04-items-img-area { position: relative } .m1-wid04-img-area .video-icon { position: absolute; top: 3%; left: 2%; transform: translate(-50%, -50%); width: 44px; height: 44px } .m1-wid04-items-img-area .video-icon { position: absolute; top: 3%; left: 2%; transform: translate(-50%, -50%); width: 44px; height: 44px } .m1-wid04-items-img-area .video-icon img { width: 23px; height: 23px } .latest-video-post { position: relative } .latest-video-post .video-icon { position: absolute; top: 50%; left: 50%; padding: 30px; transform: translate(-50%, -50%); height: 33px; width: 33px } .m1-wid08-img, .m1-wid08-related-post-img { position: relative } .m1-wid08-related-post-img .video-icon { position: absolute; top: 4%; left: 3%; padding: 0 } .m1-wid08-img .video-icon { position: absolute; top: 3%; left: 2%; padding: 0 } @media (max-width:767px) { .video-icon { padding: 23px } .m1-wid01-item-img .video-icon { padding: 12px; left: 2% } .mobile-search { width: 100% } } .widget0_1-three-posts li { position: relative } .widget0_1-three-posts li .video-post-play-icon { position: absolute; left: 3%; top: 59%; transform: translate(0, 0); background-position: -12px -651px; background-size: 450px auto; width: 25px; height: 25px; } .widget0_1-three-posts li .video-post-play-icon img { width: 23px; height: 23px } @media (max-width:767px) { .widget0_1-three-posts li .video-post-play-icon { position: absolute; left: 4%; top: 45%; transform: translate(0, 0) } } .widget-post-img { position: relative } .widget-post-img .video-post-play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px } .widget-post-content p em { font-style: normal; line-height: 24px } .widget-post-content p, .widget-post-content p span { font-style: normal; line-height: 24px } .widget-post-content p em strong { font-weight: 500 } .main-menu>li:after { content: ''; display: block; width: 100%; height: 3px; background: #f5f5f5 } .nav>li>a { padding: 10px 6px } @media (max-width:767px) { .widget05-img-area { position: relative } .widget05-img-area .video-post-play-icon { position: absolute; left: 50%; top: 50% } .widget04-img-area { position: relative } .widget04 -img-area .video-post-play-icon { position: absolute; left: 50%; top: 50% } .related-post-img .video-post-play-icon { width: 25px; height: 25px; background-position: -12px -651px; background-size: 450px auto; } .video-post-play-icon.gallery-icon-post { background-position: -7px -227px; background-size: auto; width: 23px; height: 19px; } .wid04-img-area { position: relative } .wid04-img-area .video-post-play-icon { left: 10px; transform: none; width: 25px; height: 25px; background-position: -12px -651px; background-size: 450px auto; } .wid04-img-area .video-post-play-icon img { width: 30px; height: 30px } .wid12-post-img .video-post-play-icon { top: 78%; left: 25% } .widget10 .related-post-img .video-post-play-icon img { width: 23px; height: 23px } .widget10 .related-post-img .video-post-play-icon { position: absolute; bottom: 6px; background: url(https://static.asianetnews.com/v1/AN_WAP_Icons.svg) -12px -651px / 450px auto; } } .PostBody iframe { width: auto; margin: 0 auto !important; display: block } img-div a img { border-radius: 50% !important } .article-date-div { line-height: inherit !important; width: 70% !important } .social-icon-div a { margin-top: -5px !important } .date { width: 70% !important; margin-left: 10px; margin-top: 5px } .right-img-div .video-icon-right-list img { width: 100% !important } h1.quotes, h2.quotes { font-size: 30px } .category-txt-content h4 { font-size: 30px } .six-horizontal-articles .desktopTitleShowHide { overflow: hidden; text-overflow: ellipsis; display: inline-block; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-height: 24px; max-height: 95px; padding-left: 0; padding-left: 10px; width: 61% } .related-post-img .gallery-icon-post, .widget05-post .gallery-icon-post { bottom: 6px !important; } .gallery-icon-post img { width: 30px !important; height: 25px !important } .mobileTitleShowHide { display: none !important } .six-horizontal-articles .w02-post .post-content img.recent-news-img { display: inline-block; width: 38%; min-height: 81px; vertical-align: top; margin-top: 1%; border: 1px solid #fff !important } .six-horizontal-articles ul.w02-posts li { padding-left: 2% } .moreButtonNewsSection a { width: 13%; float: right; background: #333; border-radius: 0; font-size: 19px; border-color: #333 } .moreButtonNewsSection a:hover { width: 13%; float: right; background: #333; border-color: #333; font-size: 19px; border-radius: 0 } .moreButtonNewsSection { float: right !important; width: 100% !important; border-bottom: 1px solid #d8d8d8 } .author-horizontal-article-cont .author-title-p h1 { font-size: 35px; font-weight: 600 } .heading-cap { font-size: 35px; margin-bottom: 10px; text-transform: capitalize !important; padding-top: 18px; float: left; line-height: 30px; margin-left: 0 !important; font-family: 'Noto Sans Malayalam', 'Noto Sans Kannada', 'Noto Sans Kannada', Latha, Roboto, sans-serif } .gallery-post h2.quotes.gd-h, .gallery-tail h2.quotes.gd-h { font-size: 16px; text-align: left; font-weight: 100; margin-bottom: 10px } .related-posts .five-veritcal-articles-row { width: 18%; float: left; margin-left: 2.5%; min-height: auto } .categoryDiv { background: red; display: inline-block; padding: 3px 5px; margin-top: 10px; color: #fff; text-transform: uppercase; font-size: 13px } .five-veritcal-articles-row .related-post-txt { margin-top: 8px } .news-area { background-color: #fff !important; padding-top: 0; width: 100% !important; margin-left: 0 } .news-area .graph-container p.text-heading-two { margin-top: 40px; font-weight: 500; text-transform: none } .news-area .live-bg span.bold-heading { font-weight: 400 } #candidate tbody th .partyName { display: inline-block; width: 34%; float: left } #candidate tbody th .text-heading-two { font-size: 17px !important; display: inline-block; margin-top: 32px } #candidate tbody th .col-xs-3 { margin-top: 18px } .news-area .bg-image-full { background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; font-weight: 100 } .news-area span.bold-heading { color: #930088; font-family: Roboto, sans-serif; font-weight: 700 } .news-area .top-ad-area { padding: 10px 0 } .news-area { background-color: #f1f1f1; padding: 10px 0 } .news-area .no-padding { padding: 0 !important; margin: 0 !important } .news-area .bg-dark { background-color: #242424; padding: 25px 0 15px; color: #797979 } .news-area .text-copyright { font-size: 14px } .news-area p { font-family: Roboto, sans-serif; color: #000; font-size: 16px; text-align: center } .news-area p.WON { color: #0aea0aab } .news-area p.LEAD, .news-area p.WON { font-size: 15px } .news-area a:hover { cursor: pointer } .news-area .div-line { border: 1px solid #e4e4e4; margin: 5px 15px } .news-area .live-bg { background: linear-gradient(to right, #793b96, #e1084a); padding: 1px 7px } .news-area .live-bg h1, .news-area .live-bg h1 .bold-heading { color: #fff !important } .news-area .bg-white { background-color: #fff; padding: 14px; margin-top: 15px } .news-area .leads-table { min-height: 420px; overflow-y: auto } .news-area .text-heading { background: -webkit-linear-gradient(#793b96, #e1084a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 22px !important; font-family: Roboto, sans-serif !important; text-transform: uppercase; font-weight: 600; margin-bottom: 10px } .news-area .live-bg h1 { padding-top: 10px; padding-bottom: 10px } .news-area .text-heading-two { background: -webkit-linear-gradient(#793b96, #e1084a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 22px !important; font-family: Roboto, sans-serif !important; text-transform: uppercase } .news-area #candidate { border-collapse: collapse; width: 100%; margin: 4px 0 } .news-area #candidate { border: #d4d4d4 1px solid } .news-area .numbler { background: -webkit-linear-gradient(#793b96, #e1084a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 18px !important } .news-area .numbler-trailing { background: -webkit-linear-gradient(#793b96, #e1084a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 18px !important; font-family: Roboto, sans-serif !important; text-transform: uppercase; font-weight: 600 } .news-area .btn-leading { background-color: #00a759; padding: 5px; width: 50%; color: #fff; text-align: center; text-transform: uppercase } .news-area .btn-trailing { background-color: #ab2271; padding: 5px; width: 50%; color: #fff; text-align: center; text-transform: uppercase } .news-area .candidate-img { width: 22% } .news-area .nav-tabs.nav-justified { width: 66%; float: right; margin-bottom: 10px } .news-area .nav-tabs.nav-justified>li { width: auto } .news-area .nav-tabs.nav-justified>li>a { border-bottom: none } .news-area .nav-tabs.nav-justified>.active>a { border: none } .news-area .states-tab li .text-heading { font-size: 19px !important } .news-area .nav-tabs.nav-justified>li.active { background: linear-gradient(to right, #793b96, #e1084a); border-radius: 20px } .news-area .nav-tabs.nav-justified>li.active a { color: #fff } .news-area tabs.nav-justified>.active>a:hover, tabs.nav-justified>li>a:hover { border: none } .news-area .live-bg h1 { font-size: 21px } .nav-tabs>li>a:hover, .news-area .nav-tabs>li>a { border-color: transparent } .news-area .nav-tabs.nav-justified>.active>a:hover { border-bottom-color: transparent } .news-area .live-bg { background: linear-gradient(to right, #793b96, #e1084a); padding: 1px 7px } .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover, .news-area .nav-tabs.nav-justified>.active>a { border: none } .news-area .nav-tabs.nav-justified li.active .text-heading { background: 0 0; -webkit-text-fill-color: #fff; padding: 2px 15px 10px 15px !important } .black-background-div .related-videos #video-carousel .owl-nav.disabled { display: none } .one-to-six-articles-greybg .parent-flex .latest-video-post-slider .owl-carousel .owl-next img, .one-to-six-articles-greybg .parent-flex .latest-video-post-slider .owl-carousel .owl-prev img { width: 25px !important } @media (max-width:570px) { .news-area .candidate-img { width: 55% } } @media (max-width:767px) { h1.quotes, h2.quotes { font-size: 20px !important } .category-txt-content h4 { font-size: 20px !important } .mobileTitleShowHide { display: inline-block !important } .six-horizontal-articles .w02-post .post-content .mobileTitleShowHide { width: 58% !important; display: inline-block !important; overflow: hidden; text-overflow: ellipsis; display: inline-block; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-height: 24px; max-height: 95px; padding-left: 5px } .desktopTitleShowHide { display: none !important } .widget10 .related-post-img .gallery-icon-post { bottom: 10px !important; top: auto !important; left: 10px !important; background-position: -7px -227px; background-size: auto; } .widget10 .related-post-img .gallery-icon-post img { width: 23px !important; height: 20px !important } .moreButtonNewsSection a, .moreButtonNewsSection a:hover { width: 45% !important } .news-area { padding-top: 0 } #candidate tbody th div.col-xs-6 .text-heading-two { margin-top: 17px } #candidate tbody th .col-xs-6.text-center { padding-right: 1px; padding-left: 2px } #candidate tbody th .col-xs-3 { margin-top: 5px } #candidate tbody th .text-heading-two { font-size: 12px !important } .news-area .nav-tabs.nav-justified { padding-left: 20px; padding-right: 20px; float: none !important; width: 100% } .news-area .nav-tabs.nav-justified li.active .text-heading { padding: 8px 15px 5px 15px !important } .news-area .leads-table { min-height: auto; overflow-y: unset; margin-top: 0 } .news-area .nav-tabs.nav-justified { width: 100% } .news-area .nav-tabs.nav-justified>li { width: 48%; display: inline-block } .news-area .states-tab li .text-heading { font-size: 15px !important } .news-area .graph-container p.text-heading-two { margin-top: 15px } .dispFlex { display: -webkit-flex; display: flex; flex-direction: column } .order-diff1 { order: 1 } .order-diff2 { order: 2 } .order-diff3 { order: 3 } .container-fluid.grey-background { padding-right: 0; padding-left: 0 } } @media (max-width:359px) { #candidate tbody th .text-heading-two { font-size: 15px !important } #candidate tbody th div.col-xs-6.text-center { margin-top: 3px } #candidate tbody th .text-heading-two { font-size: 12px !important } } #fixed-navbar.affix .navbar-default .navbar-nav>li>a { font-size: 11px } #fixed-navbar.affix ul.category-nav-pills>li>a { font-size: 14px } .photo-gallery .white-bg.gallery-arti .photo-grid .column:last-child .photo-big-img { max-height: 166px } .related-posts .five-veritcal-articles-row:nth-child(6) { margin-left: 0 !important } .specials-slider { clear: both !important } .recent-news-section .owl-carousel .owl-nav { display: inherit } .recent-news-section .owl-carousel .owl-nav .owl-prev { font-size: 3rem !important; position: absolute; top: 22%; left: -25px; width: 30px; background-color: #131212 !important; opacity: .7; color: #fff !important; outline: 0 } .recent-news-section .owl-carousel .owl-nav .owl-next { font-size: 3rem !important; position: absolute; top: 22%; right: -26px; width: 30px; background-color: #131212 !important; opacity: .7; color: #fff !important; outline: 0 } .recent-news-section .ul-padding { padding: 0 } .space-btwn-content { margin-right: 30px !important } .home-recent-news-slider .owl-dots { display: none !important } .recent-articles-slider-post { float: left; width: 100% } .home-recent-news-slider { background-color: #c7cfd2; margin-top: 30px } .home-recent-articles-title span { background: #c7cfd2 !important } .home-recent-news-slider-list { width: 98% !important } .recent-news-section .desktopTitleShowHide { padding-top: 10px } .recent-articles-slider-post .owl-stage-outer { margin-left: 39px } @media(max-width:768px) { .recent-articles-slider-post .owl-stage-outer { margin-left: 16px !important } .banner-area-mob { margin-top: 10px } .banner-area-mob img { border-radius: 5px } } li.lok-sabha-election-2019 { background-color: #ba0001 } .lok-sabha-election-2019 a { color: #fff !important } li.election-2019 { background-color: #ba0001 } .election-2019 a { color: #fff !important } li.lok-sabha-election-news { background-color: #ba0001 } .lok-sabha-election-news a { color: #fff !important } li.election { background-color: #ba0001 } .election a { color: #fff !important } .q-links>li.Elections>a, .q-links>li.Loksabha-Elections>a { color: #ba0001 !important; text-decoration: underline } .PostBody>.table-responsive>blockquote { background: #fd0; padding: 30px; margin-bottom: 20px; color: #000; margin-top: 80px; position: relative } .PostBody>.table-responsive>blockquote:before { content: ''; display: inline-block; background: url(https://static.asianetnews.com/v1/images/quotes.jpg) no-repeat; position: absolute; top: -56px; width: 61px; height: 56px; background-size: 100%; left: 0 } .site-header #navbar .nav.navbar-nav { float: left } .site-header #mn-fixed-navbar .nav.navbar-nav { float: left } .site-header .home-page { background: #21283e } .site-header .home-page a { color: #fff !important } .sticky-menu.affix.headroom--pinned #navbar .nav.navbar-nav { margin-left: 0 } .sticky-menu .navbar-brand { width: 100px } .asianet-bangla .sticky-menu .navbar-brand, .asianet-hindi .sticky-menu .navbar-brand, .asianet-tamil .sticky-menu .navbar-brand { width: 119px; padding-top: 3px } .asianet-telugu .sticky-menu .navbar-brand { width: 110px !important; padding-top: 10px } .footer-line { width: 100% !important; margin-left: 0 !important } #sports-lp .top-ad-div>.mobile-top-ad>.container { width: auto !important } /*.asianet-telugu .template-content .container .container { width: auto }*/ @media only screen and (max-width:600px) { .sticky-menu.affix-top .navbar-brand, .sticky-menu.affix-top.headroom--pinned .navbar-brand { display: block; margin-top: 0 } } html.gr__asianetnews_com .top-4-a .six-articles .widget-title a { cursor: default } .related-post-txt h4 { line-height: 24px; font-size: 14px } .search-topic { display: inline-block; text-transform: capitalize } .six-arti-ul-with-border .wid12-post-txt h2 { font-size: 14px; line-height: 24px } h4 { line-height: 24px; font-size: 14px } h3 { font-size: 14px; line-height: 24px } .scnd-sec .pop-cat-menu li a, .scnd-sec .q-links li a, .trends-post .trnds-list li a { font-size: 14px } .frst-sec h3, .scnd-sec h3 { line-height: normal; } .footer-news .widget-post-img .widget-post-content h4 { font-size: 13px } .sticky-menu.headroom--not-top .corp-logo { display: block !important } .asianet-english .sticky-menu.headroom--not-top .corp-logo a.navbar-brand { padding-top: 12px; } #articles-by-category .site-banner .specials-banner .container { width: 100%; padding: 0 } .bh-form-wrapper, .bhima-vr { margin-top: 20px } .bh-form-wrapper .iframe-content { border-top: 1px solid grey !important; padding-top: 10px } .bh-form-wrapper { background: #f1c232 } .bh-form-wrapper .iframe-content { background: 0 0 !important } .bh-form-wrapper .title { display: none } #video .tab-section .nav-pills>li>a { padding: 0 !important; white-space: nowrap } #video .tab-section .nav-pills>li:first-child { margin-left: 0 } #video .tab-section .nav-pills>li { float: left; margin: 10px 15px 15px 15px } #video .tab-section .nav>li>a:focus, .nav>li>a:hover { background: 0 0 } .site-header ul.nav.navbar-nav.main-menu li:first-child a { padding: 10px 10px 10px 10px !important } .uae-exchange-widget-row.desktop-view .uae-ex-gif { display: none } .election-anchor-svg-wrapper { text-align: right } .live-audio-player { height: 250px; margin-bottom: 30px } .live-audio-player iframe { width: 100%; height: 100% } .live-audio-embeded-wrapper .text-label { font-size: 21px; color: #fff; font-style: bold; text-transform: capitalize; font-family: Roboto, sans-serif } .live-audio-embeded-wrapper .title-bar { padding: 15px 0 15px 0 } .live-audio-embeded-wrapper .full-black-bg { background: #000 } #live-tv .live-tv-heading div:nth-child(2) { display: none } .full-black-bg { background: var(--full-black) } div#mobile_asianet_hp_billboard { text-align: center; /*margin-top: 15px*/ } .sticky-panel { position: fixed; top: 0; width: 350px; right: 12% } .six-horizontal-articles .widget02 { display: flex } .six-horizontal-articles .widget02-title { display: flex; justify-content: center; align-items: center } .six-horizontal-articles .widget02-title h2 { top: auto; left: auto; font-size: 40px } .six-horizontal-articles .post-publish-time { display: none } .six-horizontal-articles .w02-post .post-content { width: 91% } .six-horizontal-articles .w02-post .post-content a { position: relative; } #gallery .sticky-scrolling-posts .scrolling-posts { padding: 15px; right: 14.5% } @media (max-width:768px) { #gallery .sticky-scrolling-posts .scrolling-posts { overflow: auto; overflow-y: auto } } .asianet-malayalam .sticky-menu.affix .corp-logo { padding-left: 0 } .asianet-malayalam .home-page-main-carousel .widget-post-content { height: 261px; overflow: hidden } .asianet-hindi .home-page-main-carousel .widget-post-content { height: 262px; overflow: hidden } .five-article .container { width: 100% } .cube-poll { position: fixed; right: 90px; bottom: 154px; z-index: 99999 } .cube-poll .close { width: 25px; height: 25px; position: absolute; top: -88px; right: -72px } #home.asianet-malayalam .site-banner, #home.asianet-malayalam .specials-banner { clear: both } html[lang=ml] .sticky-menu>li:nth-child(4)>a { color: #cf3236 } html[lang=kn] .logo-area, html[lang=ml] .logo-area { width: 130px; max-width: 130px } #gallery .gallery-post .ad { text-align: center; padding-left: 10% } .latest-stories-with-carousel .carousel-section .home-page-main-carousel .owl-dots { bottom: 45% } .cube-poll a { display: contents } @media (max-width:1920px) { .cube-poll { right: 13% } } .category-description { margin: 15px 0; color: #4f4e4e; font-family: Roboto, sans-serif } .category-description h6 { font-size: 18px; text-transform: capitalize } .content-wrapper { padding: 10px 0; font-size: 14px } #entertainment-lp .entertainment-memories .five-articles .five-article { max-width: 1230px; margin: 0 auto; float: none; clear: both } #entertainment-lp .five-articles .five-article .header-gap { margin-bottom: 0 !important } #sports-lp .category-description, #sports-lp .gallery-arti .widget15 { margin-bottom: 0 } #sports-lp .photo-gallery.gallery-arti .widget15.grey-bg { background: #cfd7d9; padding-right: 15px; padding-left: 15px } #entertainment-lp .photo-gallery .gallery-arti, #sports-lp .photo-gallery .gallery-arti { max-width: 1230px; float: none; clear: both; margin: 0 auto } #entertainment-lp .photo-gallery, #sports-lp .photo-gallery { background: #cfd7d9 !important } #sports-lp .photo-gallery .gallery-arti .widget15.grey-bg { padding: 40px 15px } .postContent { line-height: 28px; font-size: 17px } .postContent a { color: #2b7bb9; display: inline-block } @media (max-width:768px) { .cube-poll { display: none } .asianet-hindi .home-page-main-carousel .widget-post-content, .asianet-malayalam .home-page-main-carousel .widget-post-content { height: auto; overflow: visible } .asianet-hindi .home-page-main-carousel .widget-post-content { height: 262px; overflow: hidden } } @media (max-width:768px) { .lazyLoadedTagSection { display: none } } .tag-box { background-color: #fff !important; float: left; padding: 15px 0; font-family: Roboto, sans-serif; border-top: 0 solid #ebebeb } .tag-name .tag-ul li { background-color: #e6e6e6; padding: 5px 10px; margin-bottom: 8px; margin-right: 8px; border-radius: 4px } .tag-name .tag-ul li a { color: #212629; font-size: 10px } .tag-flow { height: auto } img.promo-class { position: absolute; width: 80px; left: 6px; top: 43px; display: none; z-index: 9999 } .main-menu .RealEstate:hover .promo-class { display: block } .fact-check-page .banner-area, .fact-check-page .language-links, .fact-check-page .site-footer, .fact-check-page .sticky-menu { display: none } .fact-check-page .emptyComponent .colombia-ad-unit { padding-top: 0 } .fact-check-page .emptyComponent .colombia-ad-unit .container { width: 100%; padding: 0 } .poll_section { display: none } #article .poll_section, #gallery .poll_section { display: block } @media only screen and (max-width:600px) { .sticky-menu.headroom--top .corp-logo { display: block } .live-audio-embeded-wrapper .ad-slot.text-right { text-align: center } .six-horizontal-articles .widget02 { display: block; text-align: left } .six-horizontal-articles .widget02-title { justify-content: left } html[lang=kn] .navbar-nav.main-menu li:first-child, html[lang=ml] .navbar-nav.main-menu li:first-child { display: block } .latest-stories-with-carousel .carousel-section .owl-carousel.owl-theme.home-page-main-carousel.owl-loaded.owl-drag { width: 100% !important } #gallery .gallery-post .ad { text-align: center; padding-left: 0 } .aside-contents a[title="Real Estate"]::after { content: " "; background: url(https://static.asianetnews.com/v1/sales-camp/square-yards/square-yards-dsktp.png); position: absolute; left: 110px; top: 5px; width: 58px; height: 40px; background-repeat: no-repeat; background-size: contain } .fact-check-page .sticky-menu { display: block } .fact-check-page .banner-area-mob, .fact-check-page .ltv-2 li, .fact-check-page .ltv-2.affix-hide, .fact-check-page .navbar-default .navbar-toggle, .fact-check-page .navbar-nav.ltv-2, .fact-check-page .ul.nav.navbar-nav.navbar-right.ltv-2 li { display: none !important } .fact-check-page .emptyComponent .colombia-ad-unit .container { padding: 0 15px } .fact-check-page .sticky-menu.affix-top { border-color: #fff } } body:not(.asianet-malayalam) .thirdparty-applike-widget { display: none } .like-our-fb-page { display: flex; justify-content: center; align-items: center; background: #f5f5f5; border-radius: 5px; color: #325793; padding: 23px 15px 15px 15px; margin-bottom: 20px; text-align: left; border: 2px solid #dedede } .like-our-fb-page>.text-content { padding-right: 15px } .like-our-fb-page>.fb_iframe_widget { margin-top: -10px } #gameBanner { margin-bottom: 25px } #video .video-article-cont .PostBody { max-height: 450px; overflow-y: auto } #liveblog .LiveBlog ul { list-style: none; margin-left: 0; padding-left: 16px; text-indent: -3px; font-size: 14px; color: #424242 } #liveblog .LiveBlog ul li { margin: 5px 0 } #liveblog .LiveBlog ul li::before { content: "\2022"; color: #6b6261; font-weight: 700; display: inline-block; font-size: 16px; line-height: 0; position: relative; left: -10px } .mascot { width: 150px; height: 150px; position: fixed; bottom: 10px; left: 20px; display: block; overflow: hidden; z-index: 9999 } .close-btn { background: rgba(0, 0, 0, .7); border: none; color: #fff; float: right; font-family: sans-serif; font-size: 14px; cursor: pointer; padding: 0 5px; z-index: 999; position: absolute; left: 0; top: 0; border-radius: 50% } .mascot a, .mascot img { width: 100%; height: 100%; display: block } .fb-comments-modal { width: 30%; max-width: 400px; height: inherit; background: #fff } .fb-comments-modal.modal { padding-top: 25px; right: 0; left: auto; background: #fff } .fb-comments-modal .modal-header { padding: 0 0 15px 15px; overflow: visible } .fb-comments-modal .close { width: 30px; height: 30px; z-index: 9999; top: 0 } .fb-comments-modal .close img { width: 100%; height: 100%; display: block } .fb-comments-modal .modal-title { color: #3b5998; font-size: 18px; font-family: Roboto, Arial, sans-serif; font-weight: 700; margin-bottom: 8px } .fb-comments-modal .modal-dialog { width: 100%; margin: 0 auto } .fb-comments-modal .modal-content { width: 100%; margin: 0 auto; border: 0; box-shadow: none; background-color: none !important; background: 0 0 } .fb-comments-modal iframe { width: 100% } .fb-comments-btn { color: #fff; background: #3b5998; border-radius: 5px; border: none; width: 100%; position: relative; font-family: Roboto, sans-serif; max-width: 250px; display: block; margin: 0 auto; font-size: 16px; margin-bottom: 25px } .fb-comments-btn span { position: relative; margin-left: -40px } .fb-comments-btn span::after { content: ''; display: inline-block; width: 20px; height: 20px; position: absolute; margin-left: 10px; background-image: url(https://static.asianetnews.com/v1/images/comment-icon.svg); background-repeat: no-repeat; background-size: cover; top: 2px } @media(max-width:576px) { .fb-comments-modal.modal { padding-top: 25px; right: 0; left: 0; width: 100%; max-width: 100%; margin: 0; height: 500px; top: 10%; bottom: auto; overflow: hidden } .fb-comments-modal iframe, .fb_iframe_widget_fluid_desktop iframe { width: 100% !important; min-width: 100% !important } .fb-comments-modal .modal-body { overflow: scroll; height: 400px } } #onam-boat-race { background: #000 } #onam-boat-race .empty-component { overflow: scroll } .onam-boat-race { width: 100% } .onam-boat-race iframe { width: 100%; height: 639px } .onam-boat-race iframe body { margin-bottom: 0 } #onam-boat-race .StickyAd, #onam-boat-race .container, #onam-boat-race .template-content { display: none } #article-video-embedd { height: 429px } .article-static-promo-videos { width: 100%; max-width: 500px; margin: 0 auto } @media(max-width:414px) { #article-video-embedd { height: 200px } .mascot { width: 82px !important; height: 82px !important; position: fixed; left: 317px !important; bottom: 90px !important } } @media (max-width:376px) { #article-video-embedd { height: 179px } .mascot { width: 82px !important; height: 82px !important; position: fixed; left: 278px !important } } @media(max-width:360px) { #article-video-embedd { height: 170px } .mascot { width: 82px !important; height: 82px !important; position: fixed; left: 263px !important } } @media (max-width:320px) { #article-video-embedd { height: 148px } } @media (max-width:480px) { #video .video-article-cont .PostBody { height: auto; max-height: auto } .like-our-fb-page { display: block; padding: 13px 15px 15px 15px } .like-our-fb-page>.text-content { margin-bottom: 10px } .poll_section { display: block } .asianet-bangla .sticky-menu .navbar-brand, .asianet-hindi .sticky-menu .navbar-brand, .asianet-tamil .sticky-menu .navbar-brand { width: 110px !important; padding-top: 7px } @supports (-webkit-overflow-scrolling:touch) { .uae-exchange-component .container.classForCategoryPage { padding-left: 0; padding-right: 0 } } } @media (max-width:767px) { div.site-header { height: 50px } .affix ul.nav.navbar-nav.navbar-right.ltv-2.affix-hide { margin-right: 0 !important; padding-left: 0 } #play-icon { color: #fd6a37; font-size: 2.2em } #txt { vertical-align: -webkit-baseline-middle; padding-left: 5px; font-weight: 700 } } @media (max-width:1680px) { .sticky-panel { right: 12% } } @media (max-width:1440px) { .sticky-panel { right: 7%; margin-top: 5%; padding-left: 3% } } @media (max-width:1280px) { .sticky-panel { right: 1% } } @media (max-width:1024px) { .sticky-panel { right: 1% } .post-related-articles { display: block } } .asianet-malayalam .mobile-banner+.container .trending-topics .row>.col-md-8 { width: 100% } .asianet-malayalam .mobile-banner+.container .trending-topics .row>.col-md-8>.links { width: 1200px; margin: 0 auto } @media (max-width:576px) { .liveblog-post iframe { min-width: 100% !important; width: 100% } .livePlayer { padding-left: 0; padding-right: 0; min-height: 220px !important } .post-related-articles { display: none } .PostBody iframe { height: auto } } @media (max-width:768px) { .asianet-malayalam .mobile-banner+.container .trending-topics .row { margin: 0 } .asianet-malayalam .mobile-banner+.container .trending-topics .row>.col-md-8>.links { width: 100%; margin: 0 auto; padding-left: 15px } .sticky-menu.headroom.animated.headroom--not-bottom.affix.headroom--not-top.headroom--pinned .banner-area-mob, .sticky-menu.headroom.animated.headroom--not-bottom.affix.headroom--not-top.headroom--unpinned .banner-area-mob { display: none } } @media (max-width:700px) { .latest-stories-with-carousel-v2 .carousel-section .owl-dots, .latest-stories-with-carousel .carousel-section .owl-dots { top: 190px !important } } @media (max-width:576px) { #article .colombia-ad-unit { max-width: 576px; overflow-x: hidden } } @media (max-width:375px) { .video-billboard-ad-m>iframe { width: 100%; height: 178px } } @media (max-width:360px) { .latest-stories-with-carousel .carousel-section .owl-dots { top: 150px !important } #article .colombia-ad-unit { max-width: 360px; overflow-x: hidden } } @media (max-width:320px) { .asianet-bangla .sticky-menu .navbar-brand, .asianet-hindi .sticky-menu .navbar-brand, .asianet-tamil .sticky-menu .navbar-brand { width: 94px !important; padding-top: 9px } #article .colombia-ad-unit { max-width: 320px; overflow-x: hidden } } @media (min-width:769px) { .mob-ad, .mobile-top-ad { display: none } } #elections-lp .category-description .container { padding: 0 !important } .manual-widget .mobile-top-ad { display: block !important } .gallery-post .gd-art-txt a { display: inline; color: #337ab7 !important } #elections-lp div.top-2 .five-articles-with-ad section.top.white-bg.one-to-four-article div.col-md-12 div.row { margin-top: 0 !important } #elections-lp .cont-p.intro-div { max-height: 108px; overflow: hidden } #elections-lp .article-breadcrumbs, #elections-lp .breadcrum-box, #elections-lp ul.breadcrumb { background: #f2f3f5 !important } #elections-lp .specials-banner { margin-left: -30px } body#elections-lp.asianet-malayalam .black-bg .widget-title span { background: #14191f !important } body#elections-lp.asianet-malayalam .widget-title span { background: #fff !important } .six-articles-with-ad-black-background .black-bg .widget-title span { background: #14191f !important } @media (min-width:600px) { body#elections-lp.asianet-malayalam .container { padding-left: 0 !important; padding-right: 0 !important } } .assemblycarousel .owl-prev { position: absolute; left: -35px; background: url(https://static.asianetnews.com/v1/election-2021/prev.jpg) no-repeat !important; width: 22px; height: 22px; text-indent: -9999px } .assemblycarousel .owl-next { position: absolute; right: -35px; background: url(https://static.asianetnews.com/v1/election-2021/next.jpg) no-repeat !important; width: 22px; height: 22px; text-indent: -9999px } .assemblycarousel .owl-theme .owl-nav .owl-prev [class*=owl-] { background: url(https://static.asianetnews.com/v1/election-2021/prev.jpg) no-repeat !important } .assemblycarousel .owl-theme .owl-nav .owl-next [class*=owl-] { background: url(https://static.asianetnews.com/v1/election-2021/next.jpg) no-repeat !important } .assemblycarousel .owl-nav button img { display: none !important } .assemblycarousel .owl-carousel .owl-nav button.owl-next, .assemblycarousel .owl-carousel .owl-nav button.owl-prev { border: none !important } .candidate-slider .owl-prev { position: absolute; left: -35px; background: url(https://static.asianetnews.com/v1/election-2021/prev.jpg) no-repeat !important; width: 22px; height: 22px; text-indent: -9999px } .candidate-slider .owl-next { position: absolute; right: -35px; background: url(https://static.asianetnews.com/v1/election-2021/next.jpg) no-repeat !important; width: 22px; height: 22px; text-indent: -9999px } .candidate-slider .owl-theme .owl-nav .owl-prev [class*=owl-] { background: url(https://static.asianetnews.com/v1/election-2021/prev.jpg) no-repeat !important } .candidate-slider .owl-theme .owl-nav .owl-next [class*=owl-] { background: url(https://static.asianetnews.com/v1/election-2021/next.jpg) no-repeat !important } .candidate-slider .owl-nav button img { display: none !important } .candidate-slider .owl-nav .owl-next, .candidate-slider .owl-nav .owl-prev { border: none !important } .widgetscrollbtm .owl-prev { position: absolute; left: -35px; background: url(https://static.asianetnews.com/v1/election-2021/prev.jpg) no-repeat !important; width: 22px; height: 22px; text-indent: -9999px } .widgetscrollbtm .owl-next { position: absolute; right: -35px; background: url(https://static.asianetnews.com/v1/election-2021/next.jpg) no-repeat !important; width: 22px; height: 22px; text-indent: -9999px } .widgetscrollbtm .owl-theme .owl-nav .owl-prev [class*=owl-] { background: url(https://static.asianetnews.com/v1/election-2021/prev.jpg) no-repeat !important } .widgetscrollbtm .owl-theme .owl-nav .owl-next [class*=owl-] { background: url(https://static.asianetnews.com/v1/election-2021/next.jpg) no-repeat !important } .widgetscrollbtm .owl-nav button img { display: none !important } .candidate-slider .owl-nav .owl-next, .widgetscrollbtm .owl-nav .owl-prev { border: none !important } .assemblycarousel .txtsection a { color: #fff !important } button.owl-prev { background: url(https://static.asianetnews.com/v1/election-2021/prev.jpg) } button.owl-next { background: url(https://static.asianetnews.com/v1/election-2021/next.jpg) } .site-banner { text-align: center !important } #grievance-disclosure-template .greivance-container { padding: 30px 0px; } #grievance-disclosure-template .greivance-container p { text-align: center; font-weight: 700; } #grievance-disclosure-template .table-responsive { position: relative; width: 100%; overflow-y: hidden; overflow-x: auto; border: 1px solid #000; margin-top: 8px; } #grievance-disclosure-template .table { width: 100%; max-width: 100%; border-spacing: 0; border-collapse: collapse; } #grievance-disclosure-template .table-bordered>thead>tr>th { border: 1px solid #000; white-space: nowrap; } #grievance-disclosure-template .table-bordered>tbody>tr>td { border: 1px solid #000; border-bottom: 0; } #grievance-disclosure-template .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { background-color: #f5f5f5; } #grievance-disclosure-template .table>tbody>tr>td { padding: 4px 8px; border-right: 1px solid #000; border-bottom: 1px solid #000; } #grievance-disclosure-template .table>thead>tr>td { padding: 6px 8px; background: #a91f1c; color: #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; } #grievance-disclosure-template .table>thead>tr>td:last-child { border-right: 0; } #grievance-disclosure-template .table>tbody>tr>td:last-child { border-right: 0; } #grievance-disclosure-template .table>tbody>tr.bgcolor { background: #cecece; } .six-horizontal-articlesv2 .six-horizontal-articles ul.w02-posts li h4 { overflow: hidden; text-overflow: ellipsis; display: inline-block; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-height: 20px; max-height: 95px; padding-left: 10px; width: 59%; } .video-item-txt h3, .slid-item-txt h3 { color: #f1f4f5; } .seoh1text { font: bold 16px 'Source Sans Pro', sans-serif; text-transform: capitalize; margin-bottom: 10px; } /*using sprite*/ .headernewhomepage.headernewUI a#app_url_link, .headernewhomepage.headernewUI .fa-search:before, .headernewhomepage.headernewUI a#app_url_link2, .headernewhomepage.headernewUI .navbar-default .navbar-toggle, .aside.asidenUI .aside-header>.close, ul.quick-link li a i:before, .language-linksv2 ul.quick-action>li>a i:before, .site-header2 ul.quick-action>li>a i:before, .aside.asidenUI ul.quick-action>li>a i:before, .site-header2 .headernewhomepage.headernewUI ul.nav.navbar-nav.navbar-right.ltv-2 li a i:before, .site-footerv2 .social-sharing ul li a i:before, .site-header2 .fa-facebook-f:before, .site-header2 .fa-facebook:before, .site-header2 .fa-twitter:before, .TVshareicons .fa-twitter:before, .TVshareicons .fa-facebook-f:before, .TVshareicons .fa-facebook:before, .iconsprite:before, .video-post-play-icon { background-image: url(https://static.asianetnews.com/v1/AN_WAP_Icons.svg); background-repeat: no-repeat; display: inline-block; } .headernewhomepage.headernewUI a#app_url_link, .headernewhomepage.headernewUI a#app_url_link2 { background-position: -7px -110px; width: 26px; height: 22px; } .fa-angle-right:before { display: block; width: 12px; height: 12px; border: solid #ccc; border-width: 0 3px 3px 0; margin: 0 0 0 9px; vertical-align: middle; transform: rotate(-45deg); content: '' !important; } .nphotoicon:before { content: ''; width: 23px; height: 18px; float: left; margin-right: 15px; vertical-align: text-bottom; background-position: -7px -227px; filter: invert(100%); } @media screen and (max-width:767px) { .six-horizontal-articlesv2 .six-horizontal-articles .widget02-title { padding: 0; } .six-horizontal-articlesv2 .six-horizontal-articles ul.w02-posts li { padding: 0; } .six-horizontal-articlesv2 .six-horizontal-articles .w02-post .post-content { width: 100%; } .six-horizontal-articlesv2 .six-horizontal-articles ul.w02-posts { padding-bottom: 16px; } .widget-title h2 { margin: 5px 10px 5px 0; } .widget-title span { padding: 0; } .six-horizontal-articlesv2 .six-horizontal-articles ul.w02-posts li h4 { width: 58%; } .headernewhomepage.headernewUI ul.nav.navbar-nav.navbar-right.ltv-2 { align-items: center; } .headernewhomepage.headernewUI .fa-search:before { content: ''; width: 24px; height: 22px; background-position: -7px -73px; } .site-headerv2 .navbar-default .navbar-toggle { background-position: -11px 3px; width: 34px; height: 35px; /*margin-left: 0px;*/ } .site-headerv2 .sticky-menu.headroom--top .corp-logo { display: flex; align-items: center; } .site-headerv2 .sticky-menu.affix-top .navbar-brand, .site-headerv2 .sticky-menu.affix-top.headroom--pinned .navbar-brand { padding: 0; } .aside.asidenUI { display: grid; flex-direction: column; grid-template-rows: 56px 1fr 45px; } .aside.asidenUI .aside-social { clear: both; padding: 10px 0; background: #f6f6f6; position: fixed; bottom: 0; width: 100%; max-width: 310px; } .aside.asidenUI .aside-header>.close { margin: 0px !important; font-size: 0; background-position: -7px -39px; width: 18px; height: 18px; order: 3; } .aside.asidenUI .aside-header { padding: 5px 10px !important; display: flex; align-items: center; justify-content: space-between; } .fa-angle-right:before { margin: 0 0 0 5px; border-width: 0 2px 2px 0; width: 10px; height: 10px; } } /*new election page css*/ .aselHeading { display: flex; justify-content: space-between; align-items: center; } .aselHeading h2 { font: bold 24px/32px 'Source Sans Pro', sans-serif; text-transform: uppercase; } .aselHeading ul { display: flex; list-style: none; } .aselHeading ul li { font: normal 14px/20px 'Source Sans Pro', sans-serif; text-transform: uppercase; margin-left: 28px; } .aselHeading ul li a { color: #000; text-decoration: none; } .asemblywhtbox { background-color: #fff; padding: 20px; margin-bottom: 20px; display: flex; flex-direction: column; } .asemblywhtbox .asemblyheadingbox { display: flex; justify-content: space-between; margin-bottom: 20px; } .asemblywhtbox .asemblyheadingbox h3 { font: bold 20px/28px 'Source Sans Pro', sans-serif; color: #000; text-transform: uppercase; } a.moreelctionlink { font: normal 14px/20px 'Source Sans Pro', sans-serif; color: #B60704; text-decoration: none; text-transform: uppercase; display: flex; align-items: center; } a.moreelctionlink:after { content: ''; width: 7px; height: 7px; border: solid #B60704; border-width: 0 1px 1px 0; margin: 0 0 0 8px; transform: rotate(-45deg); } .asemblywhtbox .asemblycontentbox { display: flex; } .asemblywhtbox .asemblywhtboxleft { width: 520px; padding-right: 20px; display: flex; } .asemblywhtbox .asemblywhtboxleft .assemblyfirststory { width: 300px; } .asemblywhtbox .asemblywhtboxleft .assemblyfirststory .imgbox { width: 100%; position: relative; } .asemblywhtbox .asemblywhtboxleft .assemblyfirststory .imgbox:before { content: ''; display: block; width: 100%; padding-top: 80%; } .asemblywhtbox .asemblywhtboxleft .assemblyfirststory .imgbox div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; height: 100%; } .asemblywhtbox .asemblywhtboxleft .assemblyfirststory .imgbox div img { -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; } .asemblywhtbox .asemblywhtboxleft .assemblyfirststory p { color: #000; padding: 12px; margin: 0; max-height: 76px; background-color: #F9F9F9; font: bold 20px/28px 'Source Sans Pro', sans-serif; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .asemblywhtbox .asemblywhtboxleft .assemblyfirststory a { color: #000; text-decoration: none; } .asemblywhtbox .asemblywhtboxleft .assemblyremainstory { margin-left: 20px; width: calc(100% - 300px); } .asemblywhtbox .asemblywhtboxleft .assemblyremainstory ul { display: flex; flex-direction: column; list-style: none; } .asemblywhtbox .asemblywhtboxleft .assemblyremainstory ul li { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #ddd; } .asemblywhtbox .asemblywhtboxleft .assemblyremainstory ul li a { color: #000; font: 500 16px/20px 'Source Sans Pro', sans-serif; text-decoration: none; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .asemblywhtbox .asemblywhtboxleft .assemblyremainstory ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .asemblywhtbox .asemblywhtboxright { width: 320px; padding-left: 20px; border-left: 1px solid #DDD; text-align: center; } .asemblywhtbox .asemblywhtboxright h3 { font: bold 20px/24px 'Source Sans Pro', sans-serif; text-transform: capitalize; } .asemblywhtbox .asemblywhtboxright h4 { font: bold 14px/20px 'Source Sans Pro', sans-serif; color: #555; } .asemblywhtbox .asemblywhtboxright h5 { font: normal 12px/16px 'Source Sans Pro', sans-serif; color: #666; margin-top: 12px; } .top-ad { margin-bottom: 20px; } .assemblypollbox { padding: 20px; background-color: #fff; color: #000; margin-bottom: 20px; } .assemblypollbox h2 { font: bold 20px/28px 'Source Sans Pro', sans-serif; } .assemblypollbox p { font: normal 20px/28px 'Source Sans Pro', sans-serif; } .assemblypollbox label { border: 1px solid #ddd; background-color: #fff; padding: 10px; display: flex; align-items: center; margin-bottom: 12px; font: normal 16px/24px 'Source Sans Pro', sans-serif; } .assemblypollbox label span { margin-left: auto; font: 16px/24px 'Source Sans Pro', sans-serif; } .assemblypollbox label input[type="radio"] { margin-right: 8px; border: 1px solid #000; -webkit-appearance: none; width: 12px; height: 12px; border-radius: 100%; } .assemblypollbox label input[type="radio"]:checked { background: #000; } .assemblypollbox label:checked { background-color: #F9F9F9; } .assemblypollbox label input[type="radio"]:checked+span { font-weight: bold; } .assemblypollbox input[type="button"] { border: 0; cursor: pointer; font: bold 14px/20px 'Source Sans Pro', sans-serif; background: #C12C2A; color: #fff; text-transform: uppercase; margin: 0 auto; width: 200px; height: 32px; display: flex; align-items: center; justify-content: center; } .candidatelist { padding: 20px; background-color: #fff; color: #000; margin-bottom: 20px; } .candidatelist h2 { font: bold 20px/28px 'Source Sans Pro', sans-serif; margin-bottom: 16px; text-transform: uppercase; } .candidatelist .leadersbox { display: flex; margin-bottom: 20px; } .candidatelist .leadersbox:last-child { margin: 0; } .candidatelist .leadersbox .leadersboximg { min-width: 50px; height: 50px; margin-right: 12px; border: 1px solid #D5D5D5; } .candidatelist .leadersbox .leadersboximg img { width: 50px; height: 50px; } .candidatelist .leadersbox .leadersname { width: calc(100% - 62px); } .candidatelist .leadersbox .leadersname h3 { font: bold 16px/24px 'Source Sans Pro', sans-serif; max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .candidatelist .leadersbox .leadersname h4 { font: normal 14px/20px 'Source Sans Pro', sans-serif; color: #1A1A1A; } .mobilecandidatelist, .mobbileshow { display: none; } @media screen and (max-width:767px) { .mobbilehide { display: none !important; } .aselHeading h2 { font-size: 20px; } .asemblywhtbox { width: 88%; } .asemblywhtbox:last-child { margin-bottom: 0; } .asemblywhtbox .asemblycontentbox, .asemblywhtbox .asemblywhtboxleft { flex-direction: column; } .asemblywhtbox .asemblywhtboxleft { width: 100%; padding-right: 0px; } .asemblywhtbox .asemblywhtboxleft .assemblyfirststory { width: 100%; } .asemblywhtbox .asemblywhtboxright { width: 100%; padding: 0 0 24px; border: 0; } .asemblywhtbox .asemblywhtboxleft .assemblyremainstory { margin: 0px; width: 100%; } .asemblywhtbox .asemblywhtboxleft .assemblyfirststory p { background-color: #fff; padding: 12px 0 16px; border-bottom: 1px solid #ddd; } .asemblywhtbox .asemblywhtboxleft .assemblyremainstory ul li { padding: 16px 0; margin-bottom: 0; } .asemblywhtbox .asemblywhtboxleft .assemblyremainstory ul li:last-child { padding: 16px 0; margin-bottom: 24px; border-bottom: 2px solid #ddd; } .top-ad { text-align: center; margin: 0 auto; } .assemblypollbox { width: 88%; margin-top: 20px; } .rightside { display: none; } .mobilecandidatelist { display: block; } .candidatelist { padding: 20px 0 0; margin: 0; border-top: 2px solid #ddd; } .mobbileshow { display: block; } .moreelctionlink { border: 1px solid #B60704; justify-content: center; height: 32px; } } /*new election page css*/ .three-articles:empty { display: none; } ul.langmenu.static_items { text-transform: uppercase !important; } .mobileads { display: none; } @media only screen and (max-width: 600px) { .mobileads { display: block !important; } }