@import url(https://fonts.googleapis.com/css?family=Raleway); @import url(https://fonts.googleapis.com/css?family=Titillium+Web); @import url(https://fonts.googleapis.com/css?family=Ek+Mukta&subset=latin,devanagari); @import url(https://fonts.googleapis.com/css?family=Noto+Sans); body{ background:#ffffff;} a:focus, a:hover, .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {outline: none; text-decoration:none;} ul li{ list-style:none;} a{ color:#3399cc; text-decoration: none; } a:focus, a:hover{ color:#3399cc; } sup { top:-0.8em;} sub, sup { font-size:60%; line-height:0; position:relative; vertical-align:baseline;} p{ cursor:default;} .floatL{ float:left;} .floatR{ float:right;} .text-bold{ font-weight:bold;} .primary-link{ color:#3399cc;} .primary-link:hover{ color:#ff0000;} /*.primary-link:visited{ color:#000000;text-decoration:underline;}*/ .h1, h1{ font-size:38px;font-family: 'Raleway', sans-serif; font-weight:bold; color:#000; margin:20px 0 30px;} div, p, span { word-break:break-strict; word-wrap:break-word;} /*------------------------------------------------------------- General -------------------------------------------------------------*/ /*.container{ min-width:1240px;}*/ .carousel-control.left{ background-image:none; opacity:1;} .carousel-control.right{ background-image:none; opacity:1;} .carousel-control .icon-prev::before, .carousel-control .icon-next::before{ content:""} .container{ padding-left:10px; padding-right:10px;} .row{ margin-left:-10px; margin-right:-10px;} .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {position: relative;min-height: 1px;padding-right: 10px; padding-left: 10px} .row-eq-height { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;} /* font colors */ .color-fff{ color:#fff;}.color-333{color:#333333}.color-666{color:#666666}.color-ccc{color:#cccccc}, .color-999{ color:#999;} h2, h2 a{font-size:18px;color:#1f1f1f; letter-spacing:0px;font-family: 'Raleway', sans-serif; line-height:1.3; margin:0;display:inline-block; word-break:break-strict;} .navbar{ min-height:41px; border:none;} .navbar-toggle { float: left; padding: 3px 0; margin-left: 11px; border:none;} .navbar-toggle .icon-bar{ height:4px; border-radius:0; width:27px;} .navbar-inverse{ border-radius:0;} .navbar-inverse .navbar-nav li ul{ z-index:9999;} .top-head { border-bottom:1px solid #ccc; font-size:13px; font-family:Arial;} .top-head .inner-col{ border-right:1px solid #ccc; font-weight:bold; padding:6px 0 0px; } .top-head .inner-col a{line-height: 25px;} .top-head .inner-col-left{ border-right:1px solid #ccc; font-weight:bold; padding:8px 0 8px; } .top-head .no-border-right{ border-right:0; } .general-icons{ background:url(../images/generalIcons.png) no-repeat; display:inline-block;} .icon-head-fb { height:17px; width:10px; background-position:0 0; margin-top:3px;} .icon-head-fb:hover { height:17px; width:10px; background-position:0 -19px; margin-top:3px;} .icon-head-twitter { height:14px; width:17px; background-position:-12px -2px; margin-top:7px;} .icon-head-twitter:hover { height:14px; width:17px; background-position:-12px -21px; margin-top:7px;} .icon-head-google { height:12px; width:19px; background-position:-32px -3px;margin-top:7px;} .icon-head-google:hover { height:12px; width:19px; background-position:-31px -22px;margin-top:7px;} .icon-head-rssfeed { height:18px; width:17px; background-position:-53px 0;margin-top:4px;} .icon-head-rssfeed:hover { height:18px; width:17px; background-position:-53px -19px;margin-top:4px;} .icon18{ height:25px; width:25px; background-position:-91px 0} .icon-search{height:17px; width:17px; background-position:-72px -1px;} .top-head .input-group { padding:0 5px;} .top-head .input-group .form-control{ background:#e4e4e4; border:0; box-shadow:none; color:#666; height:26px; border-radius:0; font-size:13px; padding:0 9px; font-weight:normal;} .top-head .input-group .input-group-addon{position:relative; background:#e4e4e4;border:0; box-shadow:none;height:26px;border-radius:0;padding:0 6px;cursor:pointer; line-height:none;} .advert01{ cursor:pointer;} .navbar-inverse .navbar-nav > li{padding:9px 0 7px; text-transform:uppercase;} .navbar-inverse .navbar-nav > li.active, .navbar-inverse .navbar-nav > li:hover{ border-bottom:5px solid #ff0000; cursor:pointer;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{ background-color:transparent;} .navbar-inverse .navbar-nav > li > a{border-right:1px solid #666; padding:0 10px; color:#fff; font-size:14px; font-family: 'Titillium Web', sans-serif;} .icon-navigation-arrow-down{ width:13px; height:8px; background-position:-118px 0; } .navigation-button-group { margin-bottom:0; padding-left:0; } .btn-01, .btn-02, .btn-03, .btn-04, .btn-09, .btn-10{ border-radius:3px; padding:4px 4px; color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px;} .btn-01, .btn-10 { background:#588c73;} .btn-02 { background:#e7d158;} .btn-03 { background:#d96459;} .btn-04 { background:#77468c;} .btn-09 { background:#d0bb49;} .btn-01:before { height:17px; content:""; float:left; background:url(../images/generalIcons.png) no-repeat 0 -38px; width:16px; margin-right:5px; margin-top:1px;} .btn-02:before { height:17px; content:""; float:left; background:url(../images/generalIcons.png) no-repeat -18px -38px; width:17px; margin-right:5px; margin-top:1px;} .btn-03:before { height:17px; content:""; float:left; background:url(../images/generalIcons.png) no-repeat -37px -38px; width:11px; margin-right:5px; margin-top:1px;} .btn-04:before {height:17px;content:""; float:left; background:url(../images/generalIcons.png) no-repeat -50px -38px; width:15px; margin-right:5px;} .btn-09:before {height:16px;content:""; float:left; background:url(../images/generalIcons.png) no-repeat -160px -561px; width:20px; margin-right:5px; margin-top:2px;} .btn-10:before { height:19px; content:""; float:left; background:url(../images/generalIcons.png) no-repeat -154px -349px; width:20px; margin-right:5px; margin-top:1px;} .btn-01:hover, .btn-10:hover {color:#588c73; border:1px solid #588c73; background:#fff;} .btn-02:hover {color:#e7d158; border:1px solid #e7d158; background:#fff;} .btn-03:hover {color:#d96459; border:1px solid #d96459; background:#fff;} .btn-04:hover {color:#77468c; border:1px solid #77468c; background:#fff;} .btn-09:hover {color:#d0bb49; border:1px solid #d0bb49; background:#fff;} .btn-01:hover:before { height:17px; content:""; float:left; background:url(../images/generalIcons.png) no-repeat 0 -57px; width:16px; margin-right:5px; margin-top:1px;} .btn-02:hover:before { height:17px; content:""; float:left; background:url(../images/generalIcons.png) no-repeat -18px -57px; width:17px; margin-right:5px; margin-top:1px;} .btn-03:hover:before { height:17px; content:""; float:left; background:url(../images/generalIcons.png) no-repeat -37px -57px; width:11px; margin-right:5px; margin-top:1px;} .btn-04:hover:before { height:17px; content:""; float:left; background:url(../images/generalIcons.png) no-repeat -50px -57px; width:15px; margin-right:5px;} .btn-09:hover:before { height:16px; content:""; float:left; background:url(../images/generalIcons.png) no-repeat -160px -578px; width:20px; margin-right:5px;} .btn-10:hover:before { height:19px; content:""; float:left; background:url(../images/generalIcons.png) no-repeat -176px -349px; width:20px; margin-right:5px; margin-top:1px;} .top-story{ position:relative;} .top-story img{ max-width:600px; max-height:345px; } .top-story-badge{ font-size:12px; background:#ff0000; padding:6px 8px; color:#fff; cursor:default;font-family: 'Raleway', sans-serif;} .top-story-description{ position:absolute; bottom:0; padding:18px 18px; width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.72+49,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.72) 49%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 49%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 49%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );} .top-story-title{font-size:34px; font-weight:700; margin-bottom:0;margin-top:10px;} .top-story-title a{ color:#fff; letter-spacing:1.5px; font-family: 'Raleway', sans-serif; word-wrap:break-word;} .story-box{ border-bottom:5px solid #bcbcbc;} .story-box-description{padding:4px 0px 6px;} .story-box-title{font-size:18px; margin-bottom:0; margin-top:10px; overflow:hidden; height:78px;} .story-box-details{ font-size:12px; font-family:Arial; margin-top:16px;} .icon-fb { background-position:-79px -27px; width:9px; height:16px; margin-right:3px;} .icon-fb:hover { background-position:-79px -45px;} .icon-twit { background-position:-90px -27px; width:14px; height:16px;margin-right:3px;margin-left:3px;} .icon-twit:hover { background-position:-90px -45px;} .icon-whatsapp { background-position:-106px -27px; width:15px; height:16px;margin-right:3px;margin-left:3px;} .icon-whatsapp:hover{ background-position:-106px -45px;} .icon-share { background-position:-123px -27px; width:15px; height:16px;margin-left:3px;} .icon-share:hover { background-position:-123px -45px;} .advert02 img{ border:1px solid #a2a0a1;} .advert03{ margin-top:6px;} .secondary-story-outer{ margin-top:20px;} .call-to-action {font-family:Arial; border-radius:3px; padding:6px 14px 6px 15px; font-size:12px; font-weight:normal;} .call-to-action-01 { color:#3399cc; border:1px solid #3399cc;} .call-to-action-01:hover { background:#3399cc; color:#fff;} .call-to-action-02 { color:#588c73; border:1px solid #588c73;} .call-to-action-02:hover { background:#588c73; color:#fff;} .call-to-action-03 { color:#d96459; border:1px solid #d96459;} .call-to-action-03:hover { background:#d96459; color:#fff;} .call-to-action-04 { color:#77468c; border:1px solid #77468c;} .call-to-action-04:hover { background:#77468c; color:#fff;} .call-to-action-05 { color:#999966; border:1px solid #999966;} .call-to-action-05:hover { background:#999966; color:#fff;} .call-to-action-06 { color:#d0bb49; border:1px solid #d0bb49;} .call-to-action-06:hover { background:#d0bb49; color:#fff;} .section-header { color:#ff0000; font-size:24px; font-weight:bold; font-family: 'Titillium Web', sans-serif; cursor:default; } .section-header:before { background:url(../images/generalIcons.png) no-repeat -99px -142px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px;} .newswire:before { background:url(../images/generalIcons.png) no-repeat 0 -76px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; margin-bottom:5px;} .features:before { background:url(../images/generalIcons.png) no-repeat -33px -76px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .photos:before { background:url(../images/generalIcons.png) no-repeat -66px -76px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .trending:before { background:url(../images/generalIcons.png) no-repeat -66px -142px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .videos:before { background:url(../images/generalIcons.png) no-repeat 0 -109px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .tags:before { background:url(../images/generalIcons.png) no-repeat -33px -109px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .twitter:before { background:url(../images/generalIcons.png) no-repeat 0 -175px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .newsBrief:before { background:url(../images/generalIcons.png) no-repeat -99px -142px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .entertainment:before { background:url(../images/generalIcons.png) no-repeat -33px -175px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .india:before { background:url(../images/generalIcons.png) no-repeat -99px -76px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .politics:before { background:url(../images/generalIcons.png) no-repeat -0px -142px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .business:before { background:url(../images/generalIcons.png) no-repeat -33px -142px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .world:before { background:url(../images/generalIcons.png) no-repeat -66px -109px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .newsletter:before { background:url(../images/generalIcons.png) no-repeat -99px -109px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .like:before { background:url(../images/generalIcons.png) no-repeat -99px -175px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .latestStory:before { background:url(../images/generalIcons.png) no-repeat -132px -76px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .userStory:before { background:url(../images/generalIcons.png) no-repeat -132px -109px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .related-photos:before { background:url(../images/generalIcons.png) no-repeat -132px -142px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .trending-photos:before { background:url(../images/generalIcons.png) no-repeat -132px -175px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .comics:before { background:url(../images/generalIcons.png) no-repeat -165px -76px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .FnPhotos:before { background:url(../images/generalIcons.png) no-repeat -165px -109px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .bestOf:before { background:url(../images/generalIcons.png) no-repeat -165px -142px; content:""; height:32px; width:32px; float:left; margin-right:8px; line-height:32px; } .carousal-newswire { background:#333; border:1px solid #e3e3e3; padding:0; } .carousal-newswire .item {background:#333;} .carousal-newswire .item-outer{ border-right:1px solid #525252;} .carousal-newswire .item-details{ color:#ccc; font-family: 'Raleway', sans-serif; font-size:13px; margin-right:10px; display:block; height:70px; word-break:break-strict; } .carousal-newswire .owl-carousel {display:none; width:100%; -webkit-tap-highlight-color:transparent; /* position relative and z-index fix webkit rendering fonts issue */ position:relative; z-index:1; padding:15px 10px 10px;} .carousal-newswire .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; } .carousal-newswire .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .carousal-newswire .owl-carousel .owl-stage-outer {position:relative; overflow:hidden; -webkit-transform:translate3d(0px, 0px, 0px);} .carousal-newswire .owl-carousel .owl-controls, .carousal-newswire .owl-nav { width:100%; text-indent:-9999999px;} .carousal-newswire .owl-nav .owl-prev, .carousal-newswire .owl-nav .owl-next{ background:url(../images/generalIcons.png) no-repeat; width:9px; height:17px; margin-top:15px;} .carousal-newswire .owl-nav .owl-prev {position:absolute;top:0;bottom:0;left: 3px; background-position:-0px -209px; margin:auto; z-index:999;} .carousal-newswire .owl-nav .owl-next {position:absolute;top:0;bottom:0;right:3px; background-position:-10px -209px; margin:auto; z-index:999;} .carousal-newswire .owl-nav:before{ background:#3399cc; content:""; display:block; width:15px; height:100%; position:absolute; left:0; top:0;} .carousal-newswire .owl-nav:after{ background:#3399cc; content:""; display:block; width:15px; height:100%; position:absolute; right:0; top:0;} .carousal-newswire .owl-nav:hover .owl-prev{background-position:-21px -209px;} .carousal-newswire .owl-nav:hover .owl-next{background-position:-31px -209px;} .carousal-newswire .owl-nav:hover:before { background:#e8e8e8;} .carousal-newswire .owl-nav:hover:after{ background:#e8e8e8;} .carousal-newswire .owl-carousel .owl-controls .owl-nav .owl-prev, .carousal-newswire .owl-carousel .owl-controls .owl-nav .owl-next, .carousal-newswire .owl-carousel .owl-controls .owl-dot {cursor: pointer;cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .carousal-newswire .owl-carousel.owl-loaded {display: block; margin:0px 0 0;} .carousal-newswire .owl-carousel .owl-item {position:relative; min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .carousal-newswire .owl-carousel .owl-item img{ float:left; margin-right:9px; margin-left:10px;transition: all .2s ease-in-out; width:100px; height:75px; overflow:hidden;} .carousal-newswire .owl-carousel .owl-item a:hover img{transform: scale(1.1);} .carousal-newswire .owl-carousel .owl-item.cloned{ margin-left:-1px;} .carousal-newswire .owl-carousel .owl-item:last-child{ border:none;} .carousal-newswire .owl-dots, .carousal-newswire .owl-thumbs{ display:none;} .vdo-outer{ position:relative; float:left; display:block;} .icon-vdo{ position:absolute; background-position:-66px -175px; height:30px; width:30px; top:30%; left:40%;} .top-story-carousel{ margin-top:21px; border:1px solid #fff;} .top-story-carousel .carousel-indicators{ bottom:-46px; } .top-story-carousel .carousel-indicators li{ background:#ccc; border:0; height:18px; width:18px; margin:0;} .top-story-carousel .carousel-indicators li.active{ background:#3399cc; border:0;} .top-story-carousel .call-to-action-01{ margin-top:10px;} .widgets-outer{ margin-top:20px;} .widget { border:1px solid;} .widget-buzzpoop{ border-color:#588c73;} .widget-hindi{ border-color:#d96459;} .widget-myFn{ border-color:#77468c;} .widget-Fn-myFakingNews, .widget-Fn-hindiFakingNews{ border-color:#d0bb49;} .widget-title{ color:#fff; font-size:24px; font-weight:700; font-family:'Titillium Web', sans-serif;padding:8px 11px 10px; line-height:28px;} .widget-buzzpoop .widget-title{ background:#588c73; } .widget-buzzpoop .widget-title:before{background:url(../images/generalIcons.png) no-repeat -41px -209px; content:""; height:27px; width:27px; float:left; margin-right:8px;} .widget-hindi .widget-title{ background:#d96459; } .widget-hindi .widget-title:before{background:url(../images/generalIcons.png) no-repeat -69px -209px; content:""; height:27px; width:18px; float:left; margin-right:8px;} .widget-myFn .widget-title{ background:#77468c; } .widget-myFn .widget-title:before{background:url(../images/generalIcons.png) no-repeat -88px -209px; content:""; height:27px; width:24px; float:left; margin-right:8px;} .widget-Fn-hindiFakingNews .widget-title, .widget-Fn-myFakingNews .widget-title{ background:#d0bb49; } .widget-Fn-hindiFakingNews .widget-title:before, .widget-Fn-myFakingNews .widget-title:before{background:url(../images/generalIcons.png) no-repeat -166px -51px; content:""; height:24px; width:31px; float:left; margin-right:8px; margin-top:2px;} .widget-content{ padding:5px 0 8px;} .widget-primary-story{ position:relative;} .widget-primary-story img{width:298px; height:223px; overflow:hidden;} .primary-story-description{ position:absolute; bottom:0; padding:40px 8px 10px; width:100%; word-wrap:break-word; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );*/} .primary-story-description a{ font-size:24px; font-size:18px;font-family: 'Raleway', sans-serif; color:#fff; } .widget-secondary-story{ padding:20px 6px 0 8px; height:95px; overflow:hidden;} .widget-secondary-story img{ float:left; margin-right:9px; max-width:100px; max-height:75px; overflow:hidden;} .widget-secondary-story a{ color:#000; line-height:10px; vertical-align:text-top;} .widget-secondary-story a span{ word-break:break-strict;} .widget-secondary-story a:hover, .widget-secondary-story a:focus{ color:#3399cc;} .action-panel{ width:100%; padding:14px 8px 0 0;} .widget-myFn .widget-secondary-story, .widget-Fn-hindiFakingNews .widget-secondary-story{ margin-top:10px;} .widget-myFn .widget-secondary-story:first-child, .widget-Fn-hindiFakingNews .widget-secondary-story:first-child{ margin-top:2px;} .btn-secondary{ text-align:center; background:#f6f6f6; border:1px solid #cfcfcf; display:block; margin:0; color:#000; font-size:14px; font-family:'Raleway', sans-serif; margin:1px 0; padding:8px 0 9px;} .btn-secondary:hover{ color:#3399cc; border-color:#3399cc; background:#fff;} .btn-secondary:first-child{ margin-right:-9px;} .btn-secondary:last-child{ margin-left:-9px;} .features-section .features{margin-bottom:7px; } .contribute{ margin-top:27px;} .contribute-title{ text-align:center; text-transform:uppercase; color:#fff; font-family: 'Raleway', sans-serif; font-weight:bold; background:#7b1101; padding:12px 0 14px;} .contribute .content{ background:#aa1801; text-align:center; color:#cecece; padding:15px 29px 25px;} .btn-05{ font-size:14px; font-weight:bold; text-transform:uppercase; color:#aa1801; text-align:center; width:100%; background:#fff; padding:8px 0; display:block;-webkit-box-shadow: 0 2px 3px 0 #333;box-shadow: 0 2px 3px 0 #333; margin-top:20px;} .photos-outer{ background:#000; border:7px solid #000; position:relative; margin-top:12px;} .photos-outer .owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index:1;} .photos-outer .owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;} .photos-outer .owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height:0;} .photos-outer .owl-carousel .owl-stage-outer {position: relative;overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);} .photos-outer .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .photos-outer .owl-carousel.owl-loaded {display: block;} .photos-outer .owl-carousel.owl-loading {opacity: 0;display: block;} .photos-outer .owl-carousel.owl-hidden {opacity: 0;} .photos-outer .owl-carousel .owl-refresh .owl-item {display: none;} .photos-outer .owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select: none;} .photos-outer .owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d;} .photos-outer .owl-carousel.owl-text-select-on .owl-item {-webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto;} .photos-outer .owl-carousel .owl-grab {cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;} .photos-outer .owl-carousel.owl-rtl {direction: rtl;} .photos-outer .owl-carousel.owl-rtl .owl-item {float: right;} .photos-outer .no-js .owl-carousel {display: block;} .photos-outer .owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;} .photos-outer .owl-carousel .owl-item img {transform-style: preserve-3d;max-width:663px; max-height:374px; overflow:hidden;} .photos-outer .owl-carousel .owl-item img {transform-style: initial; height: 100%; object-fit: cover; } .photos-outer .owl-thumb-item img {max-height:88px; max-width:158px;height: auto; } .photos-outer .owl-thumbs {display: table; /*width: 100%;*/ padding:0; margin:10px 0 5px; z-index:99999999;} .photos-outer .owl-thumb-item{display:table-cell; border:none; background:none; padding:0; border:1px solid #333; margin:0 6px;} .photos-outer .owl-thumb-item:first-child{ margin-left:0;} .photos-outer .owl-thumb-item:last-child{ margin-right:0;} .photos-outer .owl-thumb-item:hover{border:1px solid #ff0000;-webkit-box-shadow: 0 0 1px 1px #ff0000;box-shadow: 0 0 1px 1px #ff0000;} .photos-outer .owl-thumb-item.active {border:1px solid #ff0000;-webkit-box-shadow: 0 0 1px 1px #ff0000;box-shadow: 0 0 1px 1px #ff0000;} .photos-outer .owl-nav{width:100%; height:100%; text-indent:-9999px; } .photos-outer .owl-prev{background:url(../images/generalIcons.png) no-repeat 0 -238px; opacity:1;height:72px; width:27px; left:0; position:absolute;top:0; bottom:0; margin:auto auto auto -7px; } .photos-outer .owl-next{background:url(../images/generalIcons.png) no-repeat -28px -238px; opacity:1;height:72px; width:27px; right:0; position:absolute; top:0; bottom:0; margin:auto -7px auto auto;} .photos-outer .owl-controls.left:hover .icon-prev{ background: url(../images/generalIcons.png) no-repeat -56px -238px; opacity:1;} .photos-outer .owl-controls.right:hover .icon-next{ background: url(../images/generalIcons.png) no-repeat -84px -238px; opacity:1;} .photos-outer .owl-dots{ display:none; visibility:hidden;} .photos-outer .photo-story-badge{ background:#ff0000; font-family:Arial; font-size:12px; color:#fff; display:inline-block; padding:1px 27px 1px 7px; font-weight:bold;} .carousel-text{ padding:0 20px 0 0;} .carousel-text:before{ content:""; display:block; width:0; height:0; border-top:12px solid transparent; border-bottom:12px solid transparent;border-right:12px solid black; position:absolute; top:16px; left:-22px;} .photos-outer h2{ margin-top:13px; margin-bottom:13px;} .photos-outer h2 a{font-size:20px; color:#fff; font-weight:bold;font-family: 'Raleway', sans-serif; text-shadow: 0 0 1px #fff; } .photos-outer p{font-family: 'Raleway', sans-serif;color:#999; margin-top:3px; /*margin-right:35px;*/ margin-bottom:17px;} .photos-outer .social-media-icons{ position:absolute; bottom:0px; right:70px;} .trending-tabs-outer{ border-top:5px solid #ff0000; margin-top:12px; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;} .trending-tabs-outer .nav-tabs li a{ font-family:'Raleway', sans-serif; color:#fff; font-size:16px; border-left:1px solid #ccc; border-radius:0; margin:0; padding:10px 0; background: #000;} .trending-tabs-outer .nav-tabs li a:hover, .trending-tabs-outer .nav-tabs li a:focus{ background:#000; color:#fff;border-color:#000;} .trending-tabs-outer .nav-tabs.nav-justified > .active > a, .trending-tabs-outer .nav-tabs.nav-justified > .active > a:focus, .trending-tabs-outer .nav-tabs.nav-justified > .active > a:hover{border-color:#fff #fff #ccc;} .trending-tabs-outer .nav-tabs li.active a{ background:#fff; color:#000; border-color:#000;} .trending-tabs-outer .tab-content ul{ padding:0} .trending-tabs-outer .tab-content ul li { padding-bottom:10px; border-bottom:1px solid #ccc;} .trending-tabs-outer .tab-content ul li a{ padding:19px 10px 0px; display:block; font-size:14px; font-family:'Raleway', sans-serif; color:#000; max-height:98px; overflow: hidden;} .trending-tabs-outer .tab-content ul li a span{ display:block; word-break:break-strict; word-wrap:break-word;} .trending-tabs-outer .tab-content ul li a:hover, .trending-tabs-outer .tab-content ul li a:focus{ color:#3399cc;} .trending-tabs-outer .tab-content ul li a img{ float:left; margin-right:10px; max-height:75px; max-width:100px;} .trending-tabs-outer .tab-content ul li:last-child{ border-bottom:0;} .tags-section{ margin-top:20px;} .tags-outer{ margin-top:19px;} .btn-06{ background:#f6f6f6; border:1px solid #ccc; color:#000; padding:7px 9px; margin-right:2px; margin-bottom:3px; display:inline-block; float:left;} .btn-06:last-child{ margin-right:0;} .btn-06:hover{ background:#3399cc; border-color:#3399cc; color:#fff;} .twitter-section{margin-top:20px;} .twitter-outer{ margin-top:14px;} .videos-section{ margin-top:50px;} .videos-outer{ margin-top:17px; position:relative;} .videos-outer .icon-vdo{ background-position:0 -310px; width:63px; height:63px; top:20%; left:40%; position:absolute; } .videos-outer .videos-description{ font-family:'Raleway', sans-serif; color:#1f1f1f; font-size:18px; /*overflow:hidden;*/ display:block; height:100px; margin-bottom:15px; word-break:break-strict;} .videos-outer .videos-description a{ color:#1f1f1f;} .videos-outer .videos-description a:hover, .videos-outer .videos-description:hover, .videos-outer .videos-description:focus{ color:#3399cc; } .videos-outer .videos-description .category-badge{ color:#999; font-size:12px; text-transform:uppercase;} .videos-outer .item{background:#fff;} .videos-outer .owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1;} .videos-outer .owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y; margin-bottom:1px;} .videos-outer .owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .videos-outer .owl-carousel .owl-stage-outer {position: relative;overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);} .videos-outer .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .videos-outer .owl-carousel.owl-loaded {display: block;} .videos-outer .owl-carousel.owl-loading {opacity: 0;display: block;} .videos-outer .owl-carousel.owl-hidden {opacity: 0;} .videos-outer .owl-carousel .owl-refresh .owl-item {display: none;} .videos-outer .owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .videos-outer .owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d;transform-style: initial; height: 100%; object-fit:cover; transform-style:preserve-3d;/*max-width:300px; max-height:169px; overflow:hidden*/} .videos-outer .owl-carousel.owl-text-select-on .owl-item {-webkit-user-select:auto ;-moz-user-select:auto; -ms-user-select:auto; user-select:auto;} .videos-outer .owl-carousel .owl-grab {cursor:move; cursor:-webkit-grab;cursor:-o-grab;cursor: -ms-grab; cursor:grab;} .videos-outer .owl-carousel.owl-rtl {direction:rtl;} .videos-outer .owl-carousel.owl-rtl .owl-item {float:right;} .videos-outer .no-js .owl-carousel {display:block;} .videos-outer .owl-carousel .owl-item .owl-lazy {opacity:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease;} .videos-outer .owl-nav{width:100px; height:100%; text-indent:-9999px; position:absolute; top:-50px; right:0; } .videos-outer .owl-prev{background:url(../images/generalIcons.png) no-repeat -65px -311px; opacity:1;height:41px; width:41px; float:left;} .videos-outer .owl-next{background:url(../images/generalIcons.png) no-repeat -107px -311px; opacity:1;height:41px; width:41px; float:right;} .videos-outer .icon-prev:hover{background:url(../images/generalIcons.png) no-repeat -65px -353px; opacity:1;} .videos-outer .icon-next:hover{background:url(../images/generalIcons.png) no-repeat -107px -353px; opacity:1;} .videos-outer .owl-dots, .videos-outer .owl-thumbs{ display:none; visibility:hidden;} .newsBrief-section{margin-top:20px;} .newsBrief-section .newsBrief-outer{ margin-top:16px;} .newsBrief-section .newsBrief-box a img{ width:300px; height:169px; overflow:hidden;} .newsBrief-section .newsBrief-outer .newsBrief-story-line{ margin-top:9px; height:70px; overflow:hidden;} .newsBrief-section .newsBrief-outer .newsBrief-box-details{margin-top:20px;} .newsBrief-section .newsBrief-outer .newsBrief-story-details{ margin-top:21px;} .newsBrief-section .newsBrief-outer .newsBrief-story-details p{ font-family:'Raleway', sans-serif; color:#666; margin:0; max-height:120px; overflow:hidden; word-break:break-strict; } .news-list{ padding:0; margin-bottom:0; } .news-list li{ display:inline-block; margin-bottom:25px;} .news-list li a{ color:#000; font-size:14px;font-family:'Raleway', sans-serif; display:block; height:80px; overflow:hidden; word-break:break-strict;} .news-list li a span{ word-wrap:break-word;} .news-list li a:hover, .news-list li a:focus{ color:#3399cc;} .news-list li a img{ float:left; margin-right:10px; max-height:75px; max-width:100px;} .entertainment-section{ margin-top:20px;} .entertainment-section .section-header{ margin-top:0;} .entertainment-section .entertainment-outer{ background:#f4f2d6; margin-top:15px;} .entertainment-section .entertainment-outer .entertainment-story{ margin-top:22px;} .entertainment-section .entertainment-outer .entertainment-story a img{ max-height:141px; max-width:250px; overflow:hidden;} .entertainment-section .entertainment-outer .entertainment-story h2 a{ color:#000; max-height:70px; overflow:hidden; } .entertainment-section .entertainment-outer .entertainment-story .entertainment-story-details{ font-family:Arial; font-size:12px; margin-top:12px; margin-bottom:8px; } .entertainment-section .entertainment-outer .entertainment-story-outer{ padding-left:15px;font-family:'Raleway', sans-serif;cursor:default;} .entertainment-highlight-story{ background:#eae7af; display:block; padding-top:22px; min-height:100%;} .entertainment-highlight-story .entertainment-highlight-story-outer{ padding:10px 11px 45px;font-family:'Raleway', sans-serif;} /* chrome and safari only css */ @media screen and (-webkit-min-device-pixel-ratio:0){ .entertainment-highlight-story .entertainment-highlight-story-outer{padding:10px 11px 56px;} } .entertainment-highlight-story img{ max-height:169px; max-width:285px; overflow:hidden;} .entertainment-highlight-story .entertainment-highlight-story-outer h2 a{color:#1f1f1f; overflow:hidden; max-height:95px;} .entertainment-highlight-story .entertainment-highlight-story-outer .entertainment-highlight-details{ margin-top:15px; font-size:12px;} .entertainment-highlight-story .entertainment-highlight-story-outer .entertainment-highlight-story-detail{ margin-top:20px; color:#333;} .entertainment-section .entertainment-outer .news-list{margin-top:22px; margin-bottom:0;} .entertainment-section .entertainment-outer .news-list li:last-child{ margin-bottom:0;} .category-news-section{ margin-top:20px;} .category-news-section .widget-secondary-story{ padding-left:0; padding-right:0;} .category-news-section .widget-content{ padding-top:8px;} .category-news-section .widget-content .news-list li:last-child{ /*margin-bottom:5px;*/ margin-bottom:0px; } footer{ background:#101010; padding:52px 0px 29px; margin-top:20px;} footer .header{ font-size:18px; color:#fff; text-transform:uppercase; font-family:'Titillium Web', sans-serif; font-weight:bold;} footer .footer-story-outer { margin-top:15px;} footer .footer-story-outer .news-list li a{ color:#999; } footer .footer-story-outer .news-list li a:hover{ text-decoration:underline;} footer .footer-story-outer .news-list li{ margin-bottom:30px; padding-left:0; padding-right:0;} footer .footer-story-outer .footer-about-list ul{ margin:0 0 0 13px; padding:0;} footer .footer-story-outer .footer-about-list ul li{ list-style:disc; color:#ff0000; margin-bottom:21px; font-size:15px;} footer .footer-story-outer .footer-about-list ul li:last-child{ margin-bottom:0;} footer .footer-story-outer .footer-about-list ul li a{ color:#999; font-size:14px; font-family:'Raleway', sans-serif;} footer .section-header.newsletter{ font-size:18px; text-transform:uppercase; margin-top:63px;} footer .footer-story-outer .footer-about-list ul li a:hover{ text-decoration:underline;} footer .footer-story-outer p{font-family:'Raleway', sans-serif; color:#999; margin-top:15px;} footer .footer-story-outer .input-group .form-control{ border-radius:0; border-color:#fff; font-size:12px;font-family:'Raleway', sans-serif; padding:12px 8px; height:auto;} footer .footer-story-outer .input-group .input-group-btn .btn.btn-default{border-color:#3399cc;border-radius:0; background:#3399cc; color:#fff; font-size:14px; padding:11px 12px 10px;} /* Internet Explorer 10+, Microsoft Edge Browser */ _:-ms-lang(x), footer .footer-story-outer .input-group .input-group-btn .btn.btn-default { padding:9px 12px 9px;} footer .footer-story-outer .input-group .form-control::-webkit-input-placeholder { color:#000; font-family:'Raleway', sans-serif;} footer .footer-story-outer .input-group .form-control::-moz-placeholder { color:#000; font-family:'Raleway', sans-serif;} footer .footer-column-outer {border-right:1px solid #393939;} footer .footer-column-outer.no-border-col{ border-right:0 !important;} footer .footer-copywrite{ border-top:1px solid #393939; margin-top:46px; color:#999; padding:7px 0 35px;font-family:'Raleway', sans-serif; cursor:default; } footer .footer-copywrite a{ color:#fff; margin-left:21px;} footer .footer-copywrite a:hover{ text-decoration:underline;} footer .footer-copywrite .header{float: left; margin-top: 7px; margin-right: 10px;} footer .footer-copywrite .social-media-outer{ float:right; margin-top:7px; } .disclaimer{ font-size:12px; margin-top:18px;} footer .footer-copywrite .social-media-icons{ padding:0; float:left;} footer .footer-copywrite .social-media-icons li{ display:inline; margin-right:5px;} footer .footer-copywrite .social-media-icons li:last-child{ margin-right:0;} footer .footer-copywrite .social-media-icons li a{ border:1px solid #333; margin:0; display:inline-block; padding-bottom:4px; padding-top:8px; padding-left:12px; padding-right:10px;} footer .footer-copywrite .social-media-icons li a.fb:hover{ background:#3b579d; border-color:#3b579d;} footer .footer-copywrite .social-media-icons li a.twit:hover{ background:#2caae1; border-color:#2caae1;} footer .footer-copywrite .social-media-icons li a.gplus:hover{ background:#de5044; border-color:#de5044;} footer .footer-copywrite .social-media-icons li a .icon-fb{ height:19px; width:11px; background-position:0 -376px;} footer .footer-copywrite .social-media-icons li a:hover .icon-fb{ background-position:0 -396px;} footer .footer-copywrite .social-media-icons li a .icon-twitter{height:19px; width:19px; background-position:-13px -376px;} footer .footer-copywrite .social-media-icons li a:hover .icon-twitter{background-position:-13px -396px; } footer .footer-copywrite .social-media-icons li a .icon-google{height:19px; width:20px; background-position:-34px -376px;} footer .footer-copywrite .social-media-icons li a:hover .icon-google{background-position:-34px -396px;} .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{ margin: auto;} /*.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{ min-width:100%;}*/ .article{} .breadcrumb{ background-color:transparent; font-size:12px; font-family:Arial; margin:0; padding:0;} .breadcrumb > li + li::before{ color:#666;} .breadcrumb a{ color:#666;} .breadcrumb .active{ font-weight:bold; color:#000;} .article header { font-family:Arial; color:#666; font-size:12px; margin-top:21px;} .article header h1{ font-size:38px; font-weight:bold; color:#000; font-family:'Raleway', sans-serif; margin:0;} .article header .article-details{ margin-top:14px;} .article header .article-details .author:before{ content:" / "; display:inline-block; color:#666; font-weight:normal; margin-left:5px; margin-right:6px;} .article header .article-details .author{ font-weight:bold;color:#333;} .article .author-details .author-article-link{ float:left; } .article article, .article aside{ margin-top:20px;} .article .article-social-share{ margin-top:17px;} .article .article-social-share ul { padding:0; margin:0;} .article .article-social-share ul li { display:inline-block; margin-right:9px;} .article .article-social-share ul li .icon-fb{ height:32px; width:32px; background-position:0 -417px;margin:0; } .article .article-social-share ul li .icon-twit{ height:32px; width:32px; background-position:-33px -417px; margin:0; } .article .article-social-share ul li .icon-reddit{ height:32px; width:32px; background-position:-66px -417px; } .article .article-social-share ul li .icon-flipboard{ height:32px; width:32px; background-position:-99px -417px; } .article .article-social-share ul li .icon-mail{ height:32px; width:32px; background-position:0 -450px; } .article .article-social-share ul li .icon-whatsapp{ height:34px; width:34px; background-position:-33px -450px; margin:0; } .article .article-social-share ul li .icon-linkedin{ height:34px; width:34px; background-position:-116px -480px; margin:0; } .article .article-social-share ul li .icon-pinterest{height:34px; width:34px; background-position:-151px -480px; margin:0; } .article .article-content { margin-top:30px; position:relative;} .article .article-content p{ font-family:'Raleway', sans-serif; font-size:16px; line-height:1.4; color:#000; margin-bottom:27px;} .article .article-content figure{ position:relative; margin:0 10px 15px; overflow:hidden;} /*.article .article-content figure.wp-caption img{ -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease; max-width:600px; max-height:450px; overflow:hidden;}*/ .article .article-content figure.wp-caption img{ -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease; max-width:600px; max-height:450px; overflow:hidden; min-width: auto;} .article .article-content figure.wp-caption:hover img{/*-webkit-filter: blur(5px); filter:blur(5px);*/} .article .article-content figure .icon-images {top:0; bottom:0; left:0; right:0; position:absolute; padding:24px 20px 17px; background:#fff; border-radius:100%; display:none; width:70px; height:70px; margin:auto auto;} .article .article-content figure:hover .icon-images{ display:block;} .article .article-content figure .icon-images span{ background-position:-82px -487px; width:30px; height:24px; margin:a auto;} .article .article-content figure .icon-vdo{ background-position:0 -310px; width:63px; height:63px; top:45%; left:45%; position:absolute; } .article .article-content figcaption{ font-family:Arial; color:#000; background:rgba(0,0,0,0.80); position:absolute; bottom:0; padding:10px; left:0; right:0; color:#fff; margin:auto; transform: translate3d(0px, 200px, 0px);transition: transform .2s ease-in-out;} .article .article-content figure:hover figcaption{ transform: translate3d(0px, 0px, 0px);} .article .article-content .recommended-news header{ text-transform:uppercase; font-size:18px; color:#000;font-family:'Titillium Web', sans-serif; font-weight:bold; margin:0;} .article .article-content .recommended-news .news-list{ margin-top:4px;} .article .article-content .recommended-news .news-list li{ margin-bottom:0; border-top:1px solid #ccc;} .article .article-content .recommended-news .news-list li a{ padding:12px 0; line-height:1.1; height:auto;} .article .author-details{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 0 8px; display:block; margin-top:45px;} .article .author-details .author-thumbnail{ border:7px solid #ccc; border-radius:100%; float:left; overflow:hidden;margin-right:25px; margin-bottom:20px;} .article .author-details .author-thumbnail img{ padding:6px; } .article .author-details p{ margin-bottom:3px; } .article .author-details .author-detail-info{margin-left:10px;} .article .author-details .social-media-icons{ color:#999; font-weight:bold; font-size:12px; float:right;} .article .author-details .social-media-icons span{ float:left; } .article .author-details .social-media-icons .icon-fb, .article .author-details .social-media-icons .icon-twit, .article .author-details .article .article .social-media-icons .icon-whatsapp{ margin-left:10px;} .article .videos-description{ margin-top:8px} .article .icon-outbrain{ background-position:-65px -396px; width:68px; height:13px;} .article .recommended-by{ font-size:12px; color:#999; margin-top:20px;} .article aside .trending-section{ margin-top:42px;} .article aside .features-section{ margin-top:20px;} .article aside .advert02{ margin-top:25px; display:inline-block;} .article .artilce-comments{ margin-top:65px;} .social-media-share{ position:fixed; left:0; top:45%; border:1px solid #000; z-index:999;} .social-media-share ul{ padding:0; margin:0;} .social-media-share ul li{ display:block; float:none; border-bottom:1px solid #000;} .social-media-share ul li:last-child{ border-bottom:0;} .social-media-share ul li a{ padding:18px 14px 12px; display:block; background:#fff; text-align:center;} .social-media-share ul li a:hover{ background:#000;} .social-media-share ul li a .icon-fb{ width:10px; height:16px; background-position:0 -487px; margin:0 auto;} .social-media-share ul li a:hover .icon-fb{ background-position:0 -503px;} .social-media-share ul li a .icon-twit{ width:14px; height:16px; background-position:-11px -487px; margin:0 auto;} .social-media-share ul li a:hover .icon-twit{ background-position:-11px -503px;} .social-media-share ul li a .icon-reddit{ width:17px; height:16px; background-position:-27px -487px; margin:0 auto;} .social-media-share ul li a:hover .icon-reddit{ background-position:-27px -503px;} .social-media-share ul li a .icon-flipboard{ width:15px; height:16px; background-position:-46px -487px; margin:0 auto;} .social-media-share ul li a:hover .icon-flipboard{ background-position:-46px -503px;} .social-media-share ul li a .icon-mail{ width:17px; height:16px; background-position:-63px -487px; margin:0 auto;} .social-media-share ul li a:hover .icon-mail{ background-position:-63px -503px;} .social-media-share ul li a .icon-linkedin{ width:16px; height:16px; background-position:-154px -520px; margin:0 auto;} .social-media-share ul li a:hover .icon-linkedin{ background-position:-154px -539px;} .social-media-share ul li a .icon-pinterest{ width:14px; height:16px; background-position:-171px -520px; margin:0 auto;} .social-media-share ul li a:hover .icon-pinterest{ background-position:-171px -539px;} .article .top-story-carousel{ margin-top:0px;} .article-images-modal, .article-video-modal{ background:url(../images/modal-bg.png) repeat;} .article-images-modal .modal-dialog{ margin-top:10%;} .article-images-modal .modal-lg{ width:80%;} .article-images-modal .modal-header, .article-video-modal .modal-header{ padding:0; border:0;} .article-images-modal .modal-content, .article-video-modal .modal-content{ background-color:transparent;} .article-images-modal .carousel-caption{ font-family:Arial; color:#fff;text-align:center; padding:0; bottom:-82px; cursor:default;} .article-images-modal .carousel-caption header{ font-size:24px;} .article-images-modal .carousel-caption p{font-size:16px; margin:0; color:#999;} .article-images-modal .modal-header button.close{ height:30px; width:30px; background: url(../images/generalIcons.png) no-repeat -68px -450px; position:absolute; top:-17px; right:-10px; opacity:1; margin:0; z-index:999;} .article-images-modal .carousel-control { width:40px; z-index:99;} .article-images-modal .left{ left:-60px;} .article-images-modal .right{right:-60px;} .article-images-modal .left.carousel-control .icon-prev{ width:19px; height:39px; background-position:0 -520px;} .article-images-modal .right.carousel-control .icon-next{ width:19px; height:39px; background-position:-20px -520px;} .article-images-modal .left.carousel-control:hover .icon-prev{ background-position:-40px -520px;} .article-images-modal .right.carousel-control:hover .icon-next{ background-position:-60px -520px;} .article-video-modal .cover-image{ position:relative;display: block; } .article-video-modal .cover-image:after{ background:url(../images/video-modal-bg.jpg) no-repeat; background-repeat: no-repeat;background-size:100% auto; display:block; height:100%; width:100%; margin:0 auto; opacity:0.4; content:""; top:0; z-index:-1; left:0; bottom:0; right:0; position:absolute;} .article-video-modal .modal-lg{ width:95%; margin-top:5%;} .article-video-modal iframe{ width:100%; height:500px; opacity:1;} .article-video-modal .modal-header button.close{ height:19px; width:19px; background: url(../images/generalIcons.png) no-repeat -125px -450px; position:absolute; top:-25px; right:0px; margin:0; z-index:999; opacity:1;} .article-video-modal .modal-content{ margin-top:5%; padding-bottom:5%;} .article-video-modal .modal-content .fadeIn{ -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;} .category header .category-header.sports:before{ content:""; background:url(../images/generalIcons.png) no-repeat 0 -561px; width:49px; height:30px; display:inline-block; margin-right:10px;} .category header .category-header.sports:after{ content:""; background:url(../images/generalIcons.png) no-repeat -50px -561px; width:56px; height:39px; display:inline-block;margin-left:4px;} .category header .category-header.india:before{ content:""; background:url(../images/generalIcons.png) no-repeat 0 -682px; width:30px; height:40px; display:inline-block; margin-right:4px; float:none;} .category header .category-header.india:after{content:""; background:url(../images/generalIcons.png) no-repeat -32px -682px; width:17px; height:40px; display:inline-block; margin-left:4px;} .category header .category-header.politics:before{content:""; background:url(../images/generalIcons.png) no-repeat -51px -682px; width:42px; height:46px; display:inline-block; margin-right:4px;float:none;} .category header .category-header.politics:after{content:""; background:url(../images/generalIcons.png) no-repeat -94px -682px; width:31px; height:47px; display:inline-block; margin-left:4px;} .category header .category-header.world:before{content:""; background:url(../images/generalIcons.png) no-repeat -0px -731px; width:33px; height:34px; display:inline-block; margin-right:4px;float:none;} .category header .category-header.world:after{content:""; background:url(../images/generalIcons.png) no-repeat -35px -729px; width:36px; height:38px; display:inline-block; margin-left:4px;} .category header .category-header.business:before{content:""; background:url(../images/generalIcons.png) no-repeat -71px -734px; width:52px; height:36px; display:inline-block; margin-right:4px;float:none;} .category header .category-header.business:after{content:""; background:url(../images/generalIcons.png) no-repeat -123px -728px; width:41px; height:43px; display:inline-block; margin-left:4px;} .category header .category-header.entertainment:before{content:""; background:url(../images/generalIcons.png) no-repeat -0px -778px; width:35px; height:55px; display:inline-block; margin-right:4px;float:none;} .category header .category-header.entertainment:after{content:""; background:url(../images/generalIcons.png) no-repeat -37px -785px; width:33px; height:47px; display:inline-block; margin-left:4px;} .category header .category-header.buzzpoop:before{content:""; background:url(../images/generalIcons.png) no-repeat -72px -778px; width:38px; height:37px; display:inline-block; margin-right:4px; float:none;} .category header .category-header.buzzpoop:after{content:""; background:url(../images/generalIcons.png) no-repeat -112px -778px; width:38px; height:37px; display:inline-block; margin-left:4px;} .category header .category-header.tech:before{content:""; background:url(../images/generalIcons.png) no-repeat -128px -678px; width:37px; height:49px; display:inline-block; margin-right:4px; float:none;} .category header .category-header.tech:after{content:""; background:url(../images/generalIcons.png) no-repeat -168px -678px; width:25px; height:47px; display:inline-block; margin-left:4px;} .category header .category-header.media:before{content:""; background:url(../images/generalIcons.png) no-repeat -0px -834px; width:40px; height:40px; display:inline-block; margin-right:4px; float:none;} .category header .category-header.media:after{content:""; background:url(../images/generalIcons.png) no-repeat -41px -834px; width:42px; height:30px; display:inline-block; margin-left:4px;} .category header .category-header.social-media:before{content:""; background:url(../images/generalIcons.png) no-repeat -85px -834px; width:39px; height:36px; display:inline-block; margin-right:4px; float:none;} .category header .category-header.social-media:after{content:""; background:url(../images/generalIcons.png) no-repeat -126px -834px; width:41px; height:36px; display:inline-block; margin-left:4px;} .category header .category-header.cat-features:before{content:""; background:url(../images/generalIcons.png) no-repeat -0px -874px; width:35px; height:35px; display:inline-block; margin-right:4px; float:none;} .category header .category-header.cat-features:after{content:""; background:url(../images/generalIcons.png) no-repeat -37px -874px; width:48px; height:33px; display:inline-block; margin-left:4px;} .category header .category-header.cat-sponsored:before{content:""; background:url(../images/generalIcons.png) no-repeat -87px -874px; width:27px; height:42px; display:inline-block; margin-right:8px; float:none;} .category header .category-header.cat-sponsored:after{content:""; background:url(../images/generalIcons.png) no-repeat -116px -874px; width:31px; height:47px; display:inline-block; margin-left:4px;} .category header .category-header.society:before{content:""; background:url(../images/generalIcons.png) no-repeat -148px -874px; width:42px; height:41px; display:inline-block; margin-right:4px; float:none;} .category header .category-header.society:after{content:""; background:url(../images/generalIcons.png) no-repeat -148px -874px; width:42px; height:41px; display:inline-block; margin-left:4px;} .category header .category-header.mobile:before{content:""; background:url(../images/generalIcons.png) no-repeat -0px -922px; width:40px; height:42px; display:inline-block; margin-right:4px; float:none;} .category header .category-header.mobile:after{content:""; background:url(../images/generalIcons.png) no-repeat -42px -922px; width:34px; height:43px; display:inline-block; margin-left:8px;} .category header .category-header{font-family:'Titillium Web', sans-serif; font-weight:700; font-size:48px; text-align:center; color:#000; } .category header p{ font-size:16px; color:#333; font-family:'Raleway', sans-serif;text-align:center; margin-bottom:28px; } .category .category-story-01{ position:relative;} .category .category-story-01 .category-story-description{ position:absolute; top:35%; width:58%;} .category .category-story-01 .category-story-description .category-story-title:before{background:#000; content:""; float:left; opacity:0.7;} .category .category-story-01 .category-story-description .category-story-title{padding:0px 0 10px 0px; margin:0;} .category .category-story-01 .category-story-description .category-story-title a{font-size:34px; color:#fff;opacity:1;background:#000;opacity:0.7; display:block; padding-left:7px; padding-bottom:7px;} .category .category-story-01 .also-see-stories{position:absolute; right:0;top:8%; font-size:14px; font-family:'Raleway', sans-serif; width:32%;} .category .category-story-01 .also-see-stories .also-see-title{ color:#fff;} .category .category-story-01 .also-see-stories ul { margin:0; padding:0;} .category .category-story-01 .also-see-stories ul li{ background:#000; display:inline-block; margin-bottom:8px;} .category .category-story-01 .also-see-stories ul li a{ color:#ccc; padding:8px 8px 3px; display:block;} .category .category-story-01 .also-see-stories ul li a img{ float:left; margin-right:8px;} .category .latest-stories-outer{ margin-top:40px;} .category .latest-stories-outer .secondary-story-outer, .author .latest-stories-outer .secondary-story-outer{ margin-top:0px; } .category .latest-stories-outer .secondary-story-outer .story-box, .author .latest-stories-outer .secondary-story-outer .story-box{margin-top:15px;} .category .latest-stories-outer .secondary-story-outer .story-box .sponsored, .author .latest-stories-outer .secondary-story-outer .story-box .sponsored{ line-height:20px;} .category .latest-stories-outer .call-to-action, .author .latest-stories-outer .call-to-action{ margin-top:10px;} .user-stories-outer{ margin-top:55px;} .user-stories-outer .news-list{ margin-top:20px;} .user-stories-outer .news-list li:last-child{ margin-bottom:0;} .category aside, .author aside, .search-results aside { padding-left:5px; padding-right:5px;} .category aside .trending-section, .author aside .trending-section, .search-results aside .trending-section, .general-content aside .trending-section{ margin-top:37px;} .category aside .contribute, .author aside .contribute, .search-results aside aside .contribute{ margin-top:20px;} .category aside .twitter-section, .author aside .twitter-section, .search-results aside .twitter-section{ margin-top:20px;} .category aside .advert04, .author aside .advert04, .search-results aside .advert04{ margin-top:37px;} .embed-container iframe{height:530px; width:100%; border:none; display:block; float:left;} /* Glide Carausal CSS Start */ .glide {position: relative;width: 100%;height: 100%; background:#000;} .glide__wrapper {overflow: hidden;} .glide__track {position: relative;width: 100%;height: 100%;list-style: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-ms-touch-action: pan-Y;touch-action: pan-Y;overflow: hidden;} .glide__track.dragging {cursor: -webkit-grabbing;cursor: grabbing;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .glide__slide {width:100%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; margin:0 0px;} .glide__slide a {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-user-drag: none;-moz-user-select: none;-ms-user-select: none;} .glide__arrows {-webkit-touch-callout: none;-webkit-user-select:none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .glide__arrow {cursor: pointer;} .glide__bullets {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .glide--slider .glide__slide {float: left;clear: none;} .glide--carousel .glide__slide {float: left;clear: none;} .glide--carousel.glide--vertical .glide__track {overflow: visible;} .glide--carousel .glide__slide {float: left;clear: none;} .glide__arrows {position: absolute;} .glide--horizontal .glide__arrows {top: 36%;width: 92%;margin-left: 7.3%;} .glide__arrow {position: absolute;z-index: 2;color: white;text-transform: uppercase;padding: 11px 15px 11px 16px;border:0px;-webkit-transition: border 300ms ease-in-out;transition: border 300ms ease-in-out; background: rgba(0, 0, 0, 0.6);} .glide__arrow:focus {outline: none;} .glide--horizontal .glide__arrow {-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .glide--horizontal .glide__arrow.prev {left: 20.8%;} .glide--horizontal .glide__arrow.next {right: 20.8%;} .glide__arrow .icon-prev{ width:19px; height:28px; background-position:-81px -520px; display:block;opacity:1;} .glide__arrow .icon-next{ width:19px; height:28px; background-position:-100px -520px; display:block;opacity:1;} .glide--slider .glide__arrow {opacity: 1;-webkit-transition: opacity 150ms ease;transition: opacity 150ms ease;} .glide--slider .glide__arrow.disabled {opacity: 0.33;} .box {color:#fff; font-size:3vw; display:flex; align-items:center; justify-content:center; position:relative;} .module--horizontal {width:100%; height:auto; overflow:hidden; margin-top:21px;} .module--horizontal .box { width:100%; height:auto; margin:0 auto;} .module--horizontal .box img{/*width:100%; height:auto;*/ margin:0 auto; max-width:610px; max-height:345px; overflow:hidden;} .module--horizontal .glide__slide .box-description { border-top:3px solid #333; visibility:hidden; } .module--horizontal .glide__slide .box{ opacity:0.4} .module--horizontal .glide__slide.active .box{ opacity:1} .module--horizontal .glide__slide.active .box-description { border-top:3px solid #ff0000; display:block; visibility: visible;} .module--horizontal .glide__slide .box-description a{ color:#fff; font-family:'Raleway', sans-serif; font-weight:bold; font-size:28px; margin:15px 0 43px; display:block; height:80px; overflow:hidden;} .module--horizontal .glide__slide .box .icon-vdo{background-position:0 -602px; width:80px; height:80px; top:40%; left:45%; position:absolute; cursor:pointer; } /* Glide Carausal CSS End */ .vdo-listing .videos-section { margin-top:0px;} .vdo-listing aside .advert02{ margin-top:0px; display:inline-block;} .vdo-listing .videos-section .more-videos a:before{content:''; position:absolute; background: url(../images/generalIcons.png) no-repeat -66px -175px; height:30px; width:30px; top:43%; left:6%;} .vdo-listing .videos-section .primary-link{ font-size:16px; letter-spacing:1px;} .vdo-listing .vdo-listing-mobile-carousel, .photo-listing-mobile-carousel{ margin-top:10px;} .vdo-listing .vdo-listing-mobile-carousel .icon-vdo{ top:45%; left:45%;} .vdo-listing .vdo-listing-mobile-carousel .carousel-control, .photo-listing-mobile-carousel .carousel-control{ width:10%;} .vdo-listing .vdo-listing-mobile-carousel .left.carousel-control .icon-prev, .photo-listing-mobile-carousel .left.carousel-control .icon-prev{ width:27px; height:27px; background-position:-113px -240px; margin-left:-15px;} .vdo-listing .vdo-listing-mobile-carousel .right.carousel-control .icon-next, .photo-listing-mobile-carousel .right.carousel-control .icon-next{ width:27px; height:27px; background-position:-113px -269px; margin-right:-15px;} .vdo-listing .vdo-listing-mobile-carousel .carousel-caption, .photo-listing-mobile-carousel .carousel-caption{ border-top:2px solid #FF0000; width:100%; position:relative; left:0; bottom:0; background:#000; padding:10px 10px 18px; text-align:left;} .vdo-listing .vdo-listing-mobile-carousel .carousel-caption a, .photo-listing-mobile-carousel .carousel-caption a{font-size:16px; color:#fff;font-family:'Raleway', sans-serif; font-weight:bold;} .photo-listing-mobile-carousel .left.carousel-control .icon-prev, .photo-listing-mobile-carousel .right.carousel-control .icon-next{top:36.5%} .photos-carousel .carousel-caption{position:relative; background:#000; width:100%; left:0; bottom:0;} .photos-carousel .left.carousel-control{ } .photos-carousel .left.carousel-control .icon-prev{ width:50px; height:50px; background-position:-108px -561px; left:0; margin-left:0} .photos-carousel .right.carousel-control .icon-next{ width:50px; height:50px; background-position:-108px -612px; right:0;margin-right:0} .related-photos-carousel .videos-description, .more-photos .videos-description{background:#000; margin:0; padding:10px; display:block; height:118px; margin-bottom:20px; } .related-photos-carousel .videos-description a, .more-photos .videos-description a{color:#fff; font-weight:bold;} .comics-section{ margin-top:25px;} .comics-section .column01 .videos-description{ height:113px;} .comics-section .column02 .videos-description{ height:80px; padding:2px 5px; margin:0; } .photo-listing .user-stories-outer{ margin-top:15px;} .author .author-profile{ position:relative;margin-top: 21px;} .author .author-profile-share { position:relative; } .author .author-profile-share .share-author-profile{ position:absolute; background:#fff;width:200px; padding:8px; bottom:0px; right:0;} .author .author-profile-share .share-author-profile .title{ font-size:16px; color:#666; font-weight:bold; border-bottom:1px dotted #999;} .author .author-profile-share .share-author-profile .title .icon-close{ float:right; background-position:-148px -295px; width:16px; height:16px;} .author .author-profile-share .share-author-profile .share-content{ padding-top:10px;} .author .author-profile-share .share-author-profile .share-content ul{ margin:0; padding:0; } .author .author-profile-share .share-author-profile .share-content ul li{ float:left; margin-right:10px;} .author .author-profile-share .share-author-profile .share-content ul li .icon-fb{height:32px; width:32px; background-position:0 -417px;margin:0; } .author .author-profile-share .share-author-profile .share-content ul li .icon-twit{height:32px; width:32px; background-position:-33px -417px; margin:0; } .author .author-profile-share .share-author-profile .share-content ul li .icon-whatsapp{ height:34px; width:34px; background-position:-33px -450px; margin:0; } .author aside{margin-top: 21px;} .author .author-description{ position:absolute; bottom:0; width:100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 67%, rgba(0,0,0,0.77) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 67%,rgba(0,0,0,0.77) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 67%,rgba(0,0,0,0.77) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c4000000',GradientType=0 );} .author .author-description { padding:0 13px 0 6px;} .author .author-description .author-profile-pic { float:left; margin-right:20px;} .author .author-description .author-profile-pic img{ border:1px solid #fff; border-bottom:0;} .author .author-description .author-profile-details {color:#999;} .author .author-description .author-profile-details h1{ color:#fff; font-size:26px; font-family:'Raleway', sans-serif; font-weight:bold; margin-top:10px; margin-bottom:0px;} .author .author-description .author-profile-details p{ color:#fff; font-family:'Raleway', sans-serif;margin-top:12px; margin-bottom:0; height:44px; overflow:hidden; word-break:break-strict;} .author .author-description .author-profile-details hr{ margin:13px 0 0; border-color:#8b8784;} .author .author-description .author-profile-details .author-rank-share{ display:block; padding:7px 0 0;} .author .author-description .author-profile-details .author-social-profiles{ float:left;} .author .author-description .author-profile-details .author-social-profiles span{ float:left; margin-right:8px;} .author .author-description .icon-fb{ width:23px; height:23px; background-position:-132px -417px; margin:0;} .author .author-description .icon-twit{ width:23px; height:23px; background-position:-157px -417px; margin:0;} .author .author-description .author-profile-details .author-rank{ float:left; margin-left:38px;cursor:default;} .author .author-description .author-profile-details .author-rank span{ float:left;} .author-rank .rank-outer{ margin-left:5px; background:#fff; width:143px; height:10px; margin-top:5px; border:1px solid #ccc; } .author-rank .ranked{ background:#38a63b; width:92px; height:8px;} .author-rank .status{ color:#38a63b;margin-left:5px;} .btn-07{ background:#616161; border:1px solid #b6b6b6; border-radius:15px; color:#fff; padding:5px 14px 5px; display:inline-block; font-size:12px;} .btn-07:hover{ background:#3399cc; color:#fff;} .author .latest-stories-outer { margin-top:40px;} .search-results header{ color:#ff0000; font-family: 'Titillium Web', sans-serif; font-size:22px; font-weight:bold;} .search-results .search-results-tabs .nav-tabs{ background:#f3f3f3; padding:9px 11px 16px; border-bottom:2px solid #ff0000;} .search-results .search-results-tabs .nav-tabs li{ margin-right:13px; position:relative;} .search-results .search-results-tabs .nav-tabs li:last-child{ margin-right:0;} .search-results .search-results-tabs .nav-tabs li a{background:#fff; border:1px solid #ccc; border-radius:0; font-family:'Titillium Web', sans-serif; font-size:14px; color:#000; padding-top:14px; padding-bottom:14px; text-align:center; width:123px;} .search-results .search-results-tabs .nav-tabs li.active a{ background:#ff0000; border:1px solid #ff0000; color:#fff;} .search-results .search-results-tabs .nav-tabs li.active:before {content:" "; position:absolute; left:45%; margin:0 auto; bottom:-17px; border:10px solid transparent; border-bottom-color:#fff; z-index:1;} .search-results .search-results-tabs .nav-tabs li.active:after {content:" "; position:absolute; left:45%; margin:0 auto; bottom:-15px; border:10px solid transparent; border-bottom-color:#ff0000;} .search-results .search-results-tabs .tab-content ul{ margin:0; padding:0; margin-top:28px;margin-bottom:48px;font-family:'Raleway', sans-serif;} .search-results .search-results-tabs .tab-content ul li:first-child{ margin-top:0;} .search-results .search-results-tabs .tab-content ul li{ border-bottom:1px solid #ccc; margin-top:38px;padding-bottom:10px;} .search-results .search-results-tabs .tab-content ul li a{ display:inline-block; color:#000;} .search-results .search-results-tabs .tab-content ul li a:hover{ color:#3399cc;} .search-results .search-results-tabs .tab-content ul li a img{ float:left; margin-right:15px;} .search-results .search-results-tabs .tab-content ul li a span.search-result-title{ display:block; font-size:18px; font-weight:bold; margin-top:-5px; max-height:50px; overflow:hidden;} .search-results .search-results-tabs .tab-content ul li a span.search-result-description{display:block; margin-top:10px; max-height:58px; overflow:hidden;} .loading{ background:url(../images/Loader-Icon.gif) no-repeat; width:52px; height:55px; margin:0 auto; } .search-results .loading{ margin-top:30px;} .search-results .videos-description{ margin-bottom:18px;} .search-results .previous{ margin-right:30px;} .general-content p{ font-size:16px;font-family:'Raleway', sans-serif; margin-bottom:30px; letter-spacing:0.8px; color:#000;} .general-content p.title{ margin-top:60px; font-weight:bold; margin-bottom:0;} .general-content .terms-of-use{ margin:0; padding:0;counter-reset: list;} .general-content .terms-of-use li{ font-weight:bold;list-style:inside none; position: relative;} .general-content .terms-of-use li:before { counter-increment: list; content: counter(list, decimal) ") "; left:0;} .general-content .terms-of-use li p{ display:inline-block; font-weight:normal;width:100%} .general-content .terms-of-use li p.title{ width:90%} .contact-form { margin-bottom:33px;} .contact-form .control-label{ text-align:left; font-family:'Raleway', sans-serif; font-size:16px;} .contact-form .form-control { border-radius:0; border-color:#999; height:38px; } .contact-form .form-group{ margin-bottom:12px;} .contact-form textarea.form-control{ height:auto; overflow:auto;} .contact-form .btn.btn-default{border-color:#3399cc;border-radius:0; background:#3399cc; color:#fff; font-size:14px; padding:11px 16px 10px;} .questions a{font-weight:bold;font-size:16px; margin-bottom:30px; display:block; } .general-content .well{ border-radius:0; border:0;font-family:'Raleway', sans-serif; font-size:16px; text-align:center; box-shadow:none; background:#efefef;} .answers a{font-weight:bold;font-size:16px; margin-bottom:5px; display:block; color:#000;font-family:'Raleway', sans-serif; } .answers .answer-box{ border-bottom:dotted 1px #000; padding:20px 0 15px; font-size:16px;} .answers .answer-box .ans{font-size:16px;} .answers .answer-box .ans a{ color:#3399cc; margin-top:5px;} .login-modal .modal-content{ border-radius:0; width:377px; } .login-modal .modal-header, .register-modal .modal-header{ background:#000; padding:12px 15px;} .login-modal .modal-title, .register-modal .modal-title{ background:url(../images/logo-modal.png) no-repeat; width:195px; height:23px; margin-top:3px; } .login-modal .modal-header .close-btn, .register-modal .modal-header .close-btn{ background-position:-139px 0; height:29px; width:29px; float:right;} .login-modal .modal-body{ width:291px; margin:0 auto; padding:30px 0;} .login-modal .modal-body .title, .register-modal .modal-body .title{ font-family: 'Titillium Web', sans-serif; font-weight:bold; font-size:22px; color:#000; text-align:center;} .btn-block:first-child{ margin-top:23px;} .btn-block{ font-family:Arial, Helvetica, sans-serif; border-radius:0; padding:0; display:block; color:#fff; line-height:45px; text-align:left; margin-top:7px; } .btn-facebook{background:#3b579d; } .btn-facebook .btn-fb-block{ background:#354f88; display:inline-block; float:left; padding:11px 18px; margin-right:23px;} .btn-facebook .btn-fb-block .icon-fb{ background-position:-141px -32px; width:13px; height:24px; float:left;} .btn-twitter{background:#2caae1; } .btn-twitter .btn-twit-block{ background:#2591bf; display:inline-block; float:left; padding:15px 14px 16px; margin-right:23px;} .btn-twitter .btn-twit-block .icon-twit{ background-position:-156px -32px; width:18px; height:15px; float:left;} .btn-google{background:#de5044;} .btn-google .btn-google-block{ background:#ce3e26; display:inline-block; float:left; padding:16px 16px 15px; margin-right:23px;} .btn-google .btn-google-block .icon-google{ background-position:-175px -32px; width:20px; height:15px; float:left;} .login-modal .center-block, .register-modal .center-block{ margin:18px 0;} .email-login .form-control{ border-radius:0; border:1px solid #ccc; height:44px; background:#f5f5f5; color:#666; margin-top:6px;} .email-login label{ margin-top:12px; color:#666; font-size:12px; font-weight:normal;} .email-login input[type="checkbox"]{ margin-right:10px; margin-top:3px; float:left;} .email-login .btn-action{ background:#588c73; color:#fff; display:block; width:100%; text-transform:uppercase; padding:12px 0; margin-top:10px;} .forgot-link{ margin-top:15px; display:block;} .register-modal .modal-content{ border-radius:0; width:377px; } .register-modal .modal-content .modal-body{padding:30px 3px; } .register-modal .btn-facebook .btn-fb-block, .register-modal .btn-twitter .btn-twit-block, .register-modal .btn-google .btn-google-block{ margin-right:5px;} .register-modal .btn-block{ width:auto; display:inline-block; padding-right:5px;} .register-modal .btn-block:first-child{ margin-left:0; margin-top:0px;} .register-modal .btn-block{ margin-top:0px; margin-left:9px;} .register-modal .email-login { width:290px; margin:0 auto;} .guideline{ font-size:11px; color:#666;} .register-modal .email-login .form-control{ margin-top:17px;} .register-modal .email-login .btn-action{ margin-top:22px;} .more-photos .img-link{ line-height:218px; display:block; background:#000;} .more-photos .img-link img, .more-photos .img-link-sm img{ width:100%; height:auto;} /* share icon animation */ .share{ width:15px; height:16px; position:relative; float:right; margin:0 0px 0 5px;} .ShareContent {text-align:center; position:absolute; left:0; right:0; margin:auto; padding:8px; bottom:0; top:0; z-index:999999; } .ShareContent input[type="radio"] {display: none; width:15px; height:16px;} .ShareContent .checkbox:checked + .label { width:15px; height:16px;} .ShareContent .checkbox:checked ~ .social {opacity:1; -webkit-transform:scale(1) translateY(-100px); -moz-transform:scale(1) translateY(-100px); -o-transform:scale(1) translateY(-100px); transform:scale(1) translateY(-100px); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; } .ShareContent .label {display:block; cursor:pointer; margin:-7px 0 0 -10px; padding:8px; width:15px; height:16px;} .ShareContent .social {transform-origin: 50% 0%; -webkit-transform: scale(0) translateY(-190px); -moz-transform: scale(0) translateY(-190px); -o-transform: scale(0) translateY(-190px); transform: scale(0) translateY(-190px); opacity: 0; z-index:999; } .ShareContent ul {position:relative; left:-58px; right:0; margin:auto; min-width:43px; height:auto; display:block; background:#fff; border:1px solid #999; box-shadow:2px 2px 7px #ccc; padding:0; } .ShareContent ul li {cursor: pointer; margin:0; padding:0 11px; text-align: center; display:block;} .ShareContent ul li:hover {color: rgba(0,0,0,.5); } /*.ShareContent ul:after {content:''; display:block; position:absolute; right:0; height:0; width:0;border-color:transparent transparent transparent #000; border-style:solid; border-width:10px; left:43px; top:52%; bottom:50%; margin:0;}*/ .icon-share-fb { background-position:-79px -27px; width:9px; height:16px; margin-top:10px;} .icon-share-fb:hover, .ShareContent ul li:hover .icon-share-fb{ background-position:-79px -45px;} .icon-share-twit { background-position:-90px -27px; width:14px; height:16px;margin-top:10px;} .icon-share-twit:hover, .ShareContent ul li:hover .icon-share-twit { background-position:-90px -45px;} .icon-share-whatsapp { background-position:-106px -27px; width:15px; height:16px;margin-top:10px;} .icon-share-whatsapp:hover, .ShareContent ul li:hover .icon-share-whatsapp{ background-position:-106px -45px;} .icon-share-gplus{ width:20px; height:14px; background-position:-148px -213px; margin-top:10px;} .icon-share-gplus:hover, .ShareContent ul li:hover .icon-share-gplus{background-position:-170px -213px;} .icon-share-reddit{ width:17px; height:14px; background-position:-148px -229px; margin-top:10px;} .icon-share-reddit:hover, .ShareContent ul li:hover .icon-share-reddit{ background-position:-170px -229px; } .icon-share-linkedin{ width:17px; height:18px; background-position:-148px -244px; margin-top:10px;} .icon-share-linkedin:hover, .ShareContent ul li:hover .icon-share-linkedin{background-position:-170px -244px; } .icon-share-pinterest{ width:14px; height:17px; background-position:-148px -263px; margin-top:10px;} .icon-share-pinterest:hover, .ShareContent ul li:hover .icon-share-pinterest{background-position:-170px -263px; } .icon-share-email{ width:17px; height:12px; background-position:-148px -282px; margin-top:10px; margin-bottom:10px;} .icon-share-email:hover, .ShareContent ul li:hover .icon-share-email{background-position:-170px -282px; } .social-media-icons{ display:flex;margin-bottom:6px; } .signedInUser:before{ background:url(../images/generalIcons.png) no-repeat; background-position:-173px 0; height:19px; width:19px; display:inline-block; content:""; float:left; margin-top:3px;} .photo-listing .videos-description a span{ display:block; height:76px; overflow:hidden;} .photo-listing .comics-section .videos-description a span{ display:block; height:55px; overflow:hidden;} .contribute-box { position:fixed; right:-340px; top:30%; z-index:9999999999;} .contribute-box .contribute-btn { margin-right:27px; border:1px solid #ccc; display:block; font-size:12px; /*width:116px;*/ background:#7b1101; color:#fff; text-transform:uppercase; -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -ms-transform-origin: left top 0; -moz-transform-origin: left top 0; -webkit-transform-origin: left top 0; transform-origin: right top 0; text-transform: 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 2px -2px 0px rgba(0, 0, 0, 0.1); float: left; padding-right:10px; cursor:default; cursor:pointer;} .icon-edit{ background-position:-50px -40px; width:15px; height:14px; -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} .contribute-box .contribute-btn span{ padding:4px 0px 4px 8px; background-color:#aa1801; display:inline-block; } .contribute-box .contribute-btn span:first-child{ margin-right:8px;} .contribute-box .inside-content{ background:#f9f9f9; border:1px solid #ccc; padding:13px 15px; width:340px; float:left;} .contribute-box .btn-08{ background:#3399cc; color:#fff; padding:6px; border-radius:0; font-size:14px;} .contribute-box .btn-08:hover{ color:#fff;} .btn-close{ width:42px; height:42px; background-position:-155px -312px; position:absolute; left:0; top:0; z-index:9999; position:absolute; left:115px; top:-16px;} /* Jquery Autocomplete */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; border:1px solid #ccc;} .ui-menu {list-style: none; padding: 0; margin: 0; display: block; outline: none;} .ui-menu .ui-menu { position:absolute; } .ui-menu .ui-menu-item { background-color:#fff; margin:0px; padding:0; width:200px; right:0 !important; text-align:left; position:relative; margin:0; cursor:pointer; min-height:0;/* support: IE7 */ /* support: IE10, see #8844 */list-style-image:none;font-size:24px; padding:3px 10px; margin:0; font-size:13px; font-weight:normal; z-index:9999999;} .ui-menu .ui-state-focus,.ui-menu .ui-state-active { margin:0; background:#ccc; color:#fff;} .text-normal{ font-weight:normal;} .displayBlock{ display:block;} .article .videos-outer .videos-description{ /*height:auto;*/} .top-story-title-hindi a{ font-weight:200; line-height:1.5;font-family:'Noto Sans', sans-serif!important; font-size:28px;} h2.story-box-title-hindi a{font-weight:200; line-height:1.5;font-family:'Noto Sans', sans-serif!important; font-size:15px;} .widget-secondary-story-hindi a{font-weight:200; line-height:1.3;font-family:'Noto Sans', sans-serif!important;} .category .category-story-01 .category-story-description .category-story-title-hindi a{font-weight:200; line-height:1.3;font-family:'Noto Sans', sans-serif!important; font-size:27px;} .videos-outer .videos-description-hindi{font-weight:200; line-height:1.3;font-family:'Noto Sans', sans-serif!important; font-size:15px; } .article header h1.hindi{ font-weight:200; line-height:1.5;font-family:'Noto Sans', sans-serif!important; font-size:28px;} .article .article-content-hindi p{font-weight:200; line-height:1.5;font-family:'Noto Sans', sans-serif!important; font-size:14px; } .wppb-user-forms ul { margin:0; padding:0;} .wppb-user-forms ul li{ padding:10px 0;} .wppb-user-forms label{ font-size:16px; text-align:right; width:180px; padding-right:20px; } .wppb-user-forms input, .wppb-register-user textarea{ background:#e4e4e4; border:none; width:300px; padding:8px;} .wppb-user-forms .submit, .wppb-user-forms .button, .wppb-user-forms input[type=submit], .wppb-user-forms input[type=checkbox]{ border:1px solid #3399cc; color:#3399cc; border-radius:3px; font-family:Arial; font-size:12px; font-weight:normal; padding:6px 14px 6px 15px; background:#fff; width:auto;} .wppb-user-forms .submit:hover, .wppb-user-forms .button:hover, .wppb-user-forms .button-primary:hover{ background:#3399cc;color: #fff;} .wppb-user-forms .login-remember label{ text-align:center; width:470px;} .wppb-user-forms .form-submit, .wppb-user-forms .login-submit{ width:445px; text-align:center;} /*-------------------------------------------------------- 1280 -------------------------------------------------------------*/ @media screen and (min-width : 1280px){ /* above 1280 resolution */ .container{ max-width:1240px;} .navigation-button-group {float:right;} .navigation-button-group li{float:left; padding:5px 5px;} .navbar-brand{width:319px; height:38px; background:url(../images/logo-1280.png) no-repeat; display:block; text-indent:-9999999px; margin-top:25px; float:left;} .navbar-brand-hindi{width:306px; height:88px; background:url(../images/FNlogo-Hindi-1280.png) no-repeat; display:block; text-indent:-9999999px; margin-top:6px; float:left;} .navbar-brand-myfn{width:319px; height:38px; background:url(../images/FNlogo-myfn-1280.png) no-repeat; display:block; text-indent:-9999999px;margin:auto;float:none; padding:0;margin-top:30px;} .navbar-inverse .navbar-nav li ul {position:absolute; background:#fff; border:1px solid #000; border-top:0; padding:8px; min-width:148px; top:41px; right:0; z-index:99;} .navbar-inverse .navbar-nav li ul li {border-bottom:1px solid #ccc; padding:5px 0 3px;} .navbar-inverse .navbar-nav li ul li a{color:#000; border:none;} .navbar-inverse .navbar-nav li ul li:last-child{ border-bottom:0;} .navigation-button-group { float:right;} .navigation-button-group li:last-child{padding-right:0;} .footer-story-outer .footer-about-list ul li{ list-style:outside; padding-left:5px; margin-bottom:21px;} footer .footer-story-outer .newsletter-outer{ margin-bottom:51px;} .story-box img{ max-width:290px; height:225px; overflow:hidden;} .more-photos .img-link{ line-height:218px; display:block; background:#000;} .more-photos .img-link img{ width:100%; height:auto;} .brand-head{ padding:10px 0;} } @media screen and (max-width : 1280px) { /* below 1280 resolution */ .wrapper{ border-radius:0;} .navbar-brand{width:319px; height:38px; background:url(../images/logo-1280.png) no-repeat; display:block; text-indent:-9999999px; margin-top:25px; float:left;} .navbar-brand-hindi{width:306px; height:88px; background:url(../images/FNlogo-Hindi-1280.png) no-repeat; display:block; text-indent:-9999999px; /*margin-top:25px;*/ float:left;} .navbar-brand-myfn{width:319px; height:38px; background:url(../images/FNlogo-myfn-1280.png) no-repeat; display:block; text-indent:-9999999px;margin:auto;float:none;padding:0;margin-top:30px;} .container{ width:100%; padding-left:10px; padding-right:10px;} .advert01{ float:right;} .brand-head{ padding:10px 0;} .navbar-inverse{ background:#000;} .navbar-inverse .navbar-nav li ul { position:absolute; background:#fff; border:1px solid #000; border-top:0; padding:8px; min-width:148px; top:41px; right:0; z-index:99;} .navbar-inverse .navbar-nav li ul li {border-bottom:1px solid #ccc; padding:5px 0 3px;} .navbar-inverse .navbar-nav li ul li a{ color:#000; border:none; } .navbar-inverse .navbar-nav li ul li:last-child{ border-bottom:0;} .navigation-button-group { float:right; } .navigation-button-group li{ float:left; padding:5px 6px;} .navigation-button-group li:last-child{ padding-right:0;} .footer-story-outer .footer-about-list ul li{ list-style:outside; padding-left:5px; margin-bottom:21px;} footer .footer-story-outer .newsletter-outer{ margin-bottom:51px;} .story-box img{ width:300px; height:225px; overflow:hidden;} .more-photos .img-link{ line-height:218px; display:block; background:#000;} } /*------------------------------------------------------------- 1024 to 768 -------------------------------------------------------------*/ @media screen and (min-width:768px) and (max-width : 1024px) and (orientation : landscape) { .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{ min-width:100%;} .container{ width:100%;} .top-head .inner-col-left{ padding:10px 0;} .navbar-brand{ width:208px; height:25px; background:url(../images/logo-1024.png) no-repeat; display:block; text-indent:-9999999px; margin-top:35px; float:left; } .navbar-brand-hindi{ width:204px; height:58px; background:url(../images/FNlogo-Hindi-1024.png) no-repeat; display:block; text-indent:-9999999px; margin-top:15px; float:left; } .advert01, .advert01 img{ float:none; height:90px;} .icon-head-fb{ margin-top:6px;} .icon-head-twitter{margin-top:9px;} .icon-head-google{margin-top:9px;} .icon-head-rssfeed{margin-top:7px;} .icon18{ margin-top:4px;} .brand-head{ padding:6px 0 8px;} .navbar-inverse{ background:#000;} .navbar-inverse .navbar-nav li ul { position:absolute; background:#fff; border:1px solid #000; border-top:0; padding:8px; min-width:156px; top:41px; right:0; z-index:99;} .navbar-inverse .navbar-nav li ul li {border-bottom:1px solid #ccc; padding:5px 0 3px;} .navbar-inverse .navbar-nav li ul li a{ color:#000; border:none; } .navbar-inverse .navbar-nav li ul li:last-child{ border-bottom:0;} .navbar-collapse{ padding:0} .navigation-button-group { float:right;} .navigation-button-group li{ float:left; margin:1px 0px 0;} .top-story img{ max-width:492px; max-height:356px; overflow:hidden;} .widget-secondary-story{ height:105px;} .photos-outer .owl-carousel .owl-item img{ max-width:438px; max-height:248px; overflow:hidden;} .photos-outer .owl-thumbs{ margin-top:-50px;} .photos-outer .owl-thumb-item{ margin:0 10.5px;} .photos-outer .owl-thumb-item img{ max-height:58px; max-width:104px; overflow:hidden;} .photos-outer .carousel-text{ padding:10px 15px 0 0px; padding-bottom:0;} .photos-outer h2{ margin:0;} .photos-outer h2 a{font-size:16px;} .photos-outer p{ margin-right:0; height:138px; overflow:hidden; font-size:12px; margin-bottom:5px;} .photos-outer .icon-share{ position:relative; z-index:9999999;} .trending-section{ margin-top:42px;} .videos-outer .videos-description{ height:75px;} .newsBrief-section .newsBrief-outer .news-list{ margin-top:42px; } .news-list { margin-bottom:0;} .news-list li{ margin-bottom:20px;} .entertainment-section .entertainment-outer{ padding-bottom:10px;} .entertainment-section .entertainment-outer .entertainment-story-outer{ padding-left:5px;} .entertainment-section .entertainment-outer .news-list{margin-top:17px;} .category-news-section .widget-content .news-list li:last-child{ margin-bottom:11px;} .category-news-section .widget-content .widget-secondary-story{ height:95px;} .category-news-section .widget-content .news-list li{ margin-bottom:28px;} .twitter-timeline{ height:400px;} .newsBrief-section .newsBrief-outer .news-list{ margin-top:25px;} .features-section .features{ margin-bottom:12px;} .contribute{ margin-top:25px;} footer{ margin-top:20px;} footer .footer-about-list li{ float:left; padding-left:0; margin-bottom:13px;} footer .footer-about-list.clearfix li::after {content:""; margin-right:28px;} footer .footer-about-list.clearfix li::before{content:""; margin-left:-3px;} footer .footer-column-outer-last-col{ border-right:0;} footer .footer-feature{ margin-top:26px;} footer .footer-feature .visible-md .header{ margin-top:10px;} footer .feature-outer{border-top:1px solid #393939; margin-top:25px; padding-top:15px;} footer .footer-copywrite{ margin-top:10px; padding-top:40px;} .article-video-modal .cover-image{ background-size:cover;} .article-video-modal .modal-lg{ width:95%; margin-top:5%;} .category .latest-stories-outer, .author .latest-stories-outer{ margin-top:20px;} .category aside, .author aside{ padding-left:10px; padding-right:10px; margin-top:20px;} /* Glide Carausal CSS Start */ .glide__arrow {padding: 8px 12px 8px 13px;} .glide__arrow .icon-prev{ width:14px; height:21px; background-position:-119px -520px; display:block;opacity:1;} .glide__arrow .icon-next{ width:14px; height:21px; background-position:-134px -520px; display:block;opacity:1;} .module--horizontal .glide__slide .box .icon-vdo{background-position:0 -310px; width:63px; height:63px; top:40%; left:45%; position:absolute; } .module--horizontal .glide__slide .box-description a{ font-size:21px;} .glide--horizontal .glide__arrows {top: 50%;width: 93%;margin-left: 7.3%;} /* Glide Carausal CSS Start End */ .story-box img{ width:300px; height:223px; overflow:hidden;} .comics-section .column02{ margin-top:20px; } .related-photos-carousel .videos-description, .more-photos .videos-description{height:118px;} .photos-outer p{height:121px;} .tt-hint { width:100%;} .more-photos .img-link{ line-height:242px; display:block; background:#000;} .videos-outer .owl-carousel .owl-item img{ max-width:100%; height:117px; overflow:hidden} .signedInUser:before{ margin-left:10px;} .photos-outer .social-media-icons{ position:absolute; bottom:0px; right:10px;} } /*------------------------------------------------------------- Tablet -------------------------------------------------------------*/ @media screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { .container{ width:100%;} .navbar-brand{ background:url(../images/logo-1024.png) no-repeat; display:block; text-indent:-9999999px; } .navbar-brand-hindi{ width:204px; height:58px; background:url(../images/FNlogo-Hindi-1024.png) no-repeat; display:block; text-indent:-9999999px; margin-top:15px; float:left; } .container{ padding-left:10px; padding-right:10px;} .top-head .inner-col{ padding:12px 0;} .top-head .inner-col-left{padding:10px 0;} .icon-head-fb{ margin-top:6px;} .icon-head-twitter{margin-top:9px;} .icon-head-google{margin-top:9px;} .icon-head-rssfeed{margin-top:7px;} .icon18{ margin-top:4px;} .brand-head{ padding:6px 0 8px;} .advert01, .advert01 img{ float:none; margin:0 auto;} .navbar-inverse{ background:#0f0f0f;} .navbar-nav li a{ font-size:16px; color:#fff; border:0;} /*.navbar-nav li{border-bottom: 1px solid #393939;}*/ .navbar-nav li ul li{padding:5px 0 3px;} .navbar-nav li ul li a{ color:#fff; border:none; } .navigation-button-group { float:right;} .navigation-button-group li:last-child{ padding-right:0;} .top-story img{ max-width:100%; max-height:auto;} .top-story-description{ padding:10px 10px 0;} .top-story-title{font-size:16px; margin-bottom:0;margin-top:8px;} .top-story-title a{ color:#fff; letter-spacing:0px;font-family: 'Raleway', sans-serif; } .widgets-outer{margin-top:20px;} .widget{ margin-top:28px;} .features{ margin-top:28px;} .photos-outer p{ height:auto; margin-bottom:10px; margin-right:0;} .photos-outer .item img{ max-height:374px; max-width:663px; overflow:hidden;} .videos-outer .owl-carousel .owl-item{ margin-bottom:10px;} .videos-outer .videos-description{ height:75px;} .twitter-section{ margin-top:14px;} .twitter-timeline{ height:400px !important;} .section-header.entertainment{ margin-top:18px;} .entertainment-section .entertainment-outer .entertainment-story-outer{ padding-left:10px; padding-top:10px;} .entertainment-section .entertainment-outer .news-list li{ margin-bottom:0;} .category-news-section{ margin-top:20px;} .tags-section .row, .twitter-section .row{ margin:0;} .category-news-section .action-panel{ padding-top:0px;} .category-news-section .news-list{ margin-bottom:0;} .category-news-section .widget-secondary-story{ padding-left:10px;padding-right:10px;} footer .footer-column-outer-last-col{ border-right:1px solid #393939;} footer .footer-column-outer:nth-child(3){ border-right:0;} footer .newsletter-outer{ margin-bottom:20px;} footer .footer-copywrite{ margin-top:10px; padding-top:25px;} footer .footer-copywrite a{ margin-left:0; clear:both; display:inline-block; margin-top:10px;} footer .footer-copywrite .disclaimer{ margin-top:27px; } footer .footer-copywrite .copywrite{padding-top:33px; border-top:1px solid #393939;} footer .footer-copywrite .social-media-outer{ float:none; margin-top:0px;margin-bottom:10px;} .social-media-share{ display:none;} .article-images-modal .carousel-caption{font-family:Arial;color:#fff;text-align:center; padding:0; bottom:-65px; cursor:default; left:0; width:100%;} .article-video-modal .cover-image{ background-size:cover;} .category .category-story-01 .also-see-stories{ top:2%; width:40%;} .category .latest-stories-outer, .author .latest-stories-outer{ margin-top:20px;} /* Glide Carausal CSS Start */ .glide__arrow {padding: 8px 12px 8px 13px;} .glide__arrow .icon-prev{ width:14px; height:21px; background-position:-119px -520px; display:block;opacity:1;} .glide__arrow .icon-next{ width:14px; height:21px; background-position:-134px -520px; display:block;opacity:1;} .module--horizontal .glide__slide .box .icon-vdo{background-position:0 -310px; width:63px; height:63px; top:40%; left:45%; position:absolute; } .module--horizontal .glide__slide .box-description a{ font-size:21px;} .glide--horizontal .glide__arrows {top: 50%;width: 95%;margin-left: 7.3%;} /* Glide Carausal CSS End */ .story-box img{ width:300px; height:223px; overflow:hidden;} .comics-section .column02{ margin-top:20px; } .related-photos-carousel .videos-description, .more-photos .videos-description{height:118px;} .author .author-description .author-profile-pic { margin-right:10px; } .author .author-description .author-profile-details h1{ margin-top:0;} .author .author-description .author-profile-details p{ height:58px;} .author .author-description .author-profile-details .author-social-profiles{ margin-top:3px;} .author .author-description .author-profile-details .author-rank{ margin-left:8px; margin-top:5px;} .author .author-description .author-profile-details .author-rank-share{ padding:6px 0 0px;} .author .author-description{ padding:0 6px;} .more-photos .img-link{ line-height:274px; display:block; background:#000;} .photos-outer .social-media-icons{ position:absolute; bottom:0px; left:115px;} .newsBrief-section .newsBrief-outer .news-list{ margin-top:25px;} .widget-primary-story{text-align:center;} .photos-outer .owl-thumb-item{ margin:0 17px;} } /*------------------------------------------------------------- Mobile -------------------------------------------------------------*/ @media screen and (min-width : 320px) and (max-width : 767px) { .navbar{ margin-bottom:0;} .navbar-brand{ width:148px; height:18px; background:url(../images/logo-mobile.png) no-repeat; display:block; text-indent:-9999999px; float:none; margin:16px auto 0; } .navbar-brand-hindi{width:119px; height:33px; background:url(../images/FN-Logo-Hindi-Mobile.png); display:block; text-indent:-9999999px; float:none; margin:10px auto 0;} .top-head .inner-col{ padding:10px 0;} .icon-head-fb{ margin-top:6px;} .icon-head-twitter{margin-top:9px;} .icon-head-google{margin-top:9px;} .icon-head-rssfeed{margin-top:7px;} .icon18{ margin-top:4px;} .brand-head{ padding:6px 0 8px;} .advert01, .advert01 img{ float:none; height:50px; margin:0 auto;} .fly-but-wrap{ height:50px; width:60px; background:none; border-radius:0; margin:0;} .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: transparent;} .fly-but-wrap span {background:#fff; display:block; position:absolute; left:15px; width:27px; height:4px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -ms-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;} .fly-but-wrap span:nth-child(1) {top:15.5px;} .fly-but-wrap span:nth-child(2), .fly-but-wrap span:nth-child(3) {top:23.5px;} .fly-but-wrap span:nth-child(4) {top:31.5px;} .fly-but-wrap.fly-open span:nth-child(1), .fly-but-wrap.fly-open span:nth-child(4) {top:24px; left:50%; width:0%;} .fly-but-wrap.fly-open span:nth-child(2) {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} .fly-but-wrap.fly-open span:nth-child(3){ -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .navbar-inverse .navbar-nav li ul { position:inherit; background-color:transparent; border:0px; padding-left:40px; padding-bottom:0;top:0px; z-index:99;} .navbar-inverse .navbar-nav li a{ font-size:16px; color:#fff; border:0;} .navbar-inverse{ background:#0f0f0f;} .navbar-inverse .navbar-nav li{border-bottom: 1px solid #393939;} .navbar-inverse .navbar-nav li:last-child, .navbar-inverse .navbar-nav li ul li:last-child{ border-bottom:0;} .navbar-inverse .navbar-nav li ul li{padding:5px 0 3px;border-bottom: 1px solid #393939;} .navbar-inverse .navbar-nav li ul li a{ color:#fff; border:none;} .navbar-inverse .navbar-nav li ul li a:focus, .navbar-inverse .navbar-nav li ul li a:hover, .navbar-inverse .navbar-nav li ul li a:active{color:#666; text-decoration:none;} .navigation-button-group{ margin-left:-4px; float:none;} .navigation-button-group li{ margin-bottom:4px; float:none; padding:0;} .navigation-button-group li:last-child{ padding-right:0px;} .search-sm-xs{ position:absolute; right:0; width:32px; height:50px; padding:16px 0px 13px; top:0;} .icon-search{ height:17px; width:17px; background-position:-118px -10px; } .btn-01, .btn-02, .btn-03, .btn-04{ width:100%; text-align:left;} /* Typeahead */ .ui-menu .ui-menu-item {width:100%;} .ui-menu .ui-state-focus,.ui-menu .ui-state-active {color:#fff;} .search-wrap input{ border:1px solid #ccc; width:100%; padding:3px 5px; } .search-wrap{ position:absolute; top:50px; width:100%; border-radius:0 0 9px 9px; background:#fff; padding:10px; border:3px solid #ccc; border-top:0; z-index:99;} .top-story img{ max-width:100%; max-height:auto; } .top-story-description{ padding:10px 10px 0;} .top-story-title{font-size:16px; font-family: 'Raleway', sans-serif; margin-bottom:0;margin-top:8px;} .top-story-title a{ color:#fff; letter-spacing:0px;} .advert03{ margin-top:16px;} .section-header{ margin-top:24px;} .advert02{ margin-top:36px;} .widget-primary-story img{ min-width:100%; height:auto;} .widget{ margin-top:28px;} .widgets-outer{ margin-top:0px;} .photos-outer{ border:0;} .photos-outer .item img{ max-height: auto; max-width:100%; overflow:hidden;} .photos-outer .icon-prev, .photos-outer .icon-next{ margin-top:-180px;opacity:0.6; } .photos-outer .icon-prev{ margin-left:-14px;} .photos-outer .carousel-text{ padding:10px;} .photos-outer .icon-next{ margin-right:-13px;} .photos-outer p{ margin-right:0; margin-bottom:15px; } .photos-outer h2{ margin-bottom:5px;} .photos-outer .social-media-icons{ position:absolute; bottom:10px; left:120px; } .videos-outer .videos-description{ margin-bottom:14px;} .newsBrief-section .newsBrief-outer .news-list{ margin-top:26px; margin-bottom:0;} .newsBrief-section .newsBrief-outer .news-list li:last-child{ margin-bottom:6px; } .entertainment-section .entertainment-outer .entertainment-story img{ width:100%; margin-bottom:12px;} .entertainment-section .entertainment-outer .entertainment-story-outer{ padding-left:10px;} .entertainment-section .entertainment-highlight-story{ margin-left:-10px;margin-right:-10px; margin-top:24px;} .entertainment-section .entertainment-highlight-story img{ margin:0 auto;} .entertainment-section .entertainment-highlight-story-outer{ padding-bottom:22px;} .entertainment-section .entertainment-outer { padding-bottom:20px;} .category-news-section{ margin-top:20px;} .category-news-section .action-panel{ padding-top:9px;} .category-news-section .news-list{ margin-bottom:0;} .category-news-section .widget-content .news-list li:last-child{ margin-bottom:0;} .news-list li a{ height:76px;} .nav-tabs.nav-justified > li {display:table-cell; width:1%;} .nav-tabs.nav-justified > li a{border-bottom:1px solid #dcdcdc;} .nav-tabs.nav-justified > li:first-child { border-left:0; } .tags-section{ margin-top:20px;} .videos-section{ margin-top:34px; /*display:inline-block;*/} .section-header.videos, .section-header.tags, .section-header.twitter{ margin-top:0;} footer { margin-top:20px;} footer .footer-column-outer{ border-right:0; border-top:1px solid #393939;} footer .footer-column-outer:first-child{ border-top:0;} footer{ padding-top:15px; padding-bottom:29px;padding-left:10px; padding-right:10px;} footer .header{ margin-top:21px;} footer .footer-story-outer .news-list{ margin-bottom:4px;} footer .footer-story-outer .newsletter-outer{ margin-bottom:34px;} footer .footer-story-outer .footer-feature{margin-bottom:34px;} footer .footer-copywrite{ margin-top:10px; } footer .footer-copywrite{ font-size:12px;} footer .footer-copywrite a{ margin-left:0; clear:both; display:inline-block; margin-top:10px;} footer .footer-copywrite a:last-child{ margin-left:10px;} footer .footer-copywrite .disclaimer{ margin-top:27px; } footer .footer-copywrite .copywrite{padding-top:33px; border-top:1px solid #393939;} footer .footer-copywrite .social-media-outer{ float:none; margin-top:20px;margin-bottom:10px;} footer .row-eq-height { display: block;} .social-media-share{ display:none;} .article header h1{ font-size:28px;} .article .section-header.newswire{ margin-top:0;} .article .recommended-news{ margin-bottom:25px;} .article .author-details .author-article-link{ margin-top:20px; float:none; display:block;} .article .author-details .social-media-icons{ float:left; margin-top:20px;} .article aside .trending-section{ margin-top:11px;} .article-images-modal .modal-lg{ margin:10% auto 0; width:85%;} .article-images-modal .modal-header button.close{ height:25px; width:25px; background: url(../images/generalIcons.png) no-repeat -99px -450px; right:-9px; top:-9px;} .article-images-modal .carousel-control { width:15px; z-index:99; } .article-images-modal .left{ left:-10px;} .article-images-modal .right{right:-10px;} .article-images-modal .left.carousel-control .icon-prev{ width:9px; height:17px; background-position:0 -209px;} .article-images-modal .right.carousel-control .icon-next{ width:9px; height:17px; background-position:-10px -209px;} .article-images-modal .left.carousel-control:hover .icon-prev{ background-position:-21px -209px;} .article-images-modal .right.carousel-control:hover .icon-next{ background-position:-31px -209px;} .article-images-modal .carousel-caption{font-family:Arial; color:#fff;text-align:center; padding:0; bottom:-80px;cursor:default; left:0; width:100%;} .article-images-modal .carousel-caption header{ font-size:14px;} .article-images-modal .carousel-caption p{ font-size:12px;} .article-video-modal .cover-image{ background-size:cover;} .article .article-content figure .icon-vdo{ background-position:-66px -175px; width:30px; height:30px; top:45%; left:45%;} .article-video-modal iframe{ width:100%; height:100%; opacity:1;} .category .category-story-01 .category-story-description .category-story-title a{ font-size:16px;} .category .category-story-01 .category-story-description{ top:30%; width:85%;} .category .also-see-stories{ position:relative;} .category .also-see-stories ul { margin:0; padding:0;} .category .also-see-stories ul li{ background:#000; display:inline-block; margin-top:8px;} .category .also-see-stories ul li a{ color:#ccc; padding:8px 8px 3px; display:block;} .category .also-see-stories ul li a img{ float:left; margin-right:8px;} .category .advert02{ margin-top:20px;} .category .latest-stories-outer, .author .latest-stories-outer{margin-top:25px;} .category .latest-stories-outer .section-header, .user-stories-outer .section-header, .category aside .trending-section, .author .latest-stories-outer .section-header, .user-stories-outer .section-header, .author aside .trending-section{ margin-top:0;} .category .latest-stories-outer .secondary-story-outer .story-box, .author .latest-stories-outer .secondary-story-outer .story-box{ margin-top:8px;} .user-stories-outer{ margin-top:40px;} .embed-container iframe{height:auto; width:100%; border:none; display:block; float:left;} .module--horizontal .glide__slide .box-description a{ font-size:16px;} .story-box img{ width:300px; height:223px; overflow:hidden;} .photos-carousel .left.carousel-control .icon-prev{ width:27px; height:27px; background-position:-113px -240px; left:0; margin-left:0} .photos-carousel .right.carousel-control .icon-next{ width:27px; height:27px; background-position:-113px -269px; right:0;margin-right:0} .photos-carousel .left.carousel-control .icon-prev, .photos-carousel .right.carousel-control .icon-next{ margin-top:-50px;} .photo-listing .secondary-story-outer{ margin-top:0;} .comics-section .column01 .videos-description{ height:auto;} .author .author-description { padding:0 5px 0 5px;} .author .author-description{ position:relative; background-color:transparent; background:none; margin-top:-76px;} .author .author-description p{ display:inline-block; margin-top:5px; margin-bottom:0;} .author .author-description .author-profile-pic { margin-right:10px;} .author .author-description .author-profile-pic img{ width:75px; height:76px;} .author .author-description .author-profile-details{ float:left;} .author .author-description .author-profile-details h1{ font-size:22px; margin-top:45px;} .author .author-description hr{ margin-top:15px; margin-bottom:8px; border-color:#999;} .author .author-description span{ float:left; margin-right:8px;} .author .author-description .author-social-profiles{ float:left;} .author .author-description .author-profile-details .author-rank{ float:left; margin-left:38px;cursor:default;} .author .author-description .author-profile-details .author-rank span{ float:left;} .author-rank { float:right;} .author-rank .rank-outer{ margin-left:5px; background:#fff; width:143px; height:10px; margin-top:4px; border:1px solid #ccc; } .author-rank .ranked{ background:#38a63b; height:8px;} .author-rank .status{ color:#38a63b;margin-left:5px; margin-right:0;} .btn-panel{ margin-top:10px; float:right; display:inline-block;} .search-results .search-results-tabs .nav-tabs{ border-top:5px solid #ff0000; background:none; padding:0; border-bottom:0; } .search-results .search-results-tabs .nav-tabs{ margin-top:20px;width:100%; } .search-results .search-results-tabs .nav-tabs li{ margin-top:15px; float:none; display:table-cell;width: 1%;} .search-results .search-results-tabs .nav-tabs li a{ font-family:'Raleway', sans-serif; color:#000; border-left:1px solid #ccc; border-radius:0; margin:0; padding:10px 0; width:auto} .search-results .search-results-tabs .tab-content ul li a img{ width:100px; height:75px;} .search-results .search-results-tabs .tab-content ul li a span.search-result-title{ font-size:14px; max-height:78px;} .search-results .search-results-tabs .nav-tabs li a:hover, .search-results .search-results-tabs .nav-tabs li a:focus{ background:#000; color:#fff;border-color:#000;} .search-results .search-results-tabs .nav-tabs li.active a{ background:#000; color:#fff; border-color:#000;} .search-results .search-results-tabs .nav-tabs li.active:before {content:" "; left:inherit; border:0;} .search-results .search-results-tabs .nav-tabs li.active:after {content:" "; border:0} .h1, h1{ font-size:24px;font-family: 'Raleway', sans-serif; font-weight:bold; color:#000; margin:10px 0 20px;} .general-content p{ font-size:14px;font-family:'Raleway', sans-serif; margin-bottom:30px;} .general-content p.title{ margin-top:40px; font-weight:bold; margin-bottom:0;} .questions a{margin-bottom:10px; font-size:14px; } .answers .answer-box, .answers a {font-size:14px; } .answers .answer-box .ans{ margin-top:10px;font-size:14px;} .login-modal .modal-content, .register-modal .modal-content{ border-radius:0; width:auto; } .more-photos .videos-description .social-media-icons a{ float:left; } .photos-outer h2 a{height:78px; overflow:hidden; } .photos-outer p{height:40px; overflow:hidden;} .videos-outer .videos-description{ height:48px; overflow:hidden;} .article .article-content figure.wp-caption img{ -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease; max-width:100%; max-height:100%; overflow:hidden;} .author .author-profile-share .share-author-profile{ border:1px solid #ccc; } .contribute-box { right:-380px; top:30%; z-index:9999999999;} .contribute-box .inside-content{ width:260px; float:right;} .contribute-box .contribute-btn { -ms-transform-origin: left top 0; -moz-transform-origin: left top 0; -webkit-transform-origin:107px 73px 0; transform-origin:107px 73px 0; box-shadow: none; padding-right:31px;} .btn-close{ left:15px; top:15px;} .photos-outer .owl-thumbs { display:none;} .photos-outer .owl-prev{ margin:auto; margin-top:40px;} .photos-outer .owl-next{ margin:auto; margin-top:40px;} .videos-outer .owl-dots{ display:block; visibility:visible; height:20px; margin:10px auto; text-align:center;} .videos-outer .owl-dots .owl-dot{ background:#ccc; border:0; height:18px; width:18px; margin:0 2px; border-radius:100%; text-align:center; display:inline-block;} .videos-outer .owl-dots .owl-dot.active{ background:#3399cc; border:0;} .videos-outer .owl-nav{ display:none;} } /* CSS3 Animations */ @-webkit-keyframes zoomIn { 0% {opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)} 50% {opacity:1} } @keyframes zoomIn { 0% {opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)} 50% {opacity:1} } @-webkit-keyframes fadeIn { 0% {opacity:0} 100% {opacity:1} } @keyframes fadeIn { 0% {opacity:0} 100% {opacity:1} } @-webkit-keyframes fadeOut { 0% {opacity:1} 100% {opacity:0} } @keyframes fadeOut { 0% {opacity:1} 100% {opacity:0} } @-webkit-keyframes slideInUp { from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;} to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } } .slideInUp {-webkit-animation-name:slideInUp;animation-name: slideInUp;} @-webkit-keyframes slideOutDown { from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} to {visibility:hidden; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); } } @keyframes slideOutDown { from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility:hidden; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); } } .slideOutDown {-webkit-animation-name:slideOutDown; animation-name:slideOutDown;} .zoomIn {-webkit-animation-name:zoomIn; animation-name:zoomIn; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;} .fadeIn {-webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;} .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;} .fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn} .fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut} .font-notosans{font-family: 'Noto Sans', sans-serif!important;} .font-ekmukta{font-family: 'Ek Mukta', sans-serif!important;} /* css for wordpress classes */ .alignright { float:right; margin:0.5em 0 0.5em 1em;} .alignleft { float:left; margin:0.5em 1em 0.5em 0;} .aligncenter { display:block; margin-left:auto; margin-right:auto;} .breaking-stories-wrap{ display: block; border:red solid 1px; } .breaking-stories-wrap .head{ display: table; width: 100%; } .breaking-stories-wrap .head .left{ display: table-cell; vertical-align: top; } .breaking-stories-wrap .head .right{ display: table-cell; vertical-align: top; width: 50px; } .breaking-stories-wrap .head .left .title{ display: block; padding-left: 10px; text-transform: uppercase; font-size: 16px; color: red; padding-top: 5px; margin: 0; } .breaking-stories-wrap .head .left .sub-title{ display: block; padding-left: 10px; text-transform: uppercase; font-weight: bold; color: red; margin: 0; } .breaking-news-list{ display: block; padding: 0; margin: 0; } .breaking-news-list li{ list-style: none; display: block; vertical-align: top; } .breaking-news-list li:nth-child(odd) a{ background:#eeeeee; } .breaking-news-list li a{ display: table; width: 100%; padding:8px 5px; } .breaking-news-list li a .thumb-img{ display: table-cell; vertical-align: top; } .breaking-news-list li a .copy{ display: table-cell; vertical-align: top; padding-left: 5px; cursor: pointer; font-size: 13px; color: #000; }