.owl-carousel .animated { -webkit-animation-duration:1000ms; animation-duration:1000ms; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .owl-carousel .owl-animated-in { z-index:0 } .owl-carousel .owl-animated-out { z-index:1 } .owl-carousel .fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .owl-height { -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out } .owl-carousel { display:none; width:100%; -webkit-tap-highlight-color:transparent; position:relative; z-index:1 } .owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y } .owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 } .owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0px, 0, 0) } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; } .owl-carousel.owl-loaded { display:block } .owl-carousel.owl-loading { opacity:0; display:block } .owl-carousel.owl-hidden { opacity:0 } .owl-carousel .owl-refresh .owl-item { display:none } .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; } .owl-carousel .owl-item img { display:block; width:100%; -webkit-transform-style:preserve-3d } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; } .owl-carousel .owl-grab { cursor:move; cursor:-webkit-grab; cursor:-o-grab; cursor:-ms-grab; } .owl-carousel.owl-rtl { direction:rtl } .owl-carousel.owl-rtl .owl-item { float:right } .no-js .owl-carousel { display:block } .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 } .owl-carousel .owl-item img { transform-style:preserve-3d } .owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000 } .owl-carousel .owl-video-play-icon { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; -webkit-transition:scale 100ms ease; -moz-transition:scale 100ms ease; -ms-transition:scale 100ms ease; -o-transition:scale 100ms ease; transition:scale 100ms ease } .owl-carousel .owl-video-play-icon:hover { -webkit-transition:scale(1.3, 1.3); -moz-transition:scale(1.3, 1.3); -ms-transition:scale(1.3, 1.3); -o-transition:scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display:none } .owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease } .owl-carousel .owl-video-frame { position:relative; z-index:1 } .dataSlider .title { color: #fff; font-size:19px; line-height:22px; } .dataSlider .date { border-top: 1px dotted; color: #fff; font-size: 0.9em; font-weight: bold; margin: 7px 0 7px; padding-top: 7px; } .dataSlider .content { color: #fff; } .customNextBtn, .customPrevBtn, .owlPlay, .owlStop { z-index:999; cursor:pointer; display:block; position:absolute; bottom:15px; right:20px; display: block; height: 19px; width: 16px; text-indent:-999em; overflow:hidden; outline-color:#fff; color:#fff; } /*.customNextBtn { background:url(../../images/arrow-next.gif) no-repeat left top; }*/ .customPrevBtn { /*background:url(../../images/arrow-prev.gif) no-repeat left top;*/ right:51px; } /*.customNextBtn:hover { background:url(../../images/arrow-next-mover.gif) no-repeat left top; } .customPrevBtn:hover { background:url(../../images/arrow-prev-mover.gif) no-repeat left top; }*/ .owlStop { /*background: url(../../images/pause.gif) no-repeat left top;*/ right:35px; } .owlPlay { display:none; /*background: url(../../images/play.gif) no-repeat left top;*/ right:35px; } .owlPlay:hover { } .owlStop:hover { } .noJS .owl-carousel { display:block; height:258px; overflow:hidden; } .noJS .dataSlider { position:relative; color:#fff } .noJS .customNextBtn, .noJS .customPrevBtn, .noJS .owlPlay, .noJS .owlStop { display:none; } .noJS .footerLogo > li { border-left:none; padding:8px 14px; width:auto; } .dataSlider .back, .dataSlider .next, .dataSlider .back_disable, .dataSlider .next_disable, .sliderNavButtons .back, .sliderNavButtons .next, .sliderNavButtons .back_disable, .sliderNavButtons .next_disable { display: block; width: 20px; height: 20px; display: block; float: left } .dataSlider .data, #js_slider li .data { float: left; width: 942px; display: block } .slider li .back { background: url(../../images/back.png) left top no-repeat; text-indent: -9999px } .slider li .data .title, #js_slider li .data .title { font-size: 1.6em; color: #fff; line-height: 1.2em } .slider li .data .date, #js_slider li .data .date { font-size: .9em; font-weight: bold; color: #fff; margin: 10px 0 5px; padding-top: 5px; border-top: 1px dotted } .slider li .data .content, #js_slider li .data .content { color: #fff } .dataSlider .next, .sliderNavButtons .next { /*background: url(../../images/next.png) right top no-repeat;*/ text-indent: -9999px; color: #fff } .dataSlider .back_disable, .sliderNavButtons .back_disable { background: url(../../images/back-disable.png) right top no-repeat; text-indent: -9999px; cursor: default } .noJS .dataSlider .back_disable, .noJS .sliderNavButtons .back_disable {/* background: url(../../images/back.png) right top no-repeat; */ cursor: pointer; color: #fff } .dataSlider .next_disable, .sliderNavButtons .next_disable { background: url(../../images/next-disable.png) right top no-repeat; text-indent: -9999px; cursor: default } .sliderReadmore { margin:0; float: left; width: 300px } .sliderReadmore .button { /*background:url(../../images/read-more-bt.gif) left top no-repeat #fff;*/ width:82px; line-height:23px; height:23px; text-transform:uppercase; display:block; text-decoration:none; color:#515151; font-size:12px; font-weight:bold; text-align:center; padding-top:0; white-space:nowrap } .sliderBottom { float: right; margin-right: 15px; width: 352px } .sliderBottomLinks { position:relative; float: left; color: #fff; width: 38%; } .sliderBottomLinks a, .sliderBottomLinks span { color: #fff; text-decoration: none; height: 20px; display: inline-block; } .sliderBottomLinks a:hover { color: #fff; text-decoration: underline } .button:focus { outline: 1px dotted #ccc } .sliderNavButtons { float: right } .sliderImg { float: left; margin-right: 25px; width: 550px; height: 258px; overflow: hidden } .sliderText { float: left; margin-right: 15px; width: 352px; height: 235px; overflow: hidden } #tabsContainer { color: #333; z-index: 10; position: relative } #tabsContainer ul li { display: inline; float: left } #tabsContainer ul li a { color: #333; text-decoration: none; padding: 5px 20px; border: 1px solid #e1e1e1; display: block; float: left; margin-right: 5px; font-weight: bold } #tabsContainer ul li a:hover { color: #366693; text-decoration: none } #tabsContainer ul li a.activeTab { border-bottom: 1px solid #fff; color: #000; background: url(../../images/tab-bg.gif) left top repeat-x } #tabsContentArea { height: 460px; overflow: hidden; position: relative; float: left; clear: left; top: -1px; z-index: 9 } .tabContent { background: #fff; height: 430px; padding: 15px 0 15px 0; overflow: auto; border-top: 1px solid #e1e1e1; z-index: 10 } #scroller-header a { text-decoration: none; color: #333; padding: 0 1em; line-height: 36px; text-align: center; font-weight: bold; float: left; border: 1px solid #ccdce3; border-bottom: 0; background: #ececec; margin-right: 0 !important; font-size: 1.1em } .hindiDoc #scroller-header a { font-weight: normal; } #scroller-header a:hover { text-decoration: none; color: #4b412f } #scroller-header a.selected { color: #FFF !important; background: #104E8D; border: 1px solid #104E8D; border-bottom: 0; margin-right: 3px } #scroller-header { width: 640px; height: 37px; position: relative; overflow: hidden } .ie7 #scroller-header { overflow: visible } #scroller-body { background: #fff; width: 640px; border-top: 1px solid #e1e1e1; padding-top: 15px; float: left; } #mask { width: 640px; overflow: hidden; margin: 0; float: left } #panel { width: 100%; float: left } .noJS #panel { float: none } #panel .displayPanel { float: left; overflow: hidden; display: inline-block; width: 100%; margin-right:0 } .noJS #panel .displayPanel { width: 640px; } #scroller-header ul { width: 100% } #scroller-header li { float: left; display: inline; position: relative; margin-right: 3px; width: auto } .noJS #tabsContainer ul li { background: transparent } .hindiDoc .slider li .data .title, .hindiDoc .dataSlider .title { line-height:22px } .videoBlock .tabLeft { float:left; width: 61%; } .videoThumbH { width: 85px; height: 63px; float: left; padding-right: 10px } .videoBlock .tabList { margin: 0 } .videoBlock .tabRight { float:left; width:38%; padding-left: 1%; } .videoBlock .tabRight h2 { clear: both } .videoBlock .tabList li { display: block; padding: 7px 5px 7px 10px; margin-left:5px; } /*.videoBlock .tabList .active { background: #eef6f9 url(../../images/video-active.gif) left center no-repeat } */ .videoBlock .tabList li.hover { background-color: #e9f6fb } .ForMoreVideoLink { } .ForMoreVideoLink strong { margin-right:5px; } .ForMoreVideoLink a { display:inline-block; vertical-align:middle; } #panel .currentVideo { float: none; width: 370px; height: auto } #panel .fileSizeDet { display: none } .currentVideo { padding-bottom: 15px } .infocusPanel .photoDate { display: none } .noJS #panel { width: 3905px !important; left: 0; top: 0 } .photoFeature .tabLeft { width: 330px } .photoFeature .tabImage { width: 330px !important } #scroller-header a { padding: 0 16px } #scroller-header .tabSpeechStatement { display: none } #panel #panel-6 { display: none } #scroller-header { display: block } .tabGlobalIssue { display: none !important } .pressListing { padding: 0; margin: 0 } .pressListing li { float: left; width: 50%; list-style: none; padding: 0 13px; box-sizing:border-box; -moz-box-sizing:border-box; -wekit-box-sizing:border-box; } .pressListing img { display: block; padding-bottom: 5px; width:100%; } .pressListing li.none { padding-right: 0 } .pressListing li .preesImg { border: 1px solid #dddbd9; margin-bottom: 13px } .pressListing li .PLtitle { font-size: 155%; padding: 0 0 10px 0; display: block } .pressListing li .PLdate { font-size: 12px; display: block; padding: 5px 0 0px } .pressListing li p { color: #656565; font-size: 12px; padding-bottom: 0px } .pressListing li a { font-size: 1.500em; line-height: 1.389em } .hindiDoc .pressListing li a { font-size: 1.4em; } .noJS .sliderNavButtons { display: block; bottom: 0; position: absolute; right:0; } #scroller-body { border: 1px solid #ccdce3; border-top: 3px solid #104E8D; } .infocusPanel .inFocusLatestImg img { width: 100% } .infocusPanel .inFocusLatest li { width: 100%; padding: 5px 0; background-color: transparent } .inFocusLatestImg { float: left; width: 175px; border: 1px dotted #e1e1e1; background-color: transparent } .inFocusLatestCnt { float: left; width: 400px } .focusSeprator { display: none } .padLR15 { padding: 0 15px } .homePhotoAlbum .albumContainer { border: 0 none } .tabInfocus a { width: 120px } .tabVideoBref a { width: 165px } .tabFeed a { width: 175px } .tabPhoto a { width: 133px } .tabGlobalIssue a { width: 126px } .tabVisitingIndia a { width: 125px } .tabPressRelease a { width: 165px } .tabSpeechStatement a { width: 166px } #scroller-header a { padding: 0 !important } #scroller-header { width: 100% } #scroller-header li.last { margin-right: 0; float: right } .tabSectionJs { padding-bottom: 15px } .videoBlockIn { padding-bottom: 15px } #ContentPlaceHolder1_HomeTabControl1_VisitIndia2 { padding: 10px 15px; } .hindiDoc .tabLeft span { font-weight: normal; } .spanishDoc .tabInfocus a { width: 71px; } .spanishDoc .tabVideoBref a { width: auto; } .spanishDoc .tabPhoto a { width: auto; } .spanishDoc .tabVisitingIndia a { width: auto; } .spanishDoc .tabPressRelease a { width: auto; } .spanishDoc #scroller-header a { padding: 0 19px !important; } .twitterFeedPanelTwo { padding:0 15px 15px; } .twitterFeedPanelTwo iframe { width:100% !important; height:352px; } /*@media only screen and (min-width: 768px) { #js_slider .owl-height{height:auto !important;} }*/ /********* LiteBox v1.3 **********/ .litebox-overlay, .litebox-overlay > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .litebox-overlay .litebox-loader { -webkit-animation: liteboxLoader 1s linear infinite; -moz-animation: liteboxLoader 1s linear infinite; -ms-animation: liteboxLoader 1s linear infinite; -o-animation: liteboxLoader 1s linear infinite; animation: liteboxLoader 1s linear infinite; } .litebox-overlay .litebox-text { width: 100%; padding: 0 15px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 12px; line-height: 50px; position: absolute; bottom: 0; z-index: 2; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .litebox-overlay .litebox-text.active { -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .litebox-overlay .litebox-close { opacity: .7; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .litebox-overlay .litebox-close:hover { opacity: 1; cursor: pointer; } .litebox-overlay .litebox-nav { opacity: .2; z-index: 9999999; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .litebox-overlay .litebox-nav:hover { opacity: .5; cursor: pointer; } .langAr .allRecords .stop, .langAr .allRecords .play { right: inherit; left:15px; }