body{background-color: #fff; font-size: 14px; font-family: FranklinBook !important; overflow-x: hidden; /*max-width: 1349px;margin: 0 auto*/} /*-------------font call css-----------*/ @font-face { font-family: AileronRegular; src: url(../fonts/Aileron-Regular.otf); } @font-face { font-family: AileronThinItlaic; src: url(../fonts/Aileron-ThinItalic.otf); } @font-face { font-family: AileronBlackItlaic; src: url(../fonts/Aileron-BlackItalic.otf); } @font-face { font-family: FranklinBook; src: url(../fonts/FRABK.TTF) format('truetype'); } @font-face { font-family: FranklinDemiCond; src: url(../fonts/FRADMCN.TTF) format('truetype'); } @font-face { font-family: FranklinGothicMedium; src: url(../fonts/framdit.ttf) format('truetype'); } @font-face { font-family: FranklinGothicMedium; src: url(../fonts/framdit.ttf) format('truetype'); } @font-face { font-family: FranklinGothicHeavy; src: url(../fonts/FRAHVIT.TTF) format('truetype'); } .performerWrapper [class*="col-"], #carousellogo [class*="col-"], .expertSec [class*="col-"], .homeDash [class*="col-"] {padding:0 6px;} .performerWrapper .row, .expertSec .row, .birthdaySec .row{margin:0 0 0 -6px;} .birthdaySec .col-md-6{padding:0 6px;} .corpVideo .row{margin:0 -6px !important;} .corpVideo .row{margin:0 -6px 0 0} .bgBlue{background:#0a818a!important;} .bgSkyBlue{background:#d4f4ef;} .bgSkyBlueDark{background:#91e4d7;} .bgGreen{background:#008571;} .bgRed{background:#8c000d;} .textBreak{display:block;} .d-hide, .visually-hidden, .blueTheme, .redTheme,.access-dark-theme, .perCntnt .adPref{display:none !important;} .time{font-size:11px; font-weight:600; } .moreLink{text-transform:uppercase; font-size:12px; color:#7f7f7f;} .bdrRight{border-right:1px solid #cecece;} .bgNone{background:none !important;} h4{font-size:30px; color:#4d4d4d; font-weight:600;} .w-42{width:42%; max-width:42%;} .w-47{width:47%; max-width:47%;} .bdrNone{border:none !important;} .textSmall{font-size:52px; font-family:AileronThinItlaic; color:#007967;} h2, h3, h4, h5, h6{font-family:AileronBlackItlaic; color:#007967; line-height:.8;} .btn-primary{background:#008975; border-color:#008976;color: #fff !important;font-weight: 400} .btn-news{background:#8ce4d4; border-color:#8ce4d5; color:#000;} .btn{border-radius:0;} /*---------------modal popup css start------------------*/ .modal-title{font-size:15px;} .modal-header{height:auto !important; padding: 5px 10px !important; background: #007fac !important; color: #fff !important; font-weight: 400 !important;} .modal-header h4, .modal-header .close{color:#fff !important;} .popUpBody{padding:10px;} .modal-body video {width: 100%;max-height: 400px;} .modal-header .lexicon-icon{color:#fff;} /*---------------header css start------------------*/ header .topbar{background:#007fac; padding:4px 0; font-family:AileronRegular;line-height: 1} header .topbar {font-size:16px; padding-top:3px;} header .topbar a{color:#fff;} header .topbar .colorTheme{width:18px; height:18px; border-radius:50%; display:inline-block; vertical-align:middle;} header .topLeft li{border-right:1px solid #000; line-height: 0.9; padding-right:15px;} header .topLeft li:last-child{border-right:none;} /* header #dark-theme, header #light-theme{border:1px solid #d1d1d1; border-radius:2px; padding:0 5px;} */ /* header #dark-theme{background:#7f7f7f; color:#fff;} */ header .myProfileBox .userName{position:relative;} header .myProfileBox .userName .fa-user-circle-o{margin-right:5px;} header .myProfileBox .userName > a{font-size:17px; color:#fff;display: flex;max-width:112px;align-items: center} /* header .myProfileBox .userName ul li{border-bottom:1px solid #c2c2c2} */ header .myProfileBox .userName ul li:last-child{border:none;} header .myProfileBox .userName ul li a, header .access-sec .userName ul li a, header .dropdown-menu li a{font-size:14px; color:#000;/*max-width: auto*/display: block;} header .myProfileBox .userName ul li:hover, header .access-sec .userName ul li:hover {/*background:#487497; color:#fff;*/ text-transform:none;} header .myProfileBox .userName ul li:hover a, header .access-sec .userName ul li:hover a{/*color:#fff;*/ text-transform:none;} header .myProfileBox .userName ul li a .fa{margin-right:10px;} header .myProfileBox .userName:hover a{text-decoration:none !important;} header .myProfileBox .userName .colorTheme{background:transparent;border: 1px solid #fff;width: 24px;height: 24px;margin: 0 2px 0 4px;position: relative;overflow: hidden;} header .myProfileBox .userName .colorTheme:before{content: "\f007";position: absolute;left: 5px;top: 2px;font-family: "FontAwesome";color: #eee;font-size: 16px;} header .myProfileBox .userName .colorTheme img{position: relative;max-width: 100%;border-radius: 50%;} header .myProfileBox:hover .dropdown-menu, header .myProfileBox .dropdown-menu, header ul .themeColor .userName:hover .dropdown-menu{transform: inherit !important; top:18px !important; right: 0; left: inherit !important; min-width:200px; margin-top:0;} header .myProfileBox:hover .dropdown-menu, header .themeColor .dropdown-menu a{display:block;} /* header .topRight .ft-con-ul li{border-right:1px solid rgb(110 110 110 / 44%);} */ header .topbar .list-inline-item{display:flex; align-items:center; border-right:2px solid #fff; padding: 5px 8px;margin-right: 0;justify-content: center;flex: auto} header .dropdown-toggle{white-space: normal;} header .topbar .list-inline-item:last-child{border:none; padding-right:0;} header .fontImg img{width:30px; vertical-align:baseline;} header .logoBox{background:#fff; margin:-5px 0} header .logoBox{flex: 0 0 22.5%; max-width: 22.5%;padding-right: 0;padding-left: 8px;} header .topRight{flex: 0 0 77.5%;max-width: 77.5%; align-self: center;} header .aagadiLogo{z-index:1; max-width:91px; width:100%;} header .logoSection{display:flex; /*justify-content:space-between;*/ padding-top:8px;} header .logo{border-right: 2px solid #aa9877; padding-right: 8px;margin-right: 8px} header .logo img{width:100%;max-width: 180px;} header ul li .dropdown:hover .dropdown-menu{display:block; top:30px;} header .dropdown:hover .fontImg + .dropdown-menu{top: 20px !important;margin-top: 0; } .font-set-option{display: inline-block !important; height: 78px;} .dec, .dec2{position: absolute; top: 60px; left: 0;} .nml{position: absolute;top: 35px;left: 0;} .inc, .inc2{position: absolute; top: 10px; left: 0;} .ft-con-ul li{width:100%; text-align:left;} .ft-con-ul #dark-theme{margin-bottom: 8px; display:block; color: inherit !important} .ft-con-ul .ft-control span{border: 1pt solid #ccc; border-radius: 2px; width: 25px; display: inline-block; text-align: center; margin-right: 5px;} .ft-con-ul .ft-control a{width:auto; border:none; border-radius:0; margin-right:0;} .ft-control .clr-white{text-align:left;} .ft-con-ul #dark-theme span{color:#fff;background:#000;} .fontImg:hover .dropdown-menu{top:30px !important;} .ft-con-ul li a{padding:0 10px; display:block;} .ft-con-ul.dropdown-menu, header .themeColor .userName:hover .dropdown-menu{min-width: 170px;} /*----------------banner section css start------------*/ .bannerBox{position:relative; background:#fff;min-height: 408px;padding-top: 16px;background: url('/webdav/reports_en/document_library/HomeImages/tsBg.jpg');background-repeat: no-repeat;background-position: bottom left;background-size: cover} #homeSlider{z-index: 1;margin-bottom: 72px;padding: 4px;background: #fff} #homeSlider .carousel-indicators li{width:15px; height:15px; border-radius:50%;} #homeSlider .carousel-item.active{display: block} #homeSlider .carousel-inner img{width:100%;max-width:100%} .carousel-caption h1{font-size:40px; font-weight:600; width:300px; text-align:left;} /* .bannerWrap:after{position: absolute;content: "";width: 100%;height: 100%;background: url('../../images/Banner_Img.png');background-repeat: no-repeat;background-position: bottom left;background-size: cover;left: 0;top: 0;} */ #homeSlider .carousel-caption{right: 0; bottom: 0; left: 0; top: inherit; font-size: 18px; background: rgb(28 56 71 / 81%); padding: 10px;line-height: 1.2;max-width: inherit} #homeSlider .carousel-caption p{margin-bottom:0;} /*---------------search section--------------*/ .searchBox{position:absolute;bottom:135px;left:12px;right: 0;z-index:2;width:auto;} .searchBox .search-bar-keywords-input{padding-left: 96px !important;} .searchBox .sddn{position: absolute;z-index: 5;top: 2px;height: 36px;border-radius: 4px;left: 2px;bottom: 2px;background: #e7e7ed;border: none;width: 92px;font-family: FranklinBook !important} .searchBox a{color:#a7a7a7;} /* #search-bar input:focus{outline:0} */ .searchBox .input-group-text{background:#007d6a !important; border:#007d6a;border-radius: 0} .searchBox .input-group input{background:#00c0a3 !important; border:#00c0a3; border-radius:0;} .searchBox .fa-search, header #search-close-btn .fa{font-size:20px; color: #fff; cursor:pointer;} .searchBox .input-group .input-group-inset-item .btn-unstyled{background: #e7e7ed !important; margin-right:0; margin-left:0; height:100%;width: 40px;border-radius: 0 0.25rem 0.25rem 0;} .searchBox .input-group .input-group-inset-item{border-radius:0; padding:0; background:none; border:none;} .searchBox .input-group .input-group-item .input-group-inset-before.form-control{border-radius:0.25rem 0 0 0.25rem; padding-left:10px;} .searchBox .input-group-inset{order: 1;} .searchBox #search-voice-btn{margin-left: 10px; border-radius: 100%;width: 40px; height: 40px; background: #e7e7ed;/* padding: 10px; */} .searchBox #search-voice-btn img{width: 75%;} .searchBox .input-group ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: 1; /* Firefox */ } .searchBox .input-group :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; } .searchBox .input-group ::-ms-input-placeholder { /* Microsoft Edge */ color: #000; } .cntntSldrWrap{position: relative;background: none;left: 0;top: 0;width: 100%;height: 100%;z-index: 1} .cntntSldrWrap:before{position: absolute;content: "";border-radius: 50%;width: 318px;height: 318px;background: #fefcea;background: -moz-radial-gradient(center, ellipse cover, #fefcea 0%, #f1da36 100%);background: -webkit-radial-gradient(center, ellipse cover, #fefcea 0%,#f1da36 100%);background: radial-gradient(ellipse at center, #fefcea 0%,#f1da36 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 );left: 0;top: -2px;} #homeContentslider{color:#0a818a; position: absolute;top: 30px; display: block;width: auto; z-index: 1; left:10px; right: 10px;font-family:AileronBlackItlaic;text-align: center;} #homeContentslider .text{color:#0a818a; font-size:24px; font-family:AileronThinItlaic; line-height:1.1;margin: 0 0 4px;} #homeContentslider .hashSymbol{font-size:116px; line-height:1;margin-left: -8px;} #homeContentslider .heading{font-size:44px; line-height:.8; align-items: center; display:flex;} /*-------------home nav----------------*/ .sideNav-wrapper {position:absolute; bottom:0; width: 100%;z-index:10;padding-top: 5px;} .sideNav-wrapper .navbar-dark{background:none!important; display:block; padding:0;} .sideNav {list-style: none;padding: 0;text-align: center; width:100%;padding-left: 34px} .sideNav li a{padding:5px 22px;line-height: 1.3; display:block;} /* .sideNav li a:hover{background:#487497;} */ .sideNav li a>img{width:34px;} /* .sideNav-wrapper .sideNav li:hover .dropdown-menu{ transform:scale(1);-webkit-transform:scale(1) !important;-o-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1); background: rgb(49 53 60 / 95%); transform: scale(1); -webkit-transform: scale(1); padding:20px; display:block; position:absolute; top:30px; width:100%; left:0; border-radius:0; border:none;} */ .sideNav-wrapper .sideNav li.dropdown{position: inherit;} .sideNav-wrapper .sideNav li .dropdown-menu{margin-top:0; transform:scale(1);-webkit-transform:scale(1) !important;-o-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1); background: rgb(49 53 60 / 95%); transform: scale(1); -webkit-transform: scale(1); padding:20px; position:absolute; top:30px; width:100%; left:0; border-radius:0; border:none;} .sideNav-wrapper .sideNav li .dropdown-menu .list-group-item{border:none;} .sideNav-wrapper .sideNav ul{display:inline-block;} .sideNav-wrapper .sideNav .list-group-item{width:50%; float:left; border:none;color:#000; background:none; display: block;border-right: 1pt solid #e0e0e0 !important; padding: 8px 20px;border-radius:0;} .sideNav-wrapper .sideNav .list-group-item a{font-size:16px; color:#fff; border-bottom:none; padding:0;} .sideNav-wrapper .sideNav .list-group-item a:hover{text-decoration:none; background:none; color:#04949a;} .sideNav-wrapper .sideNav .dropdown-menu img{width:100%;} .menuTitle {color: #000;padding: 5px 26px;font-size: 36px;margin-left: -6px;font-weight: 600;color: #fff; font-style: italic;} .tooltip-inner{max-width: 200px;padding: 3px 8px;color: #fff;text-align: center;background-color: #00c0a3 ;border-radius: .25rem;} .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before{margin-left: -3px;content: "";border-width: 5px 5px 0;border-top-color: #00c0a3;} .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before{margin-left: -3px;content: "";border-width: 0 5px 5px;border-bottom-color: #00c0a3;} .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before{right: 0;margin-top: -3px;content: "";border-width: 5px 0 5px 5px;border-left-color: #00c0a3;} .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {margin-top: -3px;content: "";border-width: 5px 5px 5px 0;border-right-color: #00c0a3;} /*-------------whats new css start----------------*/ .whatsNew{margin:10px 0; clear:both; padding:0;} .whatsNew ul{list-style:none;} .whatsNew h3{margin-bottom:15px; position:absolute; left:65px; top:32px;font-size: 40px} .whatsNew h3 .textSmall{font-size: 35px} .whatsNew .moreLink{position: absolute;margin: 0 !important;right: 0;bottom: -16px;font-family: FranklinBook !important;font-weight: 400;text-decoration: underline;z-index: 2;} .whatsNew li{background:#164e7a; padding:15px; color:#fff;} .whatsNew li .dataBox .date{background:#8ce4d4;border-radius:5px 5px 0 0; color:#164e7a;} .whatsNew li .dataBox .year{color:#000;} .whatsNew .time{display:block; margin-top:2px;} #whatsNewSlider .textSec a{color:#231f20; display:flex; justify-content:space-between; background:#d4f4ef; border-radius: 0 20% 20% 0/0 50% 50% 0; width: 100%;text-decoration: none;text-align: left;font-size:16px;line-height: 1.2} #whatsNewSlider .textSec a:hover{text-decoration: none} #whatsNewSlider .textSec .title{padding-left:10px; width:65%; display:flex; align-items:center;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden} #whatsNewSlider .textSec .dateTime{font-size:16px;background: #0a7d85;color: #fff; border-radius: 40%/50%; padding:28px 10px;display: flex;flex-direction: column;min-height: 95px;align-items: center;} #whatsNewSlider .textSec .date{font-size:16px; font-family:FranklinGothicHeavy;} .whatsNew .carousel-control-next, .whatsNew .carousel-control-next:hover, .whatsNew .carousel-control-prev:focus, .whatsNew .carousel-control-prev{opacity:1 !important;} .whatsNew .carousel-control-prev, .whatsNew .carousel-control-next{align-items: flex-start;width:auto;} .whatsNew .carousel-control-prev img, .whatsNew .carousel-control-next img{width:62px;} .whatsNew .carousel-control-prev, .whatsNew .carousel-control-next{width:0; left:24px; top:0;} .whatsNew .carousel-control-next{left:inherit; right:24px;} /* .whatsNew .carousel-inner{width:70%; float:right; margin-right:35px;} */ .whatsNew .owl-carousel{padding-left:282px;padding-right:56px} .whatsNew .owl-nav{height:1px} #whatsNewSlider .carousel-inner .carousel-item.carousel-item-left.active {transform: translateX(-25%);} #whatsNewSlider .carousel-inner .carousel-item.carousel-item-right.active {transform: translateX(25%);} #whatsNewSlider .carousel-inner .carousel-item.carousel-item-next {transform: translateX(25%)} #whatsNewSlider .carousel-inner .carousel-item.carousel-item-prev {transform: translateX(-25%)} #whatsNewSlider .carousel-inner .carousel-item.active{display:flex;} #whatsNewSlider .carousel-inner .carousel-item.carousel-item-right, #whatsNewSlider .carousel-inner .carousel-item.carousel-item-left {transform: translateX(0);} /*----------------covidDashboard css------------*/ .covidDashboard{margin:10px 0; padding:0; font-family:FranklinDemiCond; position:relative;} .homeDash{/*font-weight:600;*/ color:#231f20; margin-left:-8px; margin-right: 0;} .homeDash .col-md-3:nth-child(4){padding-right:0} .homeDash .contentBox{min-height:142px; padding:15px;font-size: 18px;line-height: 1.2} .covidDashboard .homeDash a{color:#231f20;} .covidDashboard .homeDash a:hover{color:#fff; text-decoration: none !important;} .covidDashboard .last{margin-right:-5px;} .covidDashboard .moreLink{position:absolute; bottom:10px; right:20px; font-family:FranklinBook; color:#007967; text-decoration:underline;font-size: 16px} .covidDashboard .moreLink:hover, .covidDashboard .homeDash a:hover .moreLink{color: #fff} .covidDashboard .covidLeftBox .moreLink{color:#fff;} .covidDashboard h4{font-size:35px; color:#fff;} .covidDashboard .textSmall{font-size:40px; color:#fff;} .covidLeftBox img{width:90px; padding-top:12px;} .homeDash .contentBox:hover{background:#0b979f; cursor:pointer; color: #fff} .covidDashboard .bgBlue{background: #0a7d85;} .homeDash .e-Paper{display: flex;flex-direction: row;align-items: flex-start;padding-top: 24px;} .homeDash .e-Paper h4{font-size: 36px;} .homeDash .e-Paper{text-align: right;} .homeDash .e-Paper .date{color: #fff;font-size: 14px;font-family: FranklinBook;font-weight: normal;} .homeDash .e-Paper img{width: 48px;margin-left: 16px;} /*----------oil css ---------------*/ .oilPriceSec{display:flex;} .oilPriceSec .oilHeading{padding: 4px 24px; background: #6e6eaf;width:46%; line-height: .8; position:relative;font-size:76px; font-family:AileronBlackItlaic; color:#fff;} .oilPriceSec .oilHeading img{position: absolute; right: -2px; top: 0; width: 51px;} .oilPriceSec .oilPriceDetails{background: #002e36; color: #fb5b66; width:54%; padding: 18px;display: flex; align-items: center} .oilPriceSec .oilHeading .textSmall{font-size:44px; font-family:AileronThinItlaic; color:#fff;} .oilPriceDetails{font-family:FranklinBook; /*font-family:FranklinGothicMedium;*/ color:#0b979f; font-size:27px;font-weight: 600} .oilPriceDetails .roundBg{background:#0b979f; width:16px; height:16px; border-radius:100%; display:inline-block;margin: 8px} /*----------------homeStory sec------------*/ .homeStoryBox{ position:relative; /*margin-bottom:20px;*/ margin-top:10px;padding: 0 24px 0 4px} .homeStoryBox .storyLeftSec img{width:100%;/*max-height: 265px*/ margin-top: 24px} .homeStoryBox .storyLeftSec .text-right{position: absolute;bottom: 16px; right: 10px;white-space: nowrap;} .homeStoryBox span {background: #f5f5f5;padding: 0 20px;position: relative;z-index: 5;} .homeStoryBox .storyTitle{padding:16px 10px; font-size:16px;line-height: 1.2; text-align:center;height: 134px} .homeStoryBox .storyBox img{width:100%;height: 164px} .homeStoryBox .dateTime{font-size:13px; margin-top:10px; color:#fff; padding:2px 10px;} .homeStoryBox .moreLink{color:#435b73; padding:0 10px; text-decoration:underline;} .homeStoryBox a{color:#435b73;text-decoration: none;} .viewLike{display: flex;justify-content: space-between;align-items: center;padding-left: 8px} .viewLike span{background: transparent;padding: 0 4px 0 0;font-size: 12px} #storySlider{margin-right: -12px} #storySlider .carousel-control-prev,#storySlider .carousel-control-next{height: 34px;width: 34px;border-radius: 50%;background: #0b979f;font-size: 24px;top: 43%;color: #fff;} /* #storySlider .carousel-control-prev,#storySlider .carousel-control-next{font-size:30px; color: #04949a;height: 34px;width: 34px;top: 43%;} */ /* #storySlider .carousel-control-prev{left: -10px} */ /* #storySlider .carousel-control-next{right: -10px} */ /*------------------------cmd section css-----------*/ .cmdSection{color:#fff; padding:24px 0 16px; width:100%; overflow:hidden; margin:10px 0;} .cmdSection h2{font-size:114px;margin-top: 48px; color: #007967;} .cmdSection a{color: #007967;} .cmdImg.heading{position:relative;margin-left: 14px} .cmdImg.heading:after{background:url('../../images/talkBg.png');background-repeat: no-repeat; background-position:right; content:''; width: 200px; height: 200px; position: absolute; bottom: -125px; z-index: 78; right: 50px;} .cmdSec{border-left:6px dotted #129aa0; border-right:6px dotted #129aa0;} .cmdSec img{/* width:100%; */ max-width:280px; margin:auto; display:block;} .dirSec h3, .dirSec .title, .cmdSec h3, .cmdSec .title{font-size:32px; font-weight:300;} .dirSec img{width:260px; height:260px; margin:auto; display:block; border-radius:50%;margin-bottom:6px} .cmdSec .title, .dirSec .title{font-size:24px; color:#007967; line-height:1.1;max-width: 320px;margin: 0 auto} .cmdSec .title .small, .dirSec .title .small{font-size:14px;} .cmdSec img{/*max-height:300px;*/ margin-bottom: 8px} .cmdSec:after, .dirSec:after{background:url('../../images/dotIMg.png');background-repeat: no-repeat; background-position:right; content:''; width: 180px; height:180px; position: absolute; top:-50px; right: 54px;} .dirSec:after{top:inherit; bottom:0;} /* .cmdSec img{width:100%;} */ #dirSlider {margin-top:64px;} #dirSlider .carousel-indicators {position: static;} #dirSlider .fa, #sliderBottom .fa{font-size:30px; color: #007967;} /*---------------trending------------------------*/ .trendingWrapper .textImg{position:relative;} .trendingWrapper .textImg img{width:100%;} .trendingWrapper .textImg .first, .trendingWrapper .textImg .two, .trendingWrapper .textImg .three, .trendingWrapper .textImg .four, .trendingWrapper .textImg .five, .trendingWrapper .textImg .six{position: absolute; top: 30%; right: 19%; width:140px; font-size:16px; line-height:1;} .trendingWrapper .textImg .two{top: 30%; left: 25%; right:inherit;} .trendingWrapper .textImg .three{top: 45%; left: 10%; right:inherit; width:100px;} .trendingWrapper .textImg .four{top: 10%;left: inherit;right: 35%;width: 100px;} .trendingWrapper .textImg .five{top: 54%;left: inherit;right: 39%;width: 100px;} .trendingWrapper .textImg .six{top: 52%;left: inherit; right: 2%; width: 100px;} .trendingWrapper .greenTheme{margin-bottom:20px;} .trendingWrapper .trendingTitle{display: flex; align-items: center;} .trendingWrapper .trendingTitle img{padding-left: 24px;} /*--------------------slider boottom and fitOnccian-----------------------*/ #sliderBottom img{width:100%; max-height:457px;height: 457px} #sliderBottom .carousel-indicators li{width:10px; height:10px; background:#fff;border-top:0;border-bottom:0;} #sliderBottom .carousel-indicators li.active{background:#f7941d;} .fitOngcian{margin:24px 0; padding:0 24px 24px; color:#fff;} .fitOngcian h3, .fitOngcian .textSmall{color:#fff; font-size: 58px;} .fitOngcian img{margin-left: auto;margin-right: auto;display: block} /* .fitnessSec{padding:0 15px; margin-left:-15px;} */ /*-----------------------training sec---------------------*/ .trainingWrapper{margin-top:10px;margin-bottom:10px; padding:24px 0 16px; color:#435b73; text-align:center;font-size: 16px;line-height: 1.2} .trainingSec .title{min-height:104px; text-align:center;} .trainingSec .dateYear{font-size: 14px} .trainingSec .bdrLeftRight{border-left:2px dotted #34a5ab; border-right:2px dotted #34a5ab;} .traingImage{display:flex; justify-content:center;} .traingImage img{width:100%;} .trainingSec h2{font-size:100px;color:#C62F01; position: relative;} .trainingSec h2 .textSmall{font-size:46px;} .trainingSec .textSmall{color:#175183;} .trainingWrapper .pdf-link{color:#3464a2;} .trainingSec h2 .moreLink{position: absolute; bottom: 0; right: 0; font-family: FranklinBook !important; font-weight: 400; text-decoration: underline;} /*-------------performerWrapper sec-----------*/ .performerWrapper{font-family:FranklinDemiCond;margin: 0} .performerWrapper .topSec{background:#fff; min-height:278px; padding-top:10px;} .performerWrapper .topSec img{width:100%;display:block; margin:auto; max-width:258px !important} .performerWrapper .bgGreen .topSec img{width:100%;display:block; margin:auto; max-width:336px !important; margin-top:10px; padding-bottom:24px;} .performerWrapper .bgGreen .topSec{position: relative} .performerWrapper .bgGreen .topSec:before{content: "";position: absolute;top: 12px;left: -8px;bottom: 12px;border-left: 2px dotted #34a5ab;} .performerWrapper .bgGreen .topSec:after{content: "";position: absolute;top: 12px;right: -8px;bottom: 12px;border-right: 2px dotted #34a5ab;} .performerWrapper .dataList{padding:16px 24px;} .performerWrapper .dataList li{padding-bottom:8px;align-items: center;} .performerWrapper .dataList li img{width:30px;} .performerWrapper h3{padding:0 24px; line-height:.9; font-size:54px;} .performerWrapper .bgGreen h3, .performerWrapper .bgGreen h3 .textSmall{color:#207D6A;} .pledge .icon{background:#fff; padding:6px; margin-right:20px;} .pledge .title a{color:#fff; font-size:18px; display: flex; align-items: center;} .performer .headTitle{font-size:55px; font-weight:600; color:#1a456a63; padding: 0 20px 0 20px;} .performerWrapper .bgBlue{border-top:8px solid #0a818a; background: #0a818a;} .performerWrapper .bgGreen{border-top:8px solid #008571; background:#008571;} /* .performerWrapper .last{margin-right:-5px;} */ /*---------------------bulletinBoard css start------------*/ .bulletinBoard{/*border-right:10px solid #fff;*/ padding: 0 24px;} .bulletinBoard h3, .bulletinBoard .textSmall{color:#fff;} .bulletinBoard h3{padding: 52px 24px; background:#634a9e; margin: 0 -24px; font-size: 58px;} .bulletinBoard-content{padding:36px 0 12px; background:#fff; color:#207D6A;position: relative;} .bulletinBoard-content:after{content: "";position: absolute;top: 12px;right: -24px;bottom: -18px;border-right: 2px dotted #34a5ab;} .bulletinBoard-content ul li{border-bottom:1px solid #62b9bd; padding-bottom: 12px; margin-bottom: 12px;font-size: 16px; line-height: 1.2} .bulletinBoard-content ul li:last-child{border:none;} .bulletinBoard-content .moreLink{font-size:20px; text-decoration:underline;} .bulletinBoard-content .dateTime{font-size:14px;margin-bottom: 8px} .bulletinBoard-content .title{white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;} .bulletinBoard-content .title a{/*font-family:FranklinGothicMedium;*/font-family: FranklinDemiCond;color: #16969e} /* perContnt */ .perCntnt .bulletinBoard-content:after{border: none} .perCntnt h3{padding: 24px;position: relative;} .perCntnt h3 .textSmall{font-size: 32px;display: inherit} .adPref{position: absolute;right: 24px;top: 24px;font-size: 24px;cursor: pointer;} /*---------------------corprateBg css start------------*/ .corpVideo{margin: 0 0 10px 0; /*padding:0 5px;*/} .corprateBg{padding: 36px 48px 36px 24px;} .corprateBg h3{margin-top: 16px; font-size: 58px;} .corprateBg img{width:100%; max-width:500px;} .corprateBg h3, .corprateBg .textSmall{color:#fff;} .corprateBg .videoBox{height: 360px; overflow: hidden; align-items: center; display: flex;} .corprateBg .moreVideo{position: absolute;right: 48px;bottom: 20px} .corprateBg .moreVideo a{color: #fff;font-size: 18px;} /*---------------------ask an expert css start------------*/ .expertSec{margin: 0} .expertSec img{max-width:100%; margin:auto; display:block;} .expertSec .dashBox{min-height:360px; padding:16px 0 16px 24px;} .expertSec .dashBox h3, .expertSec .dashBox .textSmall{color:#fff;} .expertSec .dashBox h3{font-size:50px;} .expertSec .bgGreen.dashBox h3{margin-top:40px;} .expertSec .imgSec{min-height:214px;} .expertSec .moreLink{font-size:16px; color:#fff; margin-top:10px; text-decoration:underline;} /* .expertSec .last{margin-right:-5px;} */ /*---------------------happyBirthday sec css start------------*/ .birthdaySec{margin:10px 0;} .birthdaySec .btnSec.bgBlue.mn.mt10{background: transparent!important;position: absolute;bottom: 5px;right: 20px;color: #435b73;text-decoration: underline;font-size: 15px;text-transform: uppercase} .birthdaySec .btnSec.bgBlue.mn.mt10 .fa{display: none} #carousellogo{padding:15px 20px; min-height:150px;} #carousellogo .boxBlue{min-height:120px; position:relative;} #carousellogo .carousel-control{background: none; margin: auto; opacity:1; bottom:50%; top:40%;} #carousellogo .carousel-inner .carousel-item.carousel-item-left.active {transform: translateX(-25%);} #carousellogo .carousel-inner .carousel-item.carousel-item-right.active {transform: translateX(25%);} #carousellogo .carousel-inner .carousel-item.carousel-item-next {transform: translateX(25%)} #carousellogo .carousel-inner .carousel-item.carousel-item-prev {transform: translateX(-25%)} #carousellogo .carousel-inner .carousel-item.active{display:flex;} #carousellogo .carousel-inner .carousel-item.carousel-item-right, #carousellogo .carousel-inner .carousel-item.carousel-item-left {transform: translateX(0);} #carousellogo .carousel-control-prev, #carousellogo .carousel-control-next{width:10%; opacity:1;} #carousellogo .carousel-control-prev img, #carousellogo .carousel-control-next img{width:14px;} #carousellogo .carousel-item img{background:none; max-width: 100%; width:60px; height:60px;} #carousellogo .carousel-caption {font-family:FranklinDemiCond; padding:0 10px 0 10px;position: static;text-align: center; text-shadow: none;font-size: 13px; color:#16969e;} #carousellogo .carousel-caption a{color:#007967;} #carousellogo .carousel-item{display: flex;flex-wrap: nowrap;} .carousel-control.left{left:0; } .happyBirthBox{background: #d4f4ef url('../../images/happyBirthday.jpg');background-repeat: no-repeat; min-height:400px; background-size:100%;} .birthDaySlider, .happyBirthBox{min-height: 360px!important;} #carousellogo{position:absolute; bottom:-12px;overflow: hidden; width:90%;} .birthdaySec .imgBox{background:#b0ebe2; width:230px; margin-left:-16px; margin-right:24px;} .birthdaySec .imgBox img{width: 134px;max-width:100%; display:block; margin:auto; padding:19px 0;} .birthdaySec .detailBox .moreLink{font-size:15px; text-decoration:underline; color:#435b73;} .birthdaySec .detailBox h3{font-size: 58px;} /*--------------------------inner page css start-------------------*/ #main-content{min-height: 450px} .innerBnnaer .bannerImg{width:100%; min-height:290px;background: #ddd url('../../images/innerBanner.jpg');background-repeat: no-repeat;background-size: cover;position: relative} /* .innerBnnaer .bannerImg img{width:100%; min-height:290px;} */ .innerBnnaer .bannerImg h2{font-family: FranklinBook;font-size:34px; font-weight:600; position:absolute; top:50px; left: 40px; color:#0b979f;z-index: 2;max-width: 277px;word-wrap: normal;line-height: 1.1;} /* .bannerImg:before{background-color:#000;content:'';display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:0} */ /* .bannerImg:after{background:linear-gradient(to right,rgba(0,0,0,.6) 0,transparent 100%);content:'';display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1);height:100%;left:0;opacity:1;position:absolute; top:0;width:100%;z-index:0} */ .innerBnnaer .bannerImg::after{position: absolute;content: "";width: 100%;height: 100%;background: url("../../images/inrBnrOly.png");background-repeat: no-repeat;background-size: cover;background-position: top left;top: 0;left: 0;} .innerBnnaer .searchBox {right:28px; left:inherit; bottom: 7px; width:350px;z-index: 11} .innerBnnaer .sideNav-wrapper{background: #007fac} .innerBnnaer .searchBox .input-group-item.search-bar-keywords-input-wrapper{flex-wrap: nowrap;} header .topRight ul li .dropdown-toggle:after{border:none;} .innerContent{margin-top: 16px; /*font-family: 'Open Sans', sans-serif !important;*/} .imgCap{/* max-width:500px; */ margin-bottom: 16px;padding: 5px;font-size: 12px;color: #777;} .imgCap img{margin:auto; display:block;max-width:500px;} .indInrCont.innerContent h2, .indInrCont.innerContent h3, .indInrCont.innerContent h4, .indInrCont.innerContent h5, .indInrCont.innerContent h6{font-family: FranklinBook !important;} /*----------------breadcrumb css---------------*/ ul.breadcrumb{background:none;margin-top: 20px;margin-left: 0;} ul.breadcrumb li{color:#007967; display:flex;} ul.breadcrumb li+li:before {padding: 4px 8px;color: #6e6e6e; content: "\f0da"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} ul.breadcrumb li a {color: #000;text-decoration: none;text-transform: capitalize} ul.breadcrumb li a:hover {color: #01447e;text-decoration: underline;} ul.breadcrumb li:last-child a{color:#0b979f;} ul.breadcrumb li:first-child a span{display:none} ul.breadcrumb li:first-child a:before{content:"Home"; font-weight: 600;} .pageTitle{margin: 0;padding: 12px;background: #f6f6f6;} .pageTitle h2{font-family: FranklinBook;line-height: 1.2;font-size: 24px;color: #207d6a;margin-bottom: 0} /*---------left nav------------*/ .leftNav{background: #d5fbfd} .leftNav ul{list-style: none; padding-left: 0} .leftNav ul li{border-top: solid 1px #d0f0f2;position:relative} .leftNav ul li:first-child{border-top: none !important} .leftNav ul a{font-size:18px;padding: 5px 10px;display: block;color: #373737;text-transform: capitalize} .leftNav ul ul{display: none} .leftNav ul ul li a{padding: 5px 0px 5px 10px; font-size:18px} .leftNav > ul > li > ul > li > a{padding: 5px 0px 5px 15px;font-size:17px} .leftNav > ul > li > ul > li > ul > li > a{padding: 5px 0px 5px 20px;font-size:16px} .leftNav > ul > li > ul > li > ul > li > ul > li > a{padding: 5px 0px 5px 25px;font-size:15px} .leftNav > ul > li > ul > li > ul > li > ul > li > ul > li > a{padding: 5px 0px 5px 30px;font-size:14px} .leftNav ul li a:hover{text-decoration:none} .leftNav ul li a[data-option='off']:after{color: #373737;font-size: 10px;content: "\f067";font-family: FontAwesome;position: absolute;right: 10px;top: 10px;} .leftNav ul li a[data-option='on']:after{color:#373737;font-size: 10px;content: "\f068";font-family: FontAwesome;position: absolute;right: 10px;top: 10px;} /* Chief Labs Portal*/ #myUL {margin: 0;padding: 0;} #myUL .expand-ul {cursor: pointer;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;} #myUL .expand-ul::before {color: rgb(85, 85, 85);font-size: 10px;margin-right: 5px;content: "\f067"; font-family: FontAwesome;display: inline-block;text-align: right;float: right; position: absolute;right: 10px; top: 14px;} #myUL .caret-down::before {content: "\f068"; } #myUL .nested {display: none;} #myUL .active {display: block; -webkit-animation: slide-down .5s ease-out;} #myUL .nested li:nth-child(odd), #myUL .nested li:nth-child(even){background: transparent !important;} #myUL li:before{background: none; width:auto;} #myUL li{padding: 5px 10px;} #myUL .nested{font-size:14px;} #myUL .nested li{border-bottom:1px solid #cdcdcd;} #myUL .nested li:last-child{border-bottom:none;} /*--------------------table css start------------*/ table.table-bordered thead th{background-color:#007fac !important; color:#fff; font-weight:400; font-size:16px; font-weight:500;} .table td, .table th{ padding: 0.3rem;} .table thead td, .table thead th{vertical-align: middle;} .dataTable td, .dataTable th{padding-top: 0.3rem !important; padding-bottom:0.3rem !important;} table a,table a:not([href]){text-decoration: underline;} /*----------------------------------form css-------------------------*/ .formWrapper .site{margin-bottom:10px;} .formWrapper .formTitle, .formWrapper .fieldset-legend .legend { display:block; background-color: #f1f2f5;border-left: 3px solid #008975;padding: 5px 10px;font-size: 20px;color: #A41D23; margin: -25px -25px 15px -25px; font-weight: 500;} .formWrapper .col-md-6 {flex: 0 0 50% !important; max-width: 50% !important;} /* .formWrapper .form-group input[type="text"]{height: 1.9rem;} */ .formWrapper .form-group textarea {resize: none;} .formWrapper label{font-size:16px; font-weight:400;} /* .formWrapper .form-group select{width:100%;font-size:1rem;height:1.6rem;padding:.125rem .125rem .0625rem;background:none;border:none;height: calc(1.5em + 0.75rem + 2px); line-height:1.9;box-shadow:none} */ /* .formWrapper .form-group .bar{position:relative;border-bottom:.0625rem solid #999;display:block} .formWrapper .form-group .bar::before{content:'';height:.125rem;width:0;left:50%;bottom:-.0625rem;position:absolute;background:#337ab7;-webkit-transition:left .28s ease,width .28s ease;transition:left .28s ease,width .28s ease;z-index:2} */ /* .formWrapper .form-group input[type="text"],.formWrapper .form-group input[type="number"],.formWrapper .form-group input[type="email"], .formWrapper .form-group textarea, .formWrapper .form-group input[type="date"]{display:block;background:none;padding:.125rem .125rem .0625rem;font-size:1rem;border-width:0;border-color:transparent;line-height:1.9;width:100%;-webkit-transition:all .28s ease;transition:all .28s ease;box-shadow:none} .formWrapper .form-group select:focus, .formWrapper .form-group input[type="date"]:focus, .formWrapper .form-group input[type="text"]:focus,.formWrapper .form-group input[type="number"]:focus,.formWrapper .form-group input[type="email"]:focus,.formWrapper .form-group textarea:focus {outline: none; box-shadow:none;} .formWrapper .form-group select:focus ~ .bar::before, .formWrapper .form-group input[type="text"]:focus ~ .bar::before,.formWrapper .form-group input[type="email"]:focus ~ .bar::before,.formWrapper .form-group input[type="number"]:focus ~ .bar::before, .formWrapper .form-group textarea:focus ~ .bar::before, .formWrapper .form-group input[type="date"]:focus ~ .bar::before {width: 100%;left: 0;} */ .form-control{background:none; border-radius: 0;border: 1px solid #adafb6} .formWrapper .btn-primary{background:#008975 !important; border-color:#008976 !important} .formWrapper .sheet .panel-group .panel-body{margin-bottom:0} .formWrapper{margin-bottom:10px;} .formWrapper .form-group{position:relative;} .formWrapper .form-validator-stack.help-block{position:absolute; font-weight: 400;} .formWrapper .clr-bg-brwn{display: block;background-color: #e7e7ed; border-left: 3px solid #a63230; padding: 5px 15px; font-size: 20px; color: #A41D23; font-weight: 500; margin-bottom: 0; text-align: left;} .formWrapper .clr-bg-brwn .text-center{text-align:left !important;} .formWrapper .panel{border-radius:0;} .formWrapper .work-items{padding: 10px; border:1px solid #cdced9; margin-top: 10px;} .formWrapper .work-items .workItemBg{display:inline-block; width:auto;} .formWrapper .panel-heading{display:inline-block; width:auto; padding: 10px; background: #007fac; color: #fff; width:100%;} .formWrapper .panel-heading a{color:#fff;} /*---------------------footer css start------------*/ footer{font-size:13px; margin-top:10px !important; color:#000;} footer .linkMain{background:#1c3847; font-size:12px; } footer .linkMain ul li{padding-right:30px;} #footer-stories{padding:20px 0;} footer .ftLink{background:#424242; color:#fff; padding:10px 0;} footer .ftLink ul li{border-right:1px solid #fff; line-height: 0.9;} footer .ftLink ul li{padding:0 20px;} footer .ftLink ul li:first-child{padding-left:0;} footer .ftLink ul li:last-child{border-right:none;} footer .ft-top a{color:#fff !important;} footer ul.list-inline>li:after{color:#999999 !important;} footer ul.list-inline>li.social-icon{padding: 0;} footer ul.list-inline>li.social-icon:after{content: ''; margin: 0;} footer .social-icon a{height: 45px; width: 45px; display: inline-block; text-align: center; border-radius: 5px; padding: 0px; line-height: 45px; font-size: 26px;} footer .si-facebook{background-color: #537abd} footer .si-youtube{background-color: #dc4747} footer .si-linkedin{background-color: #1384c8} footer .si-twitter{background-color: #77cbef} footer .foot_row{float: left; width: 12.5%; border-right: 1px solid #225570; min-height:480PX} footer .foot_row:last-child{border-right: none !important;} footer .foot_row .list-group-item{background-color: transparent; padding: 0; border:none;font-size:13px;line-height: 1.2;margin-bottom: 6px;} footer .foot_row .list-group-item:first-child a{font-size:14px;} footer .ft-exp ul li a:hover, footer .ft-exp ul li a:active, footer .ft-exp ul li a:focus{color: #333;} footer .linkMain a{color:#fff; padding:0 12px; display:block;} footer .foot_row ul li:first-child{background:#207d6a; border-radius:0; padding:8px 0; margin-bottom:10px;} footer .foot_row ul li:first-child a{color: #fff} footer .foot_row:first-child ul li:first-child{margin-left:-4px; padding-left:4px;} footer .foot_row:last-child ul li:first-child{margin-right:-4px; padding-right:4px;} /*---------------contrast theme----------------*/ #contrast header .topbar, #contrast header .dropdown-menu, #contrast footer .linkMain, #contrast footer .foot_row ul li:first-child, #contrast footer .ftLink, #contrast footer, body#contrast, #contrast .sideNav-wrapper .sideNav li .dropdown-menu, #contrast .bulletinBoard-content, #contrast .reports-home-layout{background:#000;} #contrast header .topbar a, #contrast footer .linkMain a, #contrast footer .ftLink a, #contrast .sideNav-wrapper .sideNav .list-group-item a, #contrast .bulletinBoard-content ul li, #contrast .leftNav ul li a, #contrast .breadcrumb li a,#contrast .ft-con-ul #dark-theme span, #contrast .list-group-item .list-group-title, #contrast .commentText a, #contrast .storyTitleSec .pre-next a{color: yellow !important;} #contrast .trendingWrapper/*,#contrast .relatedStory li:nth-child*/{background:#fff;} #contrast footer .foot_row ul li:first-child, #contrast .leftNav ul li,#contrast .commentList li{border-bottom: 1px solid #fff;} #contrast footer .ftLink, #contrast footer #footer-stories, #contrast footer .linkMain{border-top: 1px solid #fff;} #contrast footer #footer-stories,#contrast .strWrp, #contrast .strWrp h3, #contrast .strWrp h4, #contrast .vcdiv h3, #contrast .vcdiv h4, #contrast .thumbnail .caption, #contrast .pageTitle h2, #contrast #StoryTitle-wrapper h2, #contrast .form-control{color:#fff;} #contrast .innerContent .rightContentBox, #contrast .leftNav{border:1px solid #fff; color:#fff; padding:5px;} #contrast .leftNav ul li:nth-child(odd), #contrast .leftNav ul li:nth-child(even){background:none;} #contrast .leftNav ul li:last-child{border-bottom:none;} #contrast .light-theme span {background: #fff;color: #000;} #contrast #wrapper, #contrast .pageTitle, #contrast .list-group-item, #contrast .storyTitleSec, #contrast .giveComment, #contrast .storyLikeSec, #contrast .relatedStory ul li, #contrast .formWrapper {background: #000;color: #fff;} #contrast .pageTitle, #contrast .storyTitleSec, #contrast .relatedStory ul li, #contrast .storyLikeSec{border:1px solid #fff;} #contrast .access-light-theme {display: none;} #contrast .access-dark-theme {display: inline-block !important;} /*---------------contrast theme end----------------*/ /*--------------------------blue color theme start---------------*/ #blue-color-theme header .topbar, #blue-color-theme .oilPriceSec .oilHeading, #blue-color-theme .oilPriceDetails .roundBg, #blue-color-theme .homeStoryBox .dateTime, #blue-color-theme .performerWrapper .bgGreen, #blue-color-theme .corpVideo .bgGreen, #blue-color-theme footer .foot_row ul li:first-child,#blue-color-theme .sideNav-wrapper, #blue-color-theme .storyLikeSec{background:#4c99cc;} #blue-color-theme .searchBox .input-group input{background:#fff !important; border:#ddd;} #blue-color-theme .searchBox .input-group-text{background:#ababab !important;} #blue-color-theme h2, #blue-color-theme h3, #blue-color-theme h4, #blue-color-theme .textSmall, #blue-color-theme .covidDashboard .covidLeftBox a, #blue-color-theme footer .linkMain a{color:#fff;} #blue-color-theme #homeSlider .carousel-caption{background:rgb(21 120 70 / 81%);} #blue-color-theme #whatsNewSlider .textSec a, #blue-color-theme .homeDash .contentBox{background:#f6f6f6;} #blue-color-theme #whatsNewSlider .textSec .dateTime{background:#5f9f5c;} #blue-color-theme .whatsNew .textSmall, #blue-color-theme .whatsNew h3, #blue-color-theme .cmdSection h2, #blue-color-theme .cmdSection .textSmall, #blue-color-theme .birthdaySec h3, #blue-color-theme .birthdaySec .textSmall, #blue-color-theme #homeContentslider{color:#5f9f0c;} #blue-color-theme #homeContentslider .text{color:#9f9f9f;} #blue-color-theme .cmdSec{border-left: 4px dotted #5f9f0c; border-right: 4px dotted #5f9f0c;} #blue-color-theme .cmdSection{background:#f4f4f4;} #blue-color-theme .cmdSec .title, #blue-color-theme .dirSec .title{color:#55587f;} #blue-color-theme .homeDash .contentBox:hover, #blue-color-theme .homeDash .contentBox:hover a, #blue-color-theme .fitnessSec .bgBlue, #blue-color-theme .performerWrapper .bgBlue{background:#5f9f0c; color:#fff;} #blue-color-theme .performerWrapper .bgBlue{border-top: 5px solid #5f9f0c;} #blue-color-theme .performerWrapper .bgGreen{border-top: 5px solid #4c99cc;} #blue-color-theme .oilPriceSec .oilPriceDetails, #blue-color-theme .oilPriceSec .oilPriceDetails .text-white{background:#efefef; color:#5d5d5d !important;} #blue-color-theme .greenTheme{display:none;} #blue-color-theme .blueTheme{display:block !important;} #blue-color-theme .covidDashboard .bgBlue{background:#78a343 !important;} #blue-color-theme .homeStoryBox .bgSkyBlueDark{background:#ebebeb;} #blue-color-theme .cmdImg.heading:after{background: url('/webdav/reports_en/document_library/HomeImages/talkBgBlue.png');background-repeat: no-repeat; background-position: right;} #blue-color-theme .cmdSec:after, #blue-color-theme .dirSec:after{background: url('/webdav/reports_en/document_library/HomeImages/dotImgBlue.png');background-repeat: no-repeat; background-position: right;} #blue-color-theme .trendingWrapper .blueTheme{margin-bottom:20px;} #blue-color-theme .trainingWrapper, #blue-color-theme .birthdaySec .bgSkyBlue{background:#f5f5f5;} #blue-color-theme .trainingWrapper .trainingSec h2, #blue-color-theme .trainingWrapper .trainingSec .textSmall{color:#4c99cc;} #blue-color-theme .performerWrapper h3{color:#969696;} #blue-color-theme .performerWrapper .textSmall{color:#5f5f5f;} #blue-color-theme .birthdaySec .imgBox{background:#dddddd;} #blue-color-theme #carousellogo .carousel-caption a, #blue-color-theme .cmdSection a{color:#4c99cc;} #blue-color-theme .happyBirthBox{background: url(/webdav/reports_en/document_library/HomeImages/happyBirthdayBlue.jpg) no-repeat; background-size: 100%;} /* #blue-color-theme .cntntSldrWrap {background: url(/webdav/reports_en/document_library/HomeImages/blueBg.png);background-repeat: no-repeat;background-position: top left;background-size: cover;left: 0;top: 0;width: 100%;height: 100%;z-index: 1} */ #blue-color-theme .bulletinBoard h3{background: #62a014;} #blue-color-theme .bulletinBoard-content ul li{border-color:#62a014;} #blue-color-theme .bulletinBoard-content .dateTime,#blue-color-theme #StoryTitle-wrapper h2, #blue-color-theme .pageTitle h2,#blue-color-theme .innerBnnaer .bannerImg h2, #blue-color-theme .innerContent h2, #blue-color-theme .innerContent h3, #blue-color-theme .innerContent h4{color:#4c99cc;} #blue-color-theme .bulletinBoard-content .title a{color:#5f5f5f;} #blue-color-theme footer .linkMain{background:#3d790d;} #blue-color-theme footer .ftLink{background:#868686;} #blue-color-theme footer .foot_row{border-right: 1px solid #64943e;} #blue-color-theme .bannerWrap:after{background: url('../../images/blueBg.png'); background-size: cover;} #blue-color-theme .expertSec .bgBlue{background:#308bcd !important;} #blue-color-theme .expertSec .bgGreen{background:#61961e;} #blue-color-theme table.table-bordered thead th, #blue-color-theme .btn-primary{background:#4c99cc !important;} #blue-color-theme .btn-primary{border-color:#4c99cd !important;} #blue-color-theme #e-directorymenu .bg-dark{background:#4c99cc !important;} #blue-color-theme .innerBnnaer .bannerImg::after{background: url("../../images/inrBnrOlyBlu.png");background-repeat: no-repeat;background-size: cover;background-position: top left;top: 0;left: 0;} #blue-color-theme .vcdiv ul.reports-ul li::before,#blue-color-theme .vcdiv ul li::before,#blue-color-theme .vcdiv ul l1:before{background: #4c99cc !important;} /*--------------------------blue color theme end---------------*/ /*--------------------------red color theme start---------------*/ #red-color-theme .bannerWrap:after{background: url('../../images/redBg.png'); background-size: cover;} #red-color-theme header .topbar, #red-color-theme .oilPriceSec .oilHeading, #red-color-theme .oilPriceDetails .roundBg, #red-color-theme .homeStoryBox .dateTime, #red-color-theme .performerWrapper .bgGreen, #red-color-theme .corpVideo .bgGreen, #red-color-theme footer .foot_row ul li:first-child,#red-color-theme .sideNav-wrapper, #red-color-theme .storyLikeSec{background:#8c000d;} #red-color-theme .searchBox .input-group input{background:#e5e5e5 !important; border:#e5e5e5;} #red-color-theme .searchBox .input-group-text{background:#ababab !important;} #red-color-theme h2, #red-color-theme h3, #red-color-theme h4, #red-color-theme .textSmall, #red-color-theme .covidDashboard .covidLeftBox a{color:#fff;} #red-color-theme #whatsNewSlider .textSec a, #red-color-theme .homeDash .contentBox{background:#f6f6f6;} #red-color-theme #whatsNewSlider .textSec .dateTime{background:#5c5c7f;} #red-color-theme .whatsNew .textSmall, #red-color-theme .whatsNew h3, #red-color-theme .cmdSection h2, #red-color-theme .cmdSection .textSmall, #red-color-theme .birthdaySec h3, #red-color-theme .birthdaySec .textSmall, #red-color-theme #homeContentslider{color:#55587f;} #red-color-theme #homeContentslider .text {color: #5f5f5f;} #red-color-theme #homeSlider .carousel-caption{background:rgb(53 56 87 / 81%);} #red-color-theme .cmdSec{border-left: 4px dotted #55587f; border-right: 4px dotted #55587f;} #red-color-theme .cmdSection{background:#f4f4f4;} #red-color-theme .cmdSec .title, #red-color-theme .dirSec .title, #red-color-theme .cmdSection a{color:#55587f;} #red-color-theme .homeDash .contentBox:hover, #red-color-theme .homeDash .contentBox:hover a, #red-color-theme .fitnessSec .bgBlue, #red-color-theme .performerWrapper .bgBlue{background:#55587f; color:#fff;} #red-color-theme .performerWrapper .bgBlue{border-top: 5px solid #444870;} #red-color-theme .performerWrapper .bgGreen{border-top: 5px solid #8c000d;} #red-color-theme .oilPriceSec .oilPriceDetails, #red-color-theme .oilPriceSec .oilPriceDetails .text-white{background:#efefef; color:#5d5d5d !important;} #red-color-theme .greenTheme, #red-color-theme .blueTheme{display:none;} #red-color-theme .redTheme{display:block !important;} #red-color-theme .covidDashboard .bgBlue{background:#4f5172 !important;} #red-color-theme .homeStoryBox .bgSkyBlueDark{background:#ebebeb;} #red-color-theme .cmdImg.heading:after{background: url('/webdav/reports_en/document_library/HomeImages/talkBgRed.png');background-repeat: no-repeat; background-position: right;} #red-color-theme .cmdSec:after, #red-color-theme .dirSec:after{background: url('/webdav/reports_en/document_library/HomeImages/dotIMgRed.png');background-repeat: no-repeat; background-position: right;} #red-color-theme .trendingWrapper .redTheme{margin-bottom:20px;} #red-color-theme .trainingWrapper, #red-color-theme .birthdaySec .bgSkyBlue{background:#f5f5f5;} #red-color-theme .trainingWrapper .trainingSec h2, #red-color-theme .trainingWrapper .trainingSec .textSmall{color:#87000c;} #red-color-theme .performerWrapper h3{color:#969696;} #red-color-theme .performerWrapper .textSmall{color:#5f5f5f;} #red-color-theme .birthdaySec .imgBox{background:#dddddd;} #red-color-theme #carousellogo .carousel-caption a{color:#55587f;} #red-color-theme .happyBirthBox{background: url(/webdav/reports_en/document_library/HomeImages/happyBirthdayRed.jpg) no-repeat; background-size: 100%;} /* #red-color-theme .cntntSldrWrap {background: url(/webdav/reports_en/document_library/HomeImages/redBg.png);background-repeat: no-repeat;background-position: bottom left;background-size: cover;left: 0;top: 0;width: 100%;height: 100%;z-index: 1} */ #red-color-theme .bulletinBoard h3{background: #444870;} #red-color-theme .bulletinBoard-content ul li{border-color:#444870;} #red-color-theme .bulletinBoard-content .dateTime,#red-color-theme #StoryTitle-wrapper h2, #red-color-theme .pageTitle h2,#red-color-theme .innerBnnaer .bannerImg h2, #red-color-theme .innerContent h2, #red-color-theme .innerContent h3, #red-color-theme .innerContent h4{color:#8c000d;} #red-color-theme .bulletinBoard-content .title a{color:#5f5f5f;} #red-color-theme footer .linkMain{background:#353857;} #red-color-theme footer .ftLink{background:#969696;} #red-color-theme footer .foot_row{border-right: 1px solid #355a78;} #red-color-theme .expertSec .bgBlue{background:#8a0c1d !important;} #red-color-theme .expertSec .bgGreen{background:#444870;} #red-color-theme .expertSec .bgBlue.last{background:#9a1a2b !important;} #red-color-theme .btn-primary, #red-color-theme table.table-bordered thead th{background:#8c000d !important;} #red-color-theme .btn-primary{border-color:#8c000e !important;} #red-color-theme #e-directorymenu .bg-dark{background:#8c000d !important;} #red-color-theme .innerBnnaer .bannerImg::after{background: url("../../images/inrBnrOlyRed.png");background-repeat: no-repeat;background-size: cover;background-position: top left;top: 0;left: 0;} #red-color-theme .vcdiv ul.reports-ul li::before,#red-color-theme .vcdiv ul li::before,#red-color-theme .vcdiv ul l1:before{background: #8c000d !important;} /*--------------------------red color theme end---------------*/ /* BnrBxNew */ #homeSlider button{height: 34px;width: 34px;border-radius: 50%;background: #0b979f;color: #fff;font-size: 24px;opacity: .7;top: 48%;border: none;} #homeSlider button:hover{opacity: 1} #homeSlider button.carousel-control-prev{left: 4px} #homeSlider button.carousel-control-next{right: 4px} #homeSlider .carousel-item,#ts-thumb .carousel-item{height: 310px} #ts-thumb{padding: 4px;background: #fff} #ts-thumb .thumb{padding: 0;height: 150px;overflow: hidden;position: relative;margin-bottom: 10px} #ts-thumb .thumb:last-child{margin-bottom: 0} #ts-thumb .thumb img{max-width: 100%} #ts-thumb .carousel-caption{left: 0;right: 0;bottom: 0;top: inherit;background: rgb(21 120 70 / 81%);max-width: inherit;padding: 4px 8px;line-height: 1.2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} #ts-thumb .carousel-caption p{margin-bottom: 0} .vertical .carousel-inner .carousel-item.carousel-item-left.active{transform: translateY(-33.33%)} .vertical .carousel-inner .carousel-item.carousel-item-right.active{transform: translateY(33.33%)} .vertical .carousel-inner .carousel-item.carousel-item-next{transform: translateY(33.33%)} .vertical .carousel-inner .carousel-item.carousel-item-prev{transform: translateY(-33.33%)} .vertical .carousel-inner .carousel-item.carousel-item-right,.vertical .carousel-inner .carousel-item.carousel-item-left{transform: translateY(0)} #ts-thumb .carousel-item .thumb:first-child,#ts-thumb .carousel-control-prev, #ts-thumb .carousel-control-next{display: none} #ts-thumb .carousel-inner > .carousel-item{transition: transform .6s ease-in-out !important;backface-visibility: hidden;perspective: 1000px} @media screen and (min-width: 1921px) and (max-width: 2560px){ .bannerBox{min-height: 540px;} .searchBox {bottom: 160px;left: 50px;right: 50px;width: auto;/* max-width: 380px; */} .searchBox .sddn{width: 110px} .searchBox .search-bar-keywords-input{padding-left: 116px !important} .cntntSldrWrap{max-width: 456px;} .cntntSldrWrap::before{width: 456px;height: 456px;left: 0} /* #homeContentslider{top: 240px;} */ #homeContentslider .text{color:#0a818a;font-size: 34px;font-family:AileronThinItlaic;line-height:1.1;} #homeContentslider .hashSymbol{font-size: 160px;} #homeContentslider .heading{font-size: 60px;} #homeSlider .carousel-item, #ts-thumb .carousel-item{height: 444px} #ts-thumb .thumb{height: 217px} .corprateBg .moreVideo a{bottom: 5px;} .oilPriceSec .oilPriceDetails{justify-content: center;} .homeStoryBox .storyBox img{height:285px;} .homeStoryBox .storyTitle{height:270px;} .fitOngcian{margin: 24px auto;} .happyBirthBox .birthDaySlider{min-height: 428px !important;} .happyBirthBox{background-position: top -132px left;} .birthdaySec .imgBox img{width:168px;} .corprateBg{justify-content: space-between;} } @media screen and (min-width: 1601px) and (max-width: 1920px){ .bannerBox{min-height: 540px} .searchBox{bottom: 160px;left: 24px;right: 24px;width: auto;/* max-width: 380px; */} .searchBox .sddn{width: 110px} .searchBox .search-bar-keywords-input{padding-left: 116px !important} .cntntSldrWrap{max-width: 456px;} .cntntSldrWrap::before{width: 456px;height: 456px;left: 0} /* #homeContentslider{top: 120px;} */ #homeContentslider .text{font-size: 34px;} #homeContentslider .hashSymbol{font-size: 160px;} #homeContentslider .heading{font-size: 60px;} #homeSlider .carousel-item, #ts-thumb .carousel-item{height: 444px} #ts-thumb .thumb{height: 217px} .innerBnnaer .bannerImg img{width: 100%} .cmdSection{padding:30px 0 30px 0;} .homeStoryBox .storyBox img{height:215px;} .homeStoryBox .storyTitle{height:190px;} .trendingWrapper .textImg .first, .trendingWrapper .textImg .two, .trendingWrapper .textImg .three, .trendingWrapper .textImg .four, .trendingWrapper .textImg .five, .trendingWrapper .textImg .six{font-size:1.4em} .trendingWrapper .textImg .first{top: 42%; right: 22%;} .trendingWrapper .textImg .two{top: 37%;left: 27%;} .trendingWrapper .textImg .three{top: 54%;} .trendingWrapper .textImg .four{top: 13%; right: 38%;} .trendingWrapper .textImg .five{right: 42%; top: 62%;} .trendingWrapper .textImg .six{top: 60%; right: 4%;} .trendingWrapper .trendingTitle{display:flex;} .trendingWrapper .trendingTitle picture{display: flex; align-items: center;} .trendingWrapper .trendingTitle img{min-width:430px;} .birthDaySlider{min-height: 360px !important;} header .logo img{max-width: 210px;} header .aagadiLogo{display: flex; align-items: center;} .corprateBg .moreVideo a{bottom: 5px;} .fitOngcian{margin: 24px auto;} .happyBirthBox{background-position: top -86px left !important;} #homeSlider .carousel-caption{font-size: 20px;} } @media screen and (min-width: 1367px) and (max-width: 1600px){ .bannerBox{min-height: 472px} .searchBox{bottom: 160px;left: 24px;right: 12px;width: auto;} .cntntSldrWrap::before{width: 375px;height: 375px;left: 0} #homeContentslider .text{font-size: 28px;} #homeContentslider .hashSymbol{font-size: 120px;} #homeContentslider .heading{font-size: 48px;} #homeSlider .carousel-item, #ts-thumb .carousel-item{height: 364px} #ts-thumb .thumb{height: 177px;} } @media (min-width: 992px){ .sideNav-wrapper .sideNav li .dropdown-menu{bottom:44px; z-index:1000; top:inherit;} .navTopPos .sideNav-wrapper .sideNav li .dropdown-menu{bottom:inherit; z-index:1000;} .innerBnnaer .homeNav:not(.navTopPos) .sideNav-wrapper .sideNav li .dropdown-menu{max-height:315px; overflow-y:auto; width:99%} } @media screen and (min-width: 1025px) and (max-width: 1280px){ .innerBnnaer .searchBox{right:10px !important; width:240px !important;} } @media (max-width: 1200px){ .performerWrapper h3, .expertSec .dashBox h3{font-size:45px;} .performerWrapper h3 .textSmall{font-size:40px;} #sliderBottom img{max-height: 440px;height: 440px;} .oilPriceSec .oilHeading{font-size:60px;} } @media screen and (min-width: 991px) and (max-width: 1024px){ .covidDashboard h4{font-size:40px;} .covidDashboard .textSmall{font-size:30px;} .trendingWrapper .textImg .first{right:14px;} .trendingWrapper .textImg .two{top: 25%;left: 23%;} .trendingWrapper .textImg .three{top: 35%; left: 8%;} .trendingWrapper .textImg .four{top:9%;} .trendingWrapper .textImg .five{top: 43%; right: 36%;} .trendingWrapper .textImg .four{right: 31%;} #sliderBottom img{max-height: 375px;height: 375px;} .performerWrapper h3, .birthdaySec .detailBox h3, .expertSec .dashBox h3{font-size: 38px;} .performerWrapper .topSec .textSmall, .birthdaySec .detailBox h3 .textSmall, .expertSec .dashBox h3 .textSmall{font-size:35px;} } @media (max-width: 991px){ footer .foot_row {float: left;width: 100%;border-right: 1px solid #204960; border:none; min-height:auto} footer .foot_row ul li{float:left;} #sliderBottom img{width:100%; height: auto; min-height:355px;} .homeStoryBox .bdrRight{border:none;} .cmdSection .w-42{width:100% !important; max-width:100%;} .cmdSec{border:none;} footer .foot_row ul li:first-child{margin-left:-15px; margin-right:-15px; padding:5px 15px;} .linkMain .mr-1.d-flex{display:block !important;} .oilPriceSec .oilPriceDetails{display:block;} .homeStoryBox .storyBox img{min-height: 100px;min-height: 130px;height: auto; max-height: 130px;} .bannerBox{min-height: 330px;} /* #homeContentslider{top:20px; left:0; width:75%;} */ .cntntSldrWrap::before {width: 246px;height: 246px;left: -10px} #homeContentslider{left: 0;right: 0;} #homeContentslider .hashSymbol{font-size: 72px;} #homeContentslider .heading{font-size: 36px;} #homeContentslider .text{font-size: 20px;} #homeSlider .carousel-item, #ts-thumb .carousel-item{height: 234px;} #ts-thumb .thumb{height: 112px} .searchBox{left: 0;bottom: 115px;} .searchBox .sddn{width: 64px} .searchBox .search-bar-keywords-input{padding-left: 68px !important} header .logoBox, header .topRight{flex: 100%; width:100%;max-width: 100%;} header .logo{border-right:none;} .logoSection{display:flex; justify-content:space-between; border-top:2px solid #487497; padding:10px;} .homeDash .contentBox{min-height:220px;} .performerWrapper h3, h3, .expertSec .dashBox h3{font-size:35px;} .performerWrapper h3 .textSmall, .expertSec .dashBox .textSmall{font-size:25px;} .birthdaySec .imgBox{width:165px;} .birthdaySec .imgBox img{width:100px;} #carousellogo{bottom:55px;} .birthdaySec .happyBirthBox{min-height: 288px !important;height: 288px;} .corprateBg{min-height:472px; display:block !important; padding:25px;} .corprateBg .videoBox{height:auto;} .video-section-first{top: 50% !important; left: 45% !important;} } @media (max-width: 767px){ .sideNav-wrapper .sideNav .dropdown-menu{margin-top:0; margin-bottom:5px;} .sideNav-wrapper .sideNav .dropdown-menu .mm-ul, .oilPriceSec{display:block;} .sideNav-wrapper .sideNav li .dropdown-menu{min-height:auto;} .sideNav-wrapper .sideNav .list-group-item a{font-size:14px;} .trainingWrapper .w-47, .mgtTipWrapper .w-47, .socialWrapper .w-47{width:auto; max-width:100%;} .mm-ul-img,.tooltip-inner, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before{display:none;} .sideNav-wrapper .sideNav .list-group-item{width:100%; border-right:none !important; padding: 6px 10px; border-bottom:1px solid #487497 !important;} .whatsNew{position:static; top:0; margin-top: 20px;} .whatsNew ul{padding-left:0;} .trainingWrapper .w-47, .mgtTipWrapper .w-47, .socialWrapper .w-47{width:100%;} .sideNav-wrapper{position:relative; top:0; width:100%; display:block; height:auto; min-height:auto; z-index:16; background: #16969e;} .sideNav-wrapper .navbar-dark{padding:6px 30px;} .navbar-toggler{border-radius: 0; background: #487497; padding: 7px 10px;} .searchBox{width:300px; top: -55px;z-index: 23;right: 10px;left: inherit;} .innerBnnaer .searchBox{top: 1px; z-index: 23 !important;} .sideNav-wrapper .sideNav li .dropdown-menu{position:static; width:100%; clear:both; padding:0; } .sideNav{text-align:left;} .sideNav li a{padding: 10px 4px; color:#fff;} .sideNav .d-hide{display:inline-block !important; margin-left:10px;} .sideNav img{float:left; margin-right:20px; width: 25px !important;} .bannerBox .carousel-inner:after{width:auto; background:none;} .logo,.aagadiLogo{position:static;} .aagadiLogo img{width:100px;} .whatsNew h3 {margin-bottom: 15px;position: static; font-size: 40px;} .whatsNew .carousel-inner, .oilPriceSec .oilHeading, .oilPriceSec .oilPriceDetails{width:100%;} .homeDash .contentBox{min-height:50px; margin:10px 0;} .storyLeftSec img{width:100%;max-width: 300px;margin: auto;display: block;} .homeStoryBox .bgSkyBlueDark, .expertSec .dashBox, .performerWrapper .bgBlue, .performerWrapper .bgGreen, .trainingWrapper{margin-bottom:10px;} .corprateBg{display:block !important;} .corprateBg img{max-width: 440px;margin: auto; display: block;} .trainingWrapper .traingImage img{display:block; margin:auto;} .performerWrapper [class*="col-"], #carousellogo [class*="col-"], .expertSec [class*="col-"], .homeDash [class*="col-"], .homeStoryBox {padding:0 12px;} .fitnessSec .col-md-8, .birthdaySec .col-md-6{padding:0; margin-bottom:10px;} .trainingSec .bdrLeftRight, .bulletinBoard, #red-color-theme footer .foot_row, #blue-color-theme footer .foot_row{border:none;} .innerBnnaer .bannerImg img{width:100%; min-height:auto;} .leftNav{margin-top:10px;} footer .foot_row{min-height:auto;} .birthdaySec .imgBox img{width:90px; height:auto;} .birthdaySec .imgBox{width:120px;} h3{font-size:48px;} .sideNav.navbar-nav li{border-bottom:1px solid rgb(59 204 213 / 32%); } header .topbar{font-size:14px;} .mobHide,.menuTitle{display:none !important;} #homeContentslider .text{font-size:28px; margin-top: -10px;} #homeContentslider .hashSymbol {font-size: 140px;} #homeContentslider .heading {font-size: 35px;} .bannerBox{min-height:auto;} #homeContentslider{width:100%; top: 70px;} .fitOngcian img{display:block; margin:auto;} .sideNav.navbar-nav{padding-left:0;} .oilPriceSec .oilPriceDetails{font-size:18px !important;} .oilPriceDetails .roundBg{width:10px; height:10px; margin:0 8px;} header .topbar a{font-size:12px !important;} .topbar .topRight>ul > li{margin-bottom:10px;} header .fontImg img{width:22px;} .corprateBg{padding:48px;} .homeStoryBox .storyBox img {max-height: 160px; min-height: 160px;} #homeSlider .carousel-caption{top:inherit; right:0px; width:100%; bottom:0; font-size:16px; padding: 5px; max-width: inherit;} .formWrapper .col-md-6 {flex: 0 0 50% !important; max-width: 50% !important;} header .topRight{padding-top:8px;} .whatsNew h3{position: static;margin-left: 12px;} .whatsNew .owl-carousel{padding-left: 0; padding-right: 0;} .cntntSldrWrap{display: none;} #homeSlider{margin-top:5px;margin-bottom: 10px;} #ts-thumb .thumb{height: 119px;} #sliderBottom img{min-height: auto;} #whatsNewSlider .textSec .title{width: 75%} #whatsNewSlider .textSec .dateTime{display: inline-block} #whatsNewSlider .textSec .dateTime{border-radius: 10px; padding: 10px 10px;margin: 4px 8px;min-height: auto;} #whatsNewSlider .owl-stage-outer{width:80%; margin: auto;} .whatsNew .moreLink{right: 20px; top: 25px; bottom: inherit;} #whatsNewSlider .textSec a{display: block;border-radius: 0;min-height: 95px;} .oilPriceSec .oilHeading{padding-top: 10px;padding-bottom: 10px;} .oilPriceSec .oilHeading img{width:33px;} .performerWrapper, .expertSec{margin: 0 -12px;} .birthdaySec .col-md-12.pl-0{padding: 0;} .birthdaySec .detailBox h3{font-size: 40px;} } @media (max-width: 576px){ .trainingSec h2 {font-size: 70px;} h3, .expertSec .dashBox h3 {font-size: 35px;} .textSmall{font-size: 28px;} .trendingWrapper .redTheme, .trendingWrapper .blueTheme, .trendingWrapper .greenTheme{width:100%;} #red-color-theme .cmdSec{border:none;} .oilPriceSec{display:block;} .oilPriceSec .oilHeading, .oilPriceSec .oilPriceDetails{width:100%;} .oilPriceSec .oilHeading .textSmall{font-size:30px !important;} .oilPriceSec .oilHeading{font-size:40px !important;} .oilPriceSec .oilHeading img{right:0; width: 34px;} .happyBirthBox{background-size:inherit !important;} #whatsNewSlider .carousel-inner .carousel-item.active{display:block;} #whatsNewSlider .carousel-inner .carousel-item, #storySlider .owl-dots{display:none;} #whatsNewSlider .carousel-inner{float:none;} #whatsNewSlider .carousel-inner .textSec{margin-bottom:10px;} .topbar .topRight>ul, .textBreak{display:inline-block !important; float:none;} .topbar .topRight>ul > li{display:inline-block; float:none; border-right:1px solid #fff;} header .topbar .list-inline-item{padding:0 5px;} header ul li .dropdown:hover .dropdown-menu{top:15px;} header .fontImg{margin-left:0 !important;} .searchBox{top:-55px;} .fitOngcian{margin: 24px auto;} } @media (max-width: 480px){ } /* */ /*img {max-width: 100%!important;height: auto}*/ .portlet {margin-bottom: 0 !important} /*.portlet-content{padding-top: 0 !important;padding-bottom: 0 !important}*/ /*.innerContent .portlet-content{padding: 0 !important}*/ .portlet-content{padding: 0 !important} /* .portlet-title-text{display: none} */ .birthdaySec .birthdaySec {margin:0} /* .birthdaySec .happyBirthBox {min-height:415px} */ .homeNav .dropdown-menu{max-width: 100%} .taglib-page-iterator .lfr-pagination-buttons{margin-top: 14px} .pagination a,.pagination a:hover{color: #007967} .modal{display: none} /*.modal-dialog{max-width: 100%}*/ .modal-content{padding: 0} .modal-content iframe{padding:10px;} /**/ .birthDaySlider .carousel-item.active,.birthDaySlider .carousel-item-next.carousel-item-left,.birthDaySlider .carousel-item-prev.carousel-item-right{opacity: 1; z-index: 1;} .carousel-item{opacity: 0;transition-duration: .6s;transition-property: opacity;} .carousel-item.active,.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{opacity: 1;} .active.carousel-item-left,.active.carousel-item-right{opacity: 0;} .carousel-item-next,.carousel-item-prev,.carousel-item.active,.active.carousel-item-left,.active.carousel-item-prev{transform: translateX(0);transform: translate3d(0, 0, 0);} /* inner */ .bannerBox.innerBnnaer{min-height: auto;margin-left: -1rem;margin-right: -1rem} /* .innerBnnaer .sideNav-wrapper{bottom: 2px} */ /* .strWrp{padding-left: 12px;padding-right: 12px;} */ /* .strWrp,.vcdiv{display: flex;} */ .strWrp{/* display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; */ text-align: justify;} .strWrp,.strWrp h2,.strWrp h3,.strWrp h4,.vcdiv h2,.vcdiv h3,.vcdiv h4,#mainContentBoday h3{font-family: FranklinBook !important;} .strWrp a{color: #007967} .strWrp h3,.vcdiv h3,.vcdiv h4,#mainContentBoday h3{font-size: 1.1875rem;line-height: 1.2} .strWrp h4,.vcdiv h4{font-size: 1rem;line-height: 1.2} .strWrp h2,.strWrp h3,.strWrp h4,.vcdiv h2,.vcdiv h3,.vcdiv h4,#mainContentBoday h3{display: flex;flex: 0 0 100%;max-width: 100%;flex-direction: column;} .strWrp .vir-corp, .strWrp .virtual-corp-box{width: 100%;} .strDtl p{display: block;} .strDtl{font-size: 16px;} .row .col-md-6:first-child.strDtl{padding-right:25px;} .row .col-md-6:last-child.strDtl{padding-left:25px;} /* .strWrp h4{font-size: 1.1875rem} */ /* .strWrp .col-md-4,.strWrp .col-md-6 {flex: 100%;max-width: 100%;} */ .strWrp .imgCap {display: flex;flex-direction: column;align-items: center} .strWrp .col-md-4 img,.strWrp .col-md-6 img,.strWrp img {display: block;margin: 10px auto;padding: 5px;box-shadow: 0 2px 10px 0 rgba(206,210,218,.6);border: 1px solid #e5e4e4;max-width: 100%;height: auto!important;} .thumbnail{line-height: 1.2; display: inline-block; margin-bottom: 10px; text-align: center; width: 100%} .thumbnail:hover{text-decoration: none; cursor: auto} .thumbnail .caption{padding: 5px; font-size: 12px; color: #777} .strWrp .reports-ul{border-radius: 0.25rem;color: #6b6c7e;display: flex;flex-direction: column;font-size: 0.875rem;margin-bottom: 1.5rem;padding-left: 0;list-style: none} .strWrp .reports-ul .list-group-item,.strWrp .list-group .list-group-item{border-width: 0 0 1px 0;/*padding: .5rem*/} .strWrp .list-group .list-group-item a,.list-group-title{font-weight:400} .strWrp .reports-ul .list-group-item:hover,.strWrp .list-group .list-group-item:hover{background-color: #f7f8f9} .sprt-gal img,.fit-ONGCians img,.dron img,.doodle img{max-width: 100%} .cav img{width: 100%;max-width: 280px;max-height: 235px;min-height: 124px} .sprt-gal a{display: block;height: 125px; overflow: hidden; background-color: #fafafa;position:relative;z-index: 1} .sprt-gal p{margin-bottom: 0;} .fit-ONGCians a,.fit-ONGCians a:hover,.dron a,.dron a:hover,.doodle a,.doodle a:hover,.cav a,.cav a:hover{display: block;color: #6b6c7e;background: #fafafa;text-decoration: none;cursor: pointer;position: relative;z-index: 1} .img-gal img{max-width: 100%;margin: 0 auto;display: block;} .img-gal a{position:relative;z-index: 1} .fit-ONGCians p,.dron p,.doodle p,.cav p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .fit-ONGCians p:last-child,.dron p:last-child,.doodle p:last-child,.cav p:last-child{margin-bottom: 0!important;} .doodle p{min-height: 64px;padding: 0 8px} .media-list li{align-items: center} .media-list img{max-width: 176px;padding: 2px;box-shadow: 0 2px 10px 0 rgba(206,210,218,.6);border: 1px solid #e5e4e4;} .list-group-item{padding: .5rem 1rem} .siteMap ul{margin-bottom: 0} .siteMap ul li:last-child{border: none} .siteMap h3{font-family: FranklinBook;line-height: 1.2;font-size: 24px;color: #0b979f;margin-bottom: 0} .siteMap a{color: #0b979f;} .oc{border-radius: 2px;box-shadow: 0 2px 10px 0 rgba(206,210,218,.6);border: 1px solid #e5e4e4;position: relative;transition: top 1s} .oc:after,.oc:before{content: "";position: absolute;z-index: 0;top: -2px;left: -2px;width: 0;height: 0;background: 0 0;border: 2px solid transparent} .oc:hover:before{animation: border-animate1 1s linear forwards} .oc:hover:after{animation: border-animate2 1s linear forwards} .oa a{display: inline-block;position: relative;letter-spacing: .5px} .oa a:hover{text-decoration: none;} .oa a:after{content: "";position: absolute;width: 0;height: 1px;bottom: 0;left: 50%;background: #aaa;transition: width 0.3s ease 0s, left 0.3s ease 0s;display: block;} .oa a:hover:after{width: 100%;left: 0;} .search-layout{padding-top: 16px} .search-layout label{padding: 10px 0} .search-layout legend{margin-bottom: 0;} .search-layout .panel-header,.search-layout .panel-body{padding-left: 0} .search-layout .panel-body{padding-right: 0;padding-top: 0;} .search-layout .search-total-label{font-size: 16px;margin: 4px 0 16px 0;border-top: 1px solid #ddd;padding-top: 8px;} #catWrap .term-name.label.label-lg{position: relative;padding-left: 24px;} #catWrap .term-name.label.label-lg strong{font-weight: 400} #catWrap .label-item-expand{justify-content: space-between;flex-direction: row;} #catWrap .term-name.label.label-lg:hover{text-decoration: none;} #catWrap button.facet-term-unselected:before{content: "";border-radius: 0.125rem;border-color: #cdced9;border-style: solid;border-width: 0.0625rem;box-shadow: none;width: 1rem;height: 1rem;left: 3px;position: absolute;transition: none;top: 3px;} #catWrap button.facet-term-selected:before {content: "\f00c";font-family: "FontAwesome";font-size: 12px;font-weight: 400;position: absolute;width: 1rem;height: 1rem;background-color: #0b5fff;border-color: #0b5fff;box-shadow: none;color: #fff;transition: none;left: 3px;padding: 2px;top: 3px;} /*--------------------e-directory css end ---------*/ #e-directorymenu .bg-dark{background:#007fac !important;} #e-directorymenu .bg-dark .nav li a{color:#fff;} #e-directorymenu .bg-dark .nav .dropdown-menu li a{color:#000;} #e-directorymenu .bg-dark .nav .dropdown-submenu{position:relative;} #e-directorymenu .bg-dark .nav .dropdown-submenu .dropdown-menu{left:158px; top:0;} #e-directorymenu .bg-dark .nav .dropdown-submenu:hover .dropdown-menu{display:block;} #e-directorymenu .bg-dark ul li{padding:0 10px;} #e-directorymenu .dropdown-menu.multi-level li{border-bottom:1px solid #eee; font-size:14px;} #e-directorymenu .dropdown-menu.multi-level .dropdown-toggle::after{right:0;} /* vc */ .vcdiv ul.reports-ul,.vcdiv ul{display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;padding-left: 0;margin-bottom: 16px;width: 100%;} .vcdiv ul.reports-ul li,.vcdiv ul li,.vcdiv ul l1{position: relative;display: block;padding: 0.75rem 1.25rem;background-color: #fff;border: 1px solid rgba(0,0,0,.125);border-right-width: 0;border-left-width: 0;border-top-width: 0;border-radius: 0;} .vcdiv ul.reports-ul li::before,.vcdiv ul li::before,.vcdiv ul l1:before{width: 7px;height: 7px;content: ' ';background: #007fac !important;display: block;top: 20px;position: absolute;left: 0} .vcdiv ul.reports-ul li:last-child,.vcdiv ul li:last-child,.vcdiv ul l1:last-child{border: none} .vcdiv ul.reports-ul li a,.vcdiv ul l1 a{color: #008975} .vcdiv ul.reports-ul li a:hover,.vcdiv ul l1 a:hover {color: #0056b3;text-decoration: underline;} /* .vcdiv .col-md-4,.vcdiv .col-md-6,.vcdiv .col-md-12 {flex: 100%;max-width: 100%;padding-left: 0;padding-right: 0} */ .vcdiv .col-md-12 {padding-left: 12px;padding-right: 12px} .vcdiv .thumbnail{display: flex;flex-direction: column;align-items: center;} .vcdiv .cmdImg.heading:after{display: block;margin: 10px auto;padding: 5px;box-shadow: 0 2px 10px 0 rgba(206,210,218,.6);border: 1px solid #e5e4e4;max-width: 100%;height: auto!important;float: none;} .vcdiv table{margin-bottom: 16px} .vcdiv .div_link{width: 100%;} /* /vc */ #StoryTitle-wrapper h2, #StoryTitle-wrapper h3, #StoryTitle-wrapper h4,#commentBox-wrapper h2, #commentBox-wrapper h3, #commentBox-wrapper h4{/*font-family: 'Open Sans', sans-serif !important;*/ font-family: FranklinBook; line-height:1.2; font-size:24px; /*font-weight:600;*/ color:#0a8180;} #StoryTitle-wrapper h3,#commentBox-wrapper h3{font-size:20px;} #StoryTitle-wrapper h4,#commentBox-wrapper h4{font-size:18px;} .pre-next .list-inline>li:after {content: '|';margin-left: 7px;} .pre-next .list-inline>li:last-child:after, .like-list li:after {content: '' !important; margin-left: 0;} .storyTitleSec{background:#f6f6f6; padding:20px 12px;} .storyTitleSec .pre-next a{color:#000;} .storyLikeSec{background:#0a818a; padding:5px 12px; color:#fff; font-size:15px; margin-bottom:25px;} .dropdown.like-drop-box:hover .dropdown-menu.like-list{display:block;} .storyLikeSec a{color:#fff;} .like-list{height: 200px; width: 210px; overflow: auto; border: 1pt solid #e0e0e0; display: none; font-size:12px; top:12px;} .like-list li{border-bottom:1px solid #eee; padding:5px;} .like-list li:hover{background:#f6f6f6;} .iconList li, .story-like-comment li{padding-right:8px;} .iconList img, .story-like-comment img{width:12px;} .storyLikeSec .col-md-6{flex: 0 0 50%;max-width: 50%;} .story-like-comment{text-align: right} .story-like-comment img{margin-right:8px;} .copyIcon{width:10px !important;} /*-------------------comment box-------------*/ .commentBox{border-top:2px solid #ececec; padding-top:25px;} .giveComment{background:#fafafa; margin-top:20px; padding:20px; margin-bottom:20px;} .giveComment h4{color:#000; font-weight:400;} .giveComment .form-control{font-size:12px; min-height:100px;} .relatedStory ul{padding-left:0; margin-left:0; list-style:none; margin-top:20px;} .relatedStory ul li{padding:5px 10px; background:#008a76;} .relatedStory ul li a, .relatedStory ul li a .list-group-title{color:#fff;} .relatedStory li:nth-child(even){background:#92e8db;} .relatedStory li:nth-child(even) a, .relatedStory li:nth-child(even) a .list-group-title{color:#000;} .totalComment{font-size:18px; padding-left:20px; } .commentList{list-style:none; padding-left:0;} .commentList li{border-bottom:2px solid #008a76; display:flex; justify-content: space-between; width:100%; padding:20px; font-size:16px;} .commentText{width:80%;} .commentList a{color:#000;} .commentList .delete{font-size:12px;} .commentText a{color:#10917f;} .commentText .dateTime{color:#00a88f; margin-bottom:10px;} .commentText p{margin-bottom:0;} /*.search-bar-keywords-input-wrapper{flex-direction: row-reverse;}*/ .search-bar-keywords-input-wrapper .input-group-inset-item-after{background: #007d6a; border: #007d6a; border-radius: 0; color: #fff;} .search-bar-keywords-input{padding-left: 10px !important;} /* dam */ .dam{padding-left: 16px;padding-right: 16px} .ffile{padding-left: 24px;padding-right: 24px} .dam a,.ffile a{position: relative;z-index: 1;display: block;} .ffile .card-header a{display: inline-block} .ffile .fa-4{font-size: 7rem} .ffile .fa-file-pdf-o{color: #f00} .row.col-md-3.p-3{float: left} .ffile .card.oc .card-body a{min-height: 124px;display: flex;justify-content: center;align-items: center;} .ffile .card.oc{max-width: none;text-align: center;} .ffile .card.oc img{margin: auto;max-height: 124px!important;width: 100%;} .ffile .card.oc a{display: block;transition: all .5s;} .ffile .card.oc:hover a{transform: scale(1.2);} .ffile .card.oc:hover .card-body{overflow: hidden;} .ffile .card.oc .card-body a #play{position: absolute;bottom: calc(50% - 1em);left: calc(50% - 2em);width: 34px;height: 34px;display: block;} .ffile .card.oc .card-body a #play.idle::before{content: '\25B6';font-size: 34px;line-height: 1;} .ffile .pagination-bar a{display: flex} .ffile .search-container-height{padding: 0} .ffile .table-responsive{margin-bottom: .5rem} @keyframes border-animate1{ 0% { width:0; height:0; border-color:#a62c32 #a62c32 transparent transparent } 50% { width:calc(100% + 4px); height:0; border-color:#a62c32 #a62c32 transparent transparent } 100% { width:calc(100% + 4px); height:calc(100% + 4px); border-color:#a62c32 #a62c32 transparent transparent } } @keyframes border-animate2{ 0% { width:0; height:0; border-color:transparent transparent #a62c32 #a62c32 } 50% { width:0; height:calc(100% + 4px); border-color:transparent transparent #a62c32 #a62c32 } 100% { width:calc(100% + 4px); height:calc(100% + 4px); border-width:2px; border-style:solid; border-color:transparent transparent #a62c32 #a62c32 } } /*-----------Facilitation center css-----------*/ .facilitationPost .my-post{border-bottom: 2px solid #008a76; padding: 20px;} .facilitationPost .my-post h3{font-size: 20px; font-family: FranklinBook;} .facilitationPost .my-post a{color:#10917f;} .facilitationPost .my-post ul{margin-bottom:0;} .facilitationPost .my-post ul li{display:inline;} .facilitationPost .my-post .ul-r-bdr.ml0 li:after{content: '|';margin-left: 7px;} .facilitationPost .my-post .ul-r-bdr.ml0 li.bdr-af-none:after{content: ' ';} .facilitationPost tr:last-child .my-post{border-bottom:none;} .visually-hidden { position: absolute !important;clip: rect(1px 1px 1px 1px);padding: 0 !important;border: 0 !important;height: 1px !important;width: 1px !important;overflow: hidden;} .text-muted{color:#767676 !important} #storySlider .owl-nav{display: flex;width: 100%;top: 43%;position: absolute;justify-content: space-between;} #storySlider .owl-nav button{height: 34px;width: 34px;border-radius: 50%;background: #0b979f;color: #fff;font-size: 48px;display: flex;justify-content: center;align-items: center;opacity: .95} #storySlider .owl-nav button:hover{opacity: 1} #storySlider .owl-nav button span{margin-top: -5px;padding: 0;background: transparent;font-size: 48px;line-height: 1;} .searchBox button:focus{box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #1779ba;} .agreeBlock .modal-header .close{margin: 0 auto;} /*--------------------print css-----------------*/ @media print { header, footer, .bannerBox.innerBnnaer, .breadcrumb, .storyTitleSec .iconList, .storyTitleSec #portlet_com_ongc_liferay_next_previous_NextPreviousPortlet_INSTANCE_Next, #commentBox-wrapper,.chatbox__button, .helppop{display: none;} .strWrp .col-md-6 {flex: 0 0 100%; max-width: 100%;} } #sliderBottom .carousel-control-prev, #sliderBottom .carousel-control-next {width: 34px;border: none;background: transparent;color: #fff; font-size: 30px;opacity: 1; } #sliderBottom .fa{font-size: 45px;} .photocap{font-weight: 600; color: #A72C32; margin-bottom: 10px; display: block; text-align: center;} .story-author{text-align: right; font-style: italic; color: #10917f; font-weight: 600; font-size: 16px;} #portlet_com_liferay_portal_search_web_type_facet_portlet_TypeFacetPortlet_INSTANCE_0pujYCW1g84U,#portlet_com_liferay_portal_search_web_internal_sort_portlet_SortPortlet_INSTANCE_lN79pkeYIxa6{display: none;} @media (max-width: 767px){ .row .col-md-6:first-child.strDtl{padding-right:12px;} .row .col-md-6:last-child.strDtl{padding-left:12px;} } .fireBox{background:#4c99cc !important;} .fireBox .moreLink a{color: #fff;background: transparent;} .fireBox:hover{background:#5f9f0c !important;} div#sessionToast .lead { font-size: 0 !important; font-weight: bold; } div#sessionToast .lead:before { content: "Warning:"; font-size: 16px; margin-left: 5px; } #portlet_com_liferay_portal_search_web_suggestions_portlet_SuggestionsPortlet_INSTANCE_h8kPhMJANJo7 .search-suggested-spelling{display: flex;border-bottom: 1px solid #ddd;flex-wrap: wrap;} #portlet_com_liferay_portal_search_web_suggestions_portlet_SuggestionsPortlet_INSTANCE_h8kPhMJANJo7 .search-suggested-spelling ul{flex: 0 0 50%;padding: 10px;} #portlet_com_liferay_portal_search_web_suggestions_portlet_SuggestionsPortlet_INSTANCE_h8kPhMJANJo7 .search-suggested-spelling .label{border: none;font-size: inherit;line-height: normal;padding-left: 0;display: flex;margin-bottom: 10px} #portlet_com_liferay_portal_search_web_suggestions_portlet_SuggestionsPortlet_INSTANCE_h8kPhMJANJo7 .search-suggested-spelling li{display: inline-flex} #portlet_com_liferay_portal_search_web_suggestions_portlet_SuggestionsPortlet_INSTANCE_h8kPhMJANJo7 .search-suggested-spelling li a{line-height: 1;padding: 5px 8px;border: 1px solid #cdced9;display: inline-flex;color: #333} #portlet_com_liferay_portal_search_web_suggestions_portlet_SuggestionsPortlet_INSTANCE_h8kPhMJANJo7 .search-suggested-spelling li a .changed-keyword{font-weight: 400} /* sub sites */ .subSiteBanner.innerBnnaer .bannerImg::after{background-image: none !important } /*#column-1 .portlet{z-index: 1} #column-1:after{content: '';background: #0cb0ba;position: absolute;top: 0;left: 12px;bottom: 1.5rem;right: 12px;z-index: 0}*/ .leftNav.ssleftNav{background: #0cb0ba} .leftNav.ssleftNav ul li{border-top: 1px solid #f5f5f5} .leftNav.ssleftNav li a,.leftNav.ssleftNav li a.active{color: #fff;background: rgb(12,176,186) !important; background: -moz-linear-gradient(top, rgba(12,176,186,1) 0%, rgba(25,105,142,1) 100%) !important; background: -webkit-linear-gradient(top, rgba(12,176,186,1) 0%,rgba(25,105,142,1) 100%) !important; background: linear-gradient(to bottom, rgba(12,176,186,1) 0%,rgba(25,105,142,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cb0ba', endColorstr='#19698e',GradientType=0 ) !important} .leftNav.ssleftNav ul li a[data-option='off']:after,.leftNav.ssleftNav ul li a[data-option='on']:after{color: #fff} .mnMsg .imgWrap{background: #e4e6e7;} .mnMsg img{display: block;margin: 0 auto;width: auto;max-height: 150px;} .mnMsg p{margin-bottom: 0} .mnMsg .card-body{height: 222px;overflow: auto} .mnMsg h5{margin-bottom: 0.5rem !important} .ssrightcolumn table{table-layout: auto !important;width: 100% !important} .ssrightcolumn table tr,.ssrightcolumn table tr td{white-space: normal !important;} .ssrightcolumn table tr td{width: auto !important;} .ssFooter{border-top: 1px solid #868686} .portlet:hover .visible-interaction, .portlet.open .visible-interaction{display: inline-block;height: auto;line-height: 1.4}