@charset "utf-8"; /*====================================================================== Site Name: Silver HTML Theme URI: https://sttlvss.silvertouch.com/svn/htmlcodebank/html Description: this site is developed by STTL Version: 1.0 Author: Web Team ------------------------------------------------------------------------ Base Color: #fff (White) Header Color: #fff (Dark Blue) Text Color: #393939 (Dark Grey) Title Color: #393939 (Dark Grey), #e65a15 (Orange) Footer Color: #f5f5f5 (Dark Grey) ------------------------------------------------------------------------ Layout Width: 100% Container Width: 1280px Responsive Layout: Yes =======================================================================*/ /********* Reset CSS *********/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block }audio, canvas, video { display:inline-block }audio:not([controls]) {display:none;height:0}html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}a {text-decoration:none;color:#E65A15;transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s;}a:focus {outline:thin dotted}a:hover,a:active {outline: 0;}a:hover {text-decoration:none;color:#393939;}h1,h2,h3,h4,h5,h6 {font-weight:normal;}b,strong,dt,th {font-weight: bold;}em, i { font-style:italic;}p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin:0; padding:0;}img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle; max-width:100%; height:auto;}figure {margin:0;}legend {white-space:normal;}q { quotes:"\201C" "\201D" "\2018" "\2019" }small { font-size:80% }sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }sup { top:-0.5em }sub { bottom:-0.25em }table{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;}table table { margin:0}th,td {border:none; padding:8px 10px}caption,th,td {font-weight: normal;} /********* Form fields *********/ button,input,select,textarea {margin: 0;vertical-align: baseline; background-color:transparent; border:none;} button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;} input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="password"],input[type="search"], select, textarea{border:1px solid #e5e5e5;width:100px;height:40px; padding:0;font-size:100%;line-height:normal;} input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px 0 0;} input[type="checkbox"]{-webkit-appearance: checkbox;} input[type="radio"] {-webkit-appearance:radio} input[type="submit"], input[type="button"],input[type="reset"],button,.button{line-height:20px;padding:9px 11px;display:inline-block; text-decoration:none; border:0 none; margin:0; outline:0 none;} textarea {overflow:auto;vertical-align: top; resize:vertical;height:100px; max-width:100%; min-width:100%; max-height:500px; min-height:90px;} fieldset {border:0 none;margin:0;padding:0} label {display:inline-block; padding-bottom:5px; font-weight:normal;} /********* Clear floats *********/ .cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before {content:" ";display:table} .cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after{clear:both} /****************font-face***********/ /********* Common Classes *********/ hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:20px 0;padding:0} body,button,input,select,textarea {color:#393939; font-family: 'OpenSans'; font-size:87.5%; /*font-size:14px;*/ line-height:1.5;} body {background-color:#7c8090;font-family: 'Open Sans', sans-serif;overflow-x: hidden;} h1 {font-size: 2.308em; } h2 {font-size: 2.000em;} h3 {font-size: 1.692em; } h4 {font-size: 1.538em; } h5 {font-size: 1.385em; } h6 {font-size: 1.231em;} ul {padding:0 0 0 15px;} ol { padding:0 0 0 20px} ul ul,ol ol { margin:10px 0} ul.bulletText { list-style:none; padding:0;} ul.bulletText li { padding: 5px 0 5px 15px; position: relative;font-size: 15px; } .bulletText li:before { content: "\f105"; position: absolute; font-family: fontawesome; left: 0; font-size: 17px; top: 4px; } p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin: 0 0 15px;} input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="password"],input[type="search"], select, textarea{border:1px solid #e5e5e5;width:100%;height:40px; padding:5px 10px;font-family: 'Open Sans', sans-serif;} input[type="submit"], input[type="button"],input[type="reset"],button,.button{ background-color:#1CCACD; color:#fff; border:1px solid #1CCACD;} input[type="submit"]:hover, input[type="button"]:hover,input[type="reset"]:hover,button:hover,.button:hover{color:#fff; background-color:#333;} input[type="submit"].cancelBtn, input[type="button"].cancelBtn,input[type="reset"].cancelBtn {background-color:#888;} .alignLeft { float:left} .alignRight { float:right;} .displayNone, .hasJS noscript, .hideThis{display:none!important;visibility:hidden} .jsRequired { display:block; background-color:#C00; color:#fff; width:100%; line-height:30px; text-align:center; font-size:12px; border:0 none;} .mrgAuto {margin-right:auto; margin-left:auto;} .mrgT20 {margin-top:20px;}.mrgL20 {margin-left:20px;}.mrgR20 {margin-right:20px;}.mrgB20 {margin-bottom:20px;}.mrgT10 {margin-top:10px;}.mrgL10 {margin-left:10px;}.mrgR10 {margin-right:10px;}.mrgB10 {margin-bottom:10px;}.padL20 {padding-left:20px;}.padR20 {padding-right:20px;}.padB20 {padding-bottom:20px;}.padT20 {padding-top:20px;}.padL15 {padding-left:15px;}.padR15 {padding-right:15px;}.padB15 {padding-bottom:15px;}.padT15 {padding-top:15px;}.padL10 {padding-left:10px;}.padR10 {padding-right:10px;}.padB10 {padding-bottom:10px;}.padT10 {padding-top:10px;}.padTB10 {padding-top:10px;padding-bottom:10px;}.padTB15 {padding-top:15px;padding-bottom:15px;}.padTB20 {padding-top:20px;padding-bottom:20px;}.pad10 {padding:10px;}.pad15 {padding:15px;}.pad20 {padding:20px;}.pad25 {padding:25px;}.pad30 {padding:30px;} .width100p {width:100%;}.width90p {width:90%;}.width80p {width:80%;}.width70p {width:70%;}.width60p {width:60%;}.width50p {width:50%;}.width40p {width:40%;}.width30p {width:30%;}.width20p {width:20%;}.width10p {width:10%;} #wrapper {background-color: #fff; } .fileSize {font-size:12px; display:inline-block; vertical-align:middle; margin-left:3px;} .extIcon {vertical-align:middle; margin-left:3px;} .rsIcon { display:inline-block; margin-right:2px; height:11px; text-indent:-999px; overflow:hidden; width:11px; background:url(../../images/rupee.png) left top no-repeat; } .bold {font-weight:bold;} .italic {font-style:italic;} .longWord, .wordBreak {word-wrap: break-word;} .viewAll a { background: none; font-weight: 500; font-size: 14px; padding: 5px 15px; transition: all 300ms ease 0s; color: #993300; text-decoration: none; border: none; filter: brightness(2); -webkit-filter: brightness(2); -moz-filter: brightness(2); } .viewAll a:hover{ color:#fff; text-decoration:none; } .projects .viewAll a{background:none; font-weight:500; font-size:14px; border:2px solid rgba(255,255,255,0.3); border-radius: 40px; padding:5px 15px; transition:all 300ms ease 0s;color:#fff;} .projects .viewAll a:hover{background-color:#f99f21; border:2px solid rgba(255,255,255,1);} /********** Image Formating & Alignment **********/ .imgLeft{float:left; margin-right:20px; margin-bottom:20px;} .imgRight{float:right; margin-left:20px; margin-bottom:20px;} .imgCenter{float:none; margin-bottom:20px; margin-left:auto; margin-right:auto; display:block;} .imgBorder { border:1px solid #ccc; padding:5px} .rounded {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .shadow {-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2); padding:4px;} /********** Alignment **********/ .left{text-align:left !important} .right{text-align:right !important} .center{text-align:center !important} .justify{text-align:justify !important} /*Video galley loader css*/ #cover-spin{position:fixed;width:100%;left:0;right:0;top:0;bottom:0;background-color: rgba(255,255,255,0.7);z-index:9999;display:none;} @-webkit-keyframes spin{from {-webkit-transform:rotate(0deg);}to {-webkit-transform:rotate(360deg);}} @keyframes spin{from {transform:rotate(0deg);}to {transform:rotate(360deg);}} #cover-spin::after{content:'';display:block;position:absolute;left:48%;top:40%;width:40px;height:40px;border-style:solid;border-color:#4480b2;border-top-color:transparent;border-width: 4px;border-radius:50%;-webkit-animation: spin .8s linear infinite;animation: spin .8s linear infinite;} /*Video galley loader css*/ /********** Error/Alert Messages **********/ .message{padding:10px 38px 10px 10px;margin-bottom:20px;border:1px solid transparent; position:relative;} .message.success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;} .message.success a {color: #2b542c;} .message.error {color: #a94442;background-color: #f2dede;border-color: #ebccd1;} .message.error a{color: #843534;} /********** Table **********/ .tableOut { overflow-y:hidden; overflow-x:auto} table, .tableData{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;border-top:1px solid #E9E9EA;border-left:1px solid #E9E9EA;} table table, .tableData table { margin:0} th,td, .tableData th, .tableData td {border:none; padding:8px 10px;border-bottom:1px solid #E9E9EA;border-right:1px solid #E9E9EA;} table tr:nth-child(odd) td, .tableRowOdd{ background-color:#efefef;} caption,th,td {font-weight: normal; background:#fff} th, .tableData th { background: #5e5f61; color: #fff; } .tableScroll { overflow-y:hidden; overflow-x:auto} /* ******** Grid : 12 Coloum and Boxs ******** */ .example div div, .example .boxs li {border:1px solid #eee; margin-bottom:15px; padding-top:15px; padding-bottom:15px} .row { margin:0 0 20px;} .cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 {float:left; padding-left:15px; padding-right:15px;} .cols12 {width:100%} .cols11 {width:91.66666667%} .cols10 {width:83.33333333%} .cols9 {width:75%} .cols8 {width:66.66666667%} .cols7 {width:58.33333333%} .cols6 {width:50%} .cols5 {width:41.66666667%} .cols4 {width:33.33333333%} .cols3 {width:25%} .cols2 {width:16.66666667%} .cols1 {width:8.33%} .boxs {list-style:none; padding:0; margin:0; } .boxs2 { margin-left:-2%; } .boxs3 { margin-left:-2%; } .boxs4 { margin-left:-2%; } .boxs5 { margin-left:-2%; } .boxs6 { margin-left:-2%; } .boxs > li, .boxs > div { float:left; min-height:1px; margin-left:30px; } .boxs2 > li, .boxs2 > div { width:48%; margin-left:2%; } .boxs3 > li, .boxs3 > div { width:31%; margin-left:2%; } .boxs4 > li, .boxs4 > div { width:23%; margin-left:2%; } .boxs5 > li, .boxs5 > div { width:18%; margin-left:2%; } .boxs6 > li, .boxs6 > div { width:14.6%; margin-left:2%; } .boxBorder {padding:5px; border:1px solid #ccc;} /********* Navigation *********/ .menuFullWidth { background: #e4e5e6; } .mainNavigation { margin:0; position:relative; background:none; clear:both; z-index:9999;} .toggleMenu { display:none; padding:15px; text-decoration:none } .toggleMenu .mobileMenu { font-size:1.250em; color:#fc5349; } .toggleMenu .iconBar { float:right; width:25px; height:25px; background:url(../images/mobile-menu.png) no-repeat center center; } #nav, #nav ul { list-style:none; margin:0; padding:0;} #nav li { float:left; margin:0; padding:0; position:relative; display:inline } #nav li:hover:after{display: none;} #nav li:last-child:after{display: none;} #nav li:after { content: ""; position: absolute; width: 1px; height: 10px; background: #313850; top: 50%; margin-top: -5px; } #nav li .dropdown-menu li:after{display: none;} #nav li a { padding:5px 20px; line-height:36px; color:#333333; font-size:1em; display:inline-block; text-decoration:none; text-transform: capitalize;font-weight: 500; } #nav ul {width:230px; top:100%; padding:0; left:0; position:absolute;} .hasJS #nav ul{opacity:0; transition: opacity 400ms linear; -webkit-transition: opacity 400ms linear; } #nav ul li { float:left; height:auto; width:100%; margin:0; padding:0; } #nav ul li a { display: block; background: #d34600; font-size: 1em; line-height: 24px; color: #fff; border: none; border-top: 1px solid #ff9e6e; padding: 5px 15px 5px 15px; text-align: left; } #nav ul ul {top:0; left:230px } /*#nav a:hover, .noJS #nav a:focus, #nav ul .hover > a, #nav ul .focus > a { color:#fff }*/ #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected { color:#7fb6e9 } #nav ul, #nav :hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left:-9999px } #nav li:hover > ul, #nav li.hover > ul, #nav li.focus > ul, #nav a:focus + ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus { margin-left:0 } #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a {background-color: #d34600;color: #fff;} #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a { background: #313850; color:#fff } #nav ul li.focus > a { background-color:#e9e9e9; color:#060613; display:block; } #nav .menuIcon {display:none; position:absolute; right:5px; top:20px; width:9px; height:9px;} #nav li .menuIcon { background:url(../images/down-arrow.gif) no-repeat right center; z-index:10} #nav li li .menuIcon {display:block; background:url(../images/right-arrow.gif) no-repeat right center; top:16px; right:10px;z-index:11;background-position: center;} #nav li li li .menuIcon { z-index:12} #nav li .menuIcon.active { transform:rotate(180deg); -webkit-transform:rotate(180deg); } .noJS #nav ul a:focus { width:200px; } .noJS #nav ul a:focus, .noJS #nav ul a:focus + ul { margin-left:9999px } .noJS #nav ul a:active { margin-left:0 } .hasJS .menuPart #nav a:focus + ul,.hasJS .menuPart #nav li.focus > ul,.hasJS .menuPart #nav li.hover > ul,.hasJS .menuPart #nav li:hover > ul,.hasJS .menuPart #nav ul ul{ opacity: 1; } .searchDataToggle{ position:absolute; right:0px; top:30px; width:270px; z-index:2; } .searchDataToggle .searchBtn { position:absolute; right:0px; background-color:#4087e7; border:1px solid #eae6ff;} .searchDataToggle .searchInput { color:#000; background-color:#fff; padding-right:40px; } .searchDataToggle{display:none;} /* ******** Index Slider ******** */ .indexBanner { position:relative;} .noJS .indexBanner {height:831px; overflow:hidden} .bannerCaption{width: 600px; padding:20px 15px 20px 70px;background-color: #fff; text-align: left;right: 15%; transition:all 0.5s ease-out; transition:all 0.5s ease-out; opacity:0; visibility:hidden; position:absolute; top:50%;transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:111;} .bannerCaption .container{max-width:1170px; width:100%;} .owl-item.active .bannerCaption {opacity:1; visibility:visible;} .bannerCaption p { line-height: 1.5;color: #313850; font-size: 15px;margin-bottom: 0; } h1.bannerTitle { line-height: 28px; margin-bottom: 16px; color: #313850; font-weight: 700; text-transform: uppercase; } .owl-item.active .bannerCaption .knowMore {opacity:1; visibility:visible; bottom:40px;} .indexBanner .owl-prev { background: url(../images/left-arrow.png) center no-repeat !important; position: absolute; top: 50%; left: 0; text-indent: -9999px; width: 58px; height: 60px; opacity: 0.4; transition: all 300ms ease 0s; background-color: #000000 !important; border-radius: 0 !important; background-size: 18px !important; } .indexBanner .owl-next { background:url(../images/right-arrow.png) center no-repeat !important; position:absolute; top:50%; right:0; text-indent:-9999px; width: 58px; height: 60px; opacity:0.4; transition:all 300ms ease 0s; border-radius: 0 !important; background-color: #000000 !important; background-size: 18px !important; } .indexBanner .owl-prev:hover { background-color: #ff7733 !important; } .indexBanner .owl-next:hover { background-color: #ff7733 !important; } .indexBanner .owl-prev:hover, .indexBanner .owl-next:hover{opacity:1;} .clickB { float: right; line-height: 20px; } /********** Owl Carousel **********/ .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;} .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 and z-index fix webkit rendering fonts issue */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;/* fix for flashing background */-webkit-transform: translate3d(0px, 0px, 0px);} .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;} .owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d;} .owl-carousel .owl-grab {cursor: move;} .owl-carousel.owl-rtl {direction: rtl;} .owl-carousel.owl-rtl .owl-item {float: right;} .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;background: url("owl.video.play.png") no-repeat;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-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {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;} .owlCarousel .item { text-align:center; height:100px; line-height:100px;} .owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none} .owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-dots .owl-dot, .noJS .owl-dots .owl-dot{display:inline-block;} .owl-theme .owl-dots .owl-dot span, .noJS .owl-dots .owl-dot a{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px; cursor:pointer;} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span,.noJS .owl-dots .owl-dot.active a{background:#869791} .noScript { display:none;} .no-js .owl-carousel {display: block;} .noJS .owl-controls {position:absolute; left:0; bottom:-40px; width:100%; text-align:center;-webkit-tap-highlight-color:transparent} .noJS .owl-controls.noScript { display:block;} .noJS .sliderBanner .item { position:relative;} .noJS .carouselBlock { margin-right:-10px;} .noJS .carouselBlock .item { width:220px; margin:0 10px 10px 0; float:left;} .sliderBanner .item { position: relative; min-height: 400px; background-position: center top; background-size: cover; /*background:none !important;*/ } .sliderBanner .item a img { display: none; } .indexBanner .sliderBanner.owl-theme .owl-controls{position:absolute; top:50%;left: 0; right: 0;transform: translateY(-50px); } .indexBanner .sliderBanner.owl-theme .owl-dots .owl-dot.active span{background:none; border:1px solid #fff;} /********** Responsive Tab **********/ .resTab {position: relative;border:1px solid #00c5ad;} .resTab .tabNav {margin:0;padding: 0; list-style:none} .resTab .tabNav li {display: inline-block;margin: 0;position: relative;background-color: #00c5ad;} .resTab .tabNav li a {display: inline-block;padding: 10px 12px;text-decoration: none;font-size: 14px;font-weight: bold;color: #fff;} .resTab .tabNav .r-tabs-state-active a {color: #00c5ad;text-shadow: none;background-color: white;} .resTab .tabContent {padding: 15px;display: none;} .resTab .r-tabs-panel.r-tabs-state-active {display: block;} .resTab .r-tabs-accordion-title {display:none;} .resTab .tabNav .r-tabs-state-disabled {opacity: 0.5;} .resTab .r-tabs-accordion-title .r-tabs-anchor {display: block;padding: 10px;background-color: #00c5ad;color: #fff;font-weight: bold;text-decoration: none;} .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #fff;color: #00c5ad;text-shadow: none;} .resTab .r-tabs-accordion-title.r-tabs-state-disabled {opacity: 0.5;} .noJS .resTab .tabContainer { height:150px; overflow:hidden} .noJS .resTab .tabContent { display:block; height:150px} /********* Back to Top **********/ #backtotop { background: #313850 url(../images/backtotop.png) no-repeat; cursor: pointer; display: none; height: 40px; width: 40px; overflow: hidden; position: fixed; right: 10px; bottom: 60px; text-indent: -99999px; z-index: 999; display: none; background-position: center; box-shadow: 0 0 7px rgba(0, 0, 0, 0.37); transition: 1s; } #backtotop:hover { background-color: #ff7733; } /********* Accordion ******** */ .accordion { margin-bottom:20px;} .accordion .accTrigger {background:url(../images/plus.png) left 5px no-repeat;padding-left:20px; cursor:pointer; font-weight:bold} .noJS .accordion .accTrigger {background:none; padding-left:0} .accordion .accTrigger a {display:block;text-decoration:none;outline:0} .accordion .accTrigger.active {background:url(../images/minus.png) left 5px no-repeat !important;} .accordDetail {padding:10px 20px; display:none} .noJS .accordDetail { display:block; padding:10px 0} /********* Marquee *********/ .marquee {overflow:hidden;} .marqueeScrolling li { float:left; margin-right:25px;} .noJS .btnMPause { display:none;} .noJS .marqueeScrolling { overflow-y:hidden; overflow-x:auto} .noJS .marquee{ width:240%} /********** Ticker *********/ .noJS .ticker .stop{ display:none} .noJS .ticker ul{ margin:0} .noJS .ticker .tickerDivBlock { height:150px; overflow-y:scroll; overflow-x:hidden} /********* gmap3 - Google Map API *********/ .gmap3 {border: 1px dashed #C0C0C0;width: 100%;height: 400px;} .gmap3 img { max-width:inherit} .noJS .gmap3 {background:url(../images/map_bg.jpg) no-repeat;} /********* LiteBox v1.3 **********/ .litebox-overlay,.litebox-overlay > * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}.litebox-overlay {display: none;width: 100%;min-width: 280px;text-align: center;position: fixed;top: 0;left: 0;z-index: 9999;}@-webkit-keyframes liteboxLoader {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}@-moz-keyframes liteboxLoader {0% { -moz-transform: rotate(0deg); }100% { -moz-transform: rotate(360deg); }}@-ms-keyframes liteboxLoader {0% { -ms-transform: rotate(0deg); }100% { -ms-transform: rotate(360deg); }}@-o-keyframes liteboxLoader {0% { -o-transform: rotate(0deg); }100% { -o-transform: rotate(360deg); }}@keyframes liteboxLoader {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}.litebox-overlay .litebox-loader {position: absolute;width: 40px;height: 40px;left: 20px;top: 20px;border: 3px solid #111;border-right-color: #fff;border-radius: 50%;-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;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(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;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter: alpha(opacity=100);opacity: 1;}.litebox-overlay .litebox-close {width: 40px;height: 40px;background: url(../images/litebox-close.png) no-repeat center;opacity: .7;position: absolute;top: 20px;right: 20px;-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 {display: none;width: 60px;height: 60px;margin-top: -30px;opacity: .2;position: absolute;top: 50%;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;}.litebox-overlay .litebox-prev {background: url(../images/litebox-prev.png) no-repeat center;left: 20px;}.litebox-overlay .litebox-next {background: url(../images/litebox-next.png) no-repeat center;right: 20px;}.litebox-overlay .litebox-container {position: absolute;top: 10%;right: 10%;bottom: 10%;left: 10%;overflow: hidden;}.litebox-overlay .litebox-container.litebox-scroll { overflow-y: auto; }.litebox-overlay img,.litebox-overlay iframe {display: inline-block;max-width: 100%;max-height: 100%;margin: 0 auto;vertical-align: middle;overflow-x: hidden;}.litebox-overlay iframe {width: 100%;height: 100%;position: relative;z-index: 999999;}.litebox-overlay .litebox-inline-html {width: 100%;padding: 20px;background: #FFF;line-height: normal;overflow-x: hidden;line-height: normal !important;position: absolute;}.litebox-overlay .litebox-error {width: 100%;height: 100%;color: #FFF;text-align: center;line-height: inherit;}.litebox-overlay .litebox-error span {background: rgba(0, 0, 0, .9);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 20px;color: #FFF;text-shadow: 1px 1px 0 #000;line-height: normal;}@media only screen and (max-width: 479px) {.litebox-overlay .litebox-close { display: none; }} /*----Date Picker----*/ .ui-datepicker, .eventCalOut, .calendarIcon {background-color:#185db9;} .ui-datepicker th, .ui-state-highlight {background-color:#052847;} .ui-state-active, .ui-datepicker tbody a:hover {background-color:#ff672b;} .ui-datepicker-prev span, .ui-datepicker-next span { } .ui-datepicker {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -8px; font-size:12px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; height:25px; background-color:#fff; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border:0 none;} .ui-datepicker th { padding: .5em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; background-color:transparent; } .ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd {background-color:transparent;} .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; overflow:hidden; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } /*----Date Picker----*/ .eventCalOut { position:absolute; width:222px; right:-222px; float:right; top:70px; z-index:22; } .calendarIcon { width:50px; height:52px; position:absolute; left:-50px; } .calendarIcon span { background-position:-113px -27px; width:29px; height:29px; margin:10px; } .calendarOut { padding:5px; } .calendarOut .ui-datepicker {width:100%;} .calendarOut .button { background-color:#2979ca; color:#fff; display:block; text-align:center; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .calendarOut .button:hover { background-color:#173C84; } .ui-datepicker tbody a { color:#fff; } .ui-datepicker-title { font-size:18px; font-weight:normal; color:#fff; } .ui-datepicker th { text-transform:uppercase; font-weight:normal; color:#fff; } .ui-datepicker-prev, .ui-datepicker-next { width:25px; font-size:16px; height:25px; display:inline-block; margin:0; cursor: pointer; color:#fff; } .ui-datepicker-prev span { background-position:-147px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; } .ui-datepicker-next span { background-position:-175px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; } .ui-datepicker td span, .ui-datepicker td a { text-align:center; line-height:20px; } .ui-datepicker-trigger {display:none; width:30px; height:30px; margin:8px 0 0 15px; vertical-align:top; overflow:hidden; background:transparent !important; padding:0; margin:0; position:absolute; right:-45px; top:7px;} .calIcon {background-position:-205px -107px; width:30px; height:30px; display:block; vertical-align:top;} /*==========================================================================================================================*/ /*================================================ Main CSS Theme Start ====================================================*/ /*==========================================================================================================================*/ /********** Layout **********/ .homeSprite { background-image: url(../images/home-sprite.png); background-repeat: no-repeat;} .container { margin:0 auto; width:100%; max-width:1280px;padding: 0 15px;} #content {} .content {} .sidebar {} .fullWidth {} /********** Top Links and Font Resize **********/ .jsRequired{display:none;} .topStrip{ padding:9px 0; line-height:23px;background-color: #e4e4e4;border-bottom: 3px solid #d4652e;} .leftLink { float:left;} .rightLinks { float:right;} .topStrip ul {list-style:none; padding:0; margin:0} .topStrip li { float:left; padding:0 7px 0 8px; position:relative; } .topStrip .fontResize { padding-top:2px} .topStrip a { color: #313850; text-decoration: none; font-size: 0.8125em; text-transform: uppercase; font-weight: 500; } .topStrip a:hover {text-decoration:none;color:#ff7733} .topStrip li:first-child {padding-left:0;} .topStrip li:last-child {padding-right:0;} .topStrip li:before {content:" "; position:absolute; left:0; top:50%; z-index:auto; height:14px; width:1px; background:#666666; overflow:hidden; margin-top:-7px; } .topStrip li:first-child:before{display:none;} .langDropDown select option {color: #000;} #login:before{display:none;} /********** Access Control **********/ #accessControl input {float:left; height:19px; background:none;border:none; padding:0; width:22px; color:#000;font-family: 'Open Sans', sans-serif;} #accessControl input:hover { color:#e65a15} #accessControl .normal { font-size:14px;} #accessControl .large { font-size:15px;} #accessControl .contrast-list .contrastChanger { height:22px; width:22px; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; text-transform:capitalize;} #accessControl .contrast-list .contrastChanger.normal { background-image:url(../images/a-light.gif); } #accessControl .contrast-list .contrastChanger.wob { background-image:url(../images/a-dark.gif);} .font-resize { display: inline-block; vertical-align: middle;margin-top: -4px; } .contrast-list { display: inline-block; vertical-align: middle; } /********** High Contrast View **********/ body.wob {background-color:#c0c0c0;color:#fff} .wob a:hover {color:#80ff00} .wob a{color: #ffff00;} .wob .topStrip{ background-color: #000000; border-bottom: 3px solid #a39a95;} .wob #accessControl input{ color: #ff0;} .wob #header{ background-color: #3a3a3a;} .wob .menuFullWidth{ background: #000000;} .wob #nav li a{color: #fff;} .wob .langDropDown select{color: #ff0;} .wob .latestReportsSection{ background-color: #000;} .wob .latestReportsSection h2{color: #15f543;} .wob .latestReportsSection ul li h5{color: #15f543;} .wob .latestReportsSection ul li p{color: #fff;} .wob .latestReportsSection .searchReort button{background-color: #787878;} .wob .latestReportsSection .searchReort input{border: 1px solid #a0a4a7;} .wob .latestNewsAbout{background-color: #000;} .wob .introrowBox .latestNews{background-color: #000;} .wob .latestNewsAbout h2{color: #15f543;} .wob .read-more-link a{color: #ffff00;} .wob .latestReportsSection:before{filter: grayscale(1);} .wob .introrowBox .latestNewsAbout:before{filter: grayscale(1);} .wob .introrowBox .latestNews:before{filter: grayscale(1);} .wob .latestNews h2{color: #15f543;} .wob .latestNews .newsDate{color: #e7e7e7;} .wob .latestNews .newsDate span{color: #e7e7e7;} .wob .latestNews .activityTicker li a{color: #e7e7e7;} .wob .mediaBoxs{background-color: #000;} .wob .mediaBoxs h2{ color: #15f543;} .wob .mediaBoxs ul li a{color: #e7e7e7;} .wob .introrowBox{background: #444444;} .wob .mediaBoxs:nth-child(2){border-right: 10px solid #444444; border-left: 10px solid #444444;} .wob .footerEndSection{ background: #111111;} .wob .leftContentFunctionality{background: #252a3c; padding: 15px;} .wob .latestReportsLeft .viewAll{background-color: #000;} .wob .views-field-title{background: #636363;} .wob .gy{background: #959595;} .wob .btn-reset{color: #fff !important;} .wob .entryContent h2{color: #fff;} .wob .publicationsSerachBar{background: #514c4c;} .wob .video-field-content a{background: #3c3c3c;} .wob .video-field-content{ box-shadow: 1px 1px 6px 1px #1b1b1b;} .wob .video-outer-hover a:before{background: #4b4b4bcf;} .wob .whiteBackTable { color: #000; } .wob .guidelinesList li{color: #000;} .wob .topStrip a{color: #ffff00;} .wob #nav li a:hover { background: #979797; } .wob #nav ul li a{ background: #000;border-top: 1px solid #979797;} .wob .latestReportsSection ul li a{color: #fff;} .wob .viewAll a{color: #fff733;} .wob .view-all{color: #fff733;} .wob table tr:nth-child(odd) td, .tableRowOdd{ background-color: #000000;} .wob table tr:nth-child(even) td, .tableRowEven {background: #514c4c; } .wob .pageHeader{background-color: #3a3a3a;} .wob .entryContent { background: #000; } /********** From Page **********/ .formList {list-style:none; padding:0; margin:0;} .formList li {padding:0 0 15px; margin:0;} .required, .formList .error {color:#C00;} .formList .error {display:block; font-size:12px;} .formList .textBoxOut {margin-bottom:5px;} .formList label, .formList .label {color:#333; display:block; font-weight:normal;padding-bottom:7px;} .radioList input {float:left; margin:5px; clear:left;} .radioList label, .radioList .label {float:left; color:#555;} .note {font-size:12px; font-style:italic; padding:5px 0 0;} .captcha {position:relative;} .captcha .captchaImg {border: 1px solid #d7d7d7;float: left; max-height:33px;} .captcha .refreshCaptcha {float: left; margin: 5px 0 0 10px; } .fixedErrorMsg {background-color:rgba(233,48,30,0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:0; z-index:99999; width:100%; text-transform:uppercase; display:none;} .fixedSuccessMsg {background-color:rgba(20,155,65,0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:0; z-index:99999; width:100%; text-transform:uppercase; display:none;} /********** Header **********/ .headerBox { padding: 15px 0;display: flex;flex-wrap: wrap;justify-content: space-between;} .headerPart { flex: 0 0 80%; max-width: 80%;justify-content: center;margin: 0 auto; } .langDropDown select{appearance:none; -webkit-appearance:none; font-family: 'Open Sans', sans-serif;border:0 none; padding:0; line-height:20px; font-size:12px; color:#000; height:20px; background:url(../images/lang-drp-arrow.png) right center no-repeat; padding-right:15px;} #header{background-color: #313850;} .headerPart .headerBox{padding:14px 0 10px 0; text-align:center;} .logoLeft{float:left; margin:0 auto; text-align:center;} .logoLeft a { text-decoration: none; } #logo p { margin-bottom: 0; text-transform: uppercase; } #logo h3 { margin-bottom: 5px; font-weight: 900; line-height: 26px; font-size: 1.4375em; } #logo a {text-decoration: none; color: #fff;} #login .search{background: rgba(252,80,74,1); background: -moz-linear-gradient(top, rgba(252,80,74,1) 0%, rgba(255,109,65,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,80,74,1)), color-stop(100%, rgba(255,109,65,1))); background: -webkit-linear-gradient(top, rgba(252,80,74,1) 0%, rgba(255,109,65,1) 100%); background: -o-linear-gradient(top, rgba(252,80,74,1) 0%, rgba(255,109,65,1) 100%); background: -ms-linear-gradient(top, rgba(252,80,74,1) 0%, rgba(255,109,65,1) 100%); background: linear-gradient(to bottom, rgba(252,80,74,1) 0%, rgba(255,109,65,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc504a', endColorstr='#ff6d41', GradientType=0 ); padding:12px 12px;} #login .search:hover {background: #49cbdf;} #logo { margin-top: 6px;} /********** Latest Report **********/ .latestReportSlider.owl-carousel .owl-item img{width:auto; margin: 0 auto;} .latestReportSlider.owlCarousel .item{height:auto;} .latestReporDetails{text-align:left; border: 1px solid #d7d7d7; padding: 15px; background: #fff;transition:all 300ms ease 0s;} .latestReporDetails:hover { box-shadow: 0 5px 15px rgba(0,0,0, 0.2);} .latestReporDetails p{line-height:1.7;} .latestReporDetails a{text-decoration:none; color:#000;} .latestReporDetails a:hover{color: #294e98;} .latestReporDetails span{font-size:16px; color:#00406b; font-weight: 500;line-height:1.2; margin-top:25px; display:block; margin-bottom:15px;} .reportPart{background-color:#eee; padding: 25px; border:1px solid #7b7b7b; padding-bottom:10px;} .reportPart .viewAll{margin-top: 15px; display: block;} .latestReporTitle{border-bottom:2px solid #656565; margin-bottom:20px;} .latestReportSlider .owl-controls{position:absolute; right: 86px;bottom: -39px;} .latestReportSlider .owl-prev { background:url(../images/small-left-arrow.png) left top no-repeat !important; position:absolute; top:-25px; left:30px; text-indent:-9999px; width:60px; height:60px; opacity:1; transition:all 300ms ease 0s; opacity: 0.6; } .latestReportSlider .owl-next { background:url(../images/smallright-arrow.png) left top no-repeat !important; position:absolute; top:-25px; left:60px; text-indent:-9999px; width:60px; height:60px; opacity:1; transition:all 300ms ease 0s; opacity: 0.6; } .latestReportSlider .owl-prev:hover, .latestReportSlider .owl-next:hover {opacity: 1;} /********** latestReportsSection **********/ .latestReportsLeft{width: 58%; float: left;position: relative;} .latestReportsSection { background-color: #fff; padding: 20px; width: 100%;position: relative;margin-bottom: 20px;} .latestReportsSection .searchReort input { position: relative; border: 1px solid #00406b; width: 265px; overflow: hidden; font-size: 19px; } .latestReportsSection .searchReort { position: absolute; right: 22px; top: 22px; } .latestReportsSection .searchReort button { position: absolute; right: 0; top: 0; height: 40px; width: 45px; font-size: 17px;background-color: #ff7733; border: none; } .latestReportsSection .searchReort button:hover { background: #313850; } .latestReportsSection h2 { color: #ff7733; margin-bottom: 0; font-weight: 500; padding-left: 50px; margin-top: -10px;} .latestReportsSection ul li { list-style: none;display: inline-block; width: 100%;} .latestReportsSection ul li a{text-decoration: none;color: #393939;} .latestReportsSection ul { padding-left: 0; margin-top: 42px;margin-bottom: 0;} .rightReportImg { float: left; margin-right: 20px; padding: 10px; border: 1px solid #d7d7d7; } .latestReportsSection ul li h5 { margin-bottom: 10px; font-weight: 500; color: #0a639e; font-size: 18px;line-height: 24px; } .latestReportsSection ul li p { color: #001a2b; font-size: 15px;text-align: justify; } .rightReportContent { float: right; width: 80%; } .latestReportsLeft .viewAll{background-color: #fff;width: 100%;} .latestReportsLeft .viewAll a:hover { color: #fff;background-color: #000; } /********** Media Section **********/ .notificationRow li a:hover .fa {color: #ff7733; } .notificationRow li a{text-decoration: none;} .notificationRow li a:hover p { color: white; background: #313850; } .notificationRow li a p { background: #ff7733; color: #fff; margin-bottom: 0; font-size: 17px; padding: 6px 0; } .notificationRow { padding: 0 40px; margin: 0 auto; text-align: center; } .notificationRow li { list-style: none; background: #fff; width: 44%; float: left; margin: 0 11px; } .notiHieght { height: 120px; padding: 32px; } .notiHieght .fa { font-size: 55px; color: #818bac; } .introrowBox { padding: 50px 0;background: #f1f2f2; } .introrowBox .latestNews {width: 100%; background-color: #fff; padding: 30px 35px;margin-bottom: 24px; position: relative; } .introrowBox .latestNewsTop{width: 40%; float: right; } .latestNews .activityTicker{padding:0;} .introrowBox .latestNews ul li{list-style:none;margin-bottom: 18px; } .latestNewsTop .viewAll { float: right;margin-top: -12px; } .latestNews .activityTicker li{list-style:none;margin: 10px 0;} .latestNews .activityTicker li a{color: #313850;text-decoration:none; font-size:15px;text-align: justify;} .latestNews .activityTicker li a:hover{color:#294e98;} .latestNews .activityTicker p{margin-bottom:15px; float:left; min-height:50px;text-align: justify;} .latestNews .newsDate { font-size: 16px; color: #666666; margin-bottom: 5px;font-weight: 500; } .latestNews h2 { font-weight: 700; color: #993300; font-size: 25px; margin-bottom: 10px; padding-left: 30px; margin-top: -17px; filter: brightness(2); -webkit-filter: brightness(2); -moz-filter: brightness(2); } .latestNews .newsMonth{display:block !important;} .latestNews .newsDate span { display: inline-block;margin-right: 4px;} .latestNews .tickerDivBlock{margin-bottom:15px; height:240px !important;} .latestNews .playPause.play {background-position:right -23px;} .fa-sort-amount-desc { transform: rotate(180deg); } .latestNews .playPause { background:url(../images/play-pause-icon.png) right top 3px no-repeat; padding-right:30px; position:absolute; right:50px; bottom:50px; font-size:1.000em; text-decoration:none; color:#706f6f; height:24px; } .latestNewsAbout { background-color: #fff; padding: 30px 35px;position: relative;margin-bottom: 24px;z-index: 999; } .latestNewsAbout p{text-align: justify;} .latestNewsAbout h2 { font-weight: 700; color: #993300; font-size: 1.5625em; margin-bottom: 10px; padding-left: 30px; margin-top: -17px; filter: brightness(2); -webkit-filter: brightness(2); -moz-filter: brightness(2); } .introrowBox .latestNewsAbout:before { content: ""; position: absolute; background-image: url(../images/latestNewsIconsAbout.png); background-repeat: no-repeat; top: 0; left: -8px; width: 55px; height: 54px; } /*****- mediaBox Section *****/ .read-more-link {float: right;margin-top: -9px;} .read-more-link a {text-decoration: none;color: #ff7733;font-weight: 500;} .read-more-link a:hover { color: #313850; } .mediaBoxs ul li .pdfIcons small { font-size: 13px; } .mediaBoxs ul li a img { margin: 0 6px; } .mediaBoxs .working li { border-bottom: 1px solid #b9b7b7; padding-bottom: 8px; } .mediaBoxs .working li a { text-decoration: none; } .mediaBoxs .working li:last-child { border-bottom: 0; } .mediaBoxs .view-all{position: absolute; right: 20px; bottom: 10px;} .mediaBoxs .tickerDivBlock ul li{list-style:none; /*padding-left:38px;*/ position:relative;color: #5b5b5b;border-bottom: 1px solid #fc4d4b;width: 80%;} /*.newseventSection .tickerDivBlock ul li:before{content:""; background:url(../images/news-event-left-arrow.png) no-repeat; left:0; top:5px; position:absolute; width:14px; height:8px;}*/ .mediaBoxs:first-child ul li:after { height: 112px;} .mediaBoxs .tickerDivBlock ul li .eventTitle{ font-size:16px;font-weight: 500;} .mediaBoxs .tickerDivBlock ul li a{font-size:14px; text-decoration:none; transition: all 0.3s ease 0ms; color: #5b5b5b;} .mediaBoxs .tickerDivBlock ul li a:hover{color:#49cbdf;} .mediaBoxs .tickerDivBlock ul li p{margin-bottom: 10px;} .view-all { float: right; text-decoration: none; color: #993300; font-weight: 500; filter: brightness(2); -webkit-filter: brightness(2); -moz-filter: brightness(2); } .mediaBoxs h2 { position: relative; margin-bottom: 5px; font-weight: 700; color: #993300; font-size: 22px; filter: brightness(2); -webkit-filter: brightness(2); -moz-filter: brightness(2); } .mediaBoxs ul{padding-left:0px;margin-bottom: 0;min-height: 150px;} .mediaBoxs ul li{list-style:none; margin:8px 0; position:relative;padding-left: 18px;transition: all 300ms ease 0s;} .mediaBoxs ul li a { color: #313850; transition: all 300ms ease 0s; font-weight: 400; text-decoration: none;} .mediaBoxs ul li:hover a{color:#294e98; padding-left: 7px;} .mediaBoxs ul li:hover:before{padding-left: 7px;} .mediaBoxs { width: 32%; display: table-cell; padding: 20px; background-color: #fff; margin-right: 23px;min-height: 250px;position: relative; } .mediaBoxs:last-child { margin-right: 0; } .mediaBoxs:nth-child(2) { border-right: 10px solid #f1f2f2; border-left: 10px solid #f1f2f2; } .mediaBoxs .tickerDivBlock{height:200px !important; } .mediaBoxs .viewAll { position: relative; top: 3px; left: 30px; } .mediaBoxs .viewAll a{color: #fc4d4b;} .mediaBoxs .viewAll a:hover{color:#fff; text-decoration:none; text-decoration:none;} .mediaBoxs:nth-child(1) h2:before { background: url(../images/news.png) no-repeat 10px 10px; background-color: #023f6b;} .mediaBoxs:nth-child(3) h2:before { background: url(../images/media.png) no-repeat 5px 8px; background-color: #023f6b; } .mediaBoxs:nth-child(2) .viewAll { top: -20px; } .mediaBoxs .tickerDivBlock ul li:last-child{border-bottom: 0;} .mediaBoxs ul li:before { content: "\f105"; position: absolute; left: 0; top: 0; font-family: fontawesome; } .ecitizenMain { background: #fc4e4a; background: -moz-linear-gradient(left, rgba(73,203,223,1) 0%, rgba(60,136,236,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,203,223,1)), color-stop(100%, rgba(60,136,236,1))); background: -webkit-linear-gradient(left, #fc4d4b 0%, #ff7733 100%); background: -o-linear-gradient(left, rgba(73,203,223,1) 0%, rgba(60,136,236,1) 100%); background: -ms-linear-gradient(left, rgba(73,203,223,1) 0%, rgba(60,136,236,1) 100%); background: linear-gradient(to right, #fc4d4b 0%, #ff7733 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49cbdf', endColorstr='#3c88ec', GradientType=1 ); padding: 35px 0; } .ecitizenMain .ecitizenDetails{} .ecitizenMain .ecitizenDetails .navEcitizen { list-style:none; margin:0 auto; padding:0;} .ecitizenMain .ecitizenDetails .navEcitizen li { } .ecitizenMain .ecitizenDetails .navEcitizen li a { text-decoration: none; color:#000; font-size: 18px; background:rgb(223, 223, 223); padding: 10px; width: 22%; float: left; text-align: center; margin: 0 0 0 15px; border-radius:5px; font-weight:500;} .ecitizenMain .ecitizenDetails .navEcitizen li a:hover {background: #313850; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; color:#fff; } /*****- Facilities Section *****/ .footerSliderBox.owl-carousel .owl-item img{width:auto; margin: 0 auto;} .footerSlider .row{ margin-bottom: 0px;} .newsletterSubscribe { width:50%; float:left;} .newsletterSubscribe p{ display: inline-block; margin: 0; vertical-align: middle;} .newsLsinput{margin-left:10px; display:inline-block;} .newsletterSubscribe .newsMail { display:inline-block; width:320px; height:54px; border:1px solid rgba(105,105,105,0.3); background-color:#ededee;} .newsletterSubscribe .viewAll a { background: none; font-weight: 500; font-size: 14px; border: 1px solid rgba(105,105,105,0.3); padding: 16px 12px; transition:all 300ms ease 0s;color:#fff; margin:0 -5px; border-radius:0; text-transform:uppercase; background-color:#f59c21;} .newsletterSubscribe .viewAll a:hover{background-color: #294e98; text-decoration:none;} .socialmediaSharing { float:right; width:100%;} .socialmediaSharing ul li a .icon8 { background-position:0 -416px;} .socialmediaSharing ul li a:hover .icon8 { background-position:0 -440px;} .socialmediaSharing ul li a .icon9 { background-position:-34px -416px;} .socialmediaSharing ul li a:hover .icon9 { background-position:-34px -440px;} .socialmediaSharing ul li a .icon10 { background-position:-71px -416px;} .socialmediaSharing ul li a:hover .icon10 { background-position:-71px -441px;} .socialmediaSharing ul li a .icon11 { background-position:-112px -415px;} .socialmediaSharing ul li a:hover .icon11 { background-position:-112px -441px;} .socialmediaSharing ul li a .icon12 { background-position:-153px -415px;} .socialmediaSharing ul li a:hover .icon12 { background-position:-153px -441px;} .footerSlider .owl-prev { background:url(../images/gr-left-arrow.png) left top no-repeat !important; position:absolute; top:60%; left: -30px; text-indent:-9999px; width:26px; height:26px; opacity:1; transition:all 300ms ease 0s; transform: translate(0, -50%); } .footerSlider .owl-next { background:url(../images/gr-right-arrow.png) left top no-repeat !important; position:absolute; top:60%; right: -30px; text-indent:-9999px; width:26px; height:26px; opacity:1; transition:all 300ms ease 0s; transform: translate(0, -50%); } .footerSlider .owl-theme .owl-controls{margin:0;} .footerSlider{padding: 30px 0;} .footerSlider .owlCarousel .item{height: auto;} /****** socialmediaSharing *****/ .socialmediaSharing ul li a .icon9 { background-position:-58px 5px;} .socialmediaSharing ul li a:hover .icon9 { background-position:-58px -19px;} .socialmediaSharing ul li a .icon10 { background-position:-80px 5px;} .socialmediaSharing ul li a:hover .icon10 { background-position:-80px -19px;} .socialmediaSharing ul li a .icon11 { background-position:-101px 5px;} .socialmediaSharing ul li a:hover .icon11 { background-position:-101px -17px;} /*-------Colorbox Core Style--------*/ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft {clear: left;} #cboxContent {position: relative;} #cboxLoadedContent {overflow: auto;/* -webkit-overflow-scrolling: touch;*/} #cboxTitle {margin: 0;font-family: 'Open Sans', sans-serif;} #cboxLoadingOverlay, #cboxLoadingGraphic {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; cursor: pointer; } #cboxPrevious:active, #cboxNext:active, #cboxClose:active, #cboxSlideshow:active {outline: 0;} .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #colorbox, #cboxContent, #cboxLoadedContent {box-sizing: content-box;} #cboxOverlay {background: #000;} #colorbox {outline: 0;} #cboxWrapper {background: #fff;border-radius: 5px;} #cboxTopLeft {width: 15px; height: 15px;} #cboxTopCenter {height: 15px;} #cboxTopRight {width: 15px;height: 15px;} #cboxBottomLeft {width: 15px;height: 10px;} #cboxBottomCenter {height: 10px;} #cboxBottomRight {width: 15px;height: 10px;} #cboxMiddleLeft {width: 15px;} #cboxMiddleRight {width: 15px;} #cboxContent {background: #fff;overflow: hidden;} #cboxError {padding: 50px;border: 1px solid #ccc;} #cboxLoadedContent {margin-bottom: 28px;} #cboxTitle {position: absolute;background: #313850;bottom: 28px;left: 0;color: #ffffff;width: 100%;padding: 4px 6px;box-sizing: border-box;text-align: center;} #cboxCurrent {position: absolute;bottom: 4px;left: 60px;color: #949494;} .cboxSlideshow_on #cboxSlideshow {position: absolute;bottom: 0px;right: 30px;background: url(../images/controls.png) no-repeat -75px -50px;width: 25px;height: 25px;text-indent: -9999px;} .cboxSlideshow_on #cboxSlideshow:hover {background-position: -101px -50px;} .cboxSlideshow_off #cboxSlideshow {position: absolute;bottom: 0px;right: 30px;background: url(../images/controls.png) no-repeat -25px -50px;width: 25px;height: 25px;text-indent: -9999px;} .cboxSlideshow_off #cboxSlideshow:hover {background-position: -49px -50px;} #cboxPrevious {position: absolute;bottom: 0;left: 0;background: url(../images/controls.png) no-repeat -75px 0px;width: 25px;height: 25px;text-indent: -9999px;} #cboxPrevious:hover {background-position: -75px -25px;} #cboxNext {position: absolute;bottom: 0;left: 27px;background: url(../images/controls.png) no-repeat -50px 0px;width: 25px;height: 25px;text-indent: -9999px;} #cboxNext:hover {background-position: -50px -25px;} #cboxLoadingOverlay {background: #fff;} #cboxLoadingGraphic {background: url(../images/loading_animation.gif) no-repeat center center;} #cboxClose {position: absolute;bottom: 0;right: 0;background: url(../images/controls.png) no-repeat -25px 0px;width: 25px;height: 25px;text-indent: -9999px;} #cboxClose:hover {background-position: -25px -25px;} /********* photoGallery *********/ .photo-outer {box-shadow: 1px 1px 5px rgba(0,0,0,0.7);width: 100%;} .photoGalleryMain .photoGalleryList .photo-outer { background: #313850; } .field-content { overflow: hidden; position: relative;height: 190px; } .photoGalleryList li .views-field-field-photo .field-content a { position: relative; height: 100%; width: 100%; display: inline-block; } .views-field-field-photo .field-content a:before { content: ""; position: absolute; background: #31385085; width: 100%; height: 100%; z-index: 1; transition: 1s; opacity: 0;left: 0; right: 0; } .field-content img {width: 100%; transition: 1s;height: 100%;} .photoGalleryList li .views-field-field-photo { height: 100%;display: contents; } .views-field-field-photo .field-content a:after { content: "\f0c1"; position: absolute; font-family: fontawesome; left: 0; right: 0; top: 50%; color: #f9f9f9; font-size: 36px; transform: translateY(-11px); transition: 2s; opacity: 0; z-index: 2; } .photoGalleryList li:hover .field-content a:after { opacity: 1; } .photoGalleryList li:hover .field-content a:before { opacity: 1; } .photoGalleryList li .photo-outer{border:1px solid #dadada;background: #1f425f;} .views-field-title { background: #313850; } .views-field-title a {width: 100%; font-size: 15px; text-decoration: none; color: #ffffff; display: inline-block; line-height: 20px; padding: 12px 10px; } .photoGalleryList li { list-style: none;cursor: pointer; flex: 0 0 33.33%; max-width: 33.33%; margin: 0; padding: 10px;display: flex; } .singleList .photoGalleryList .field-content a { position: relative; height: 100%; width: 100%; display: inline-block; vertical-align: top; } .singleList .photoGalleryList .field-content { overflow: hidden; position: relative; height: 100%;height: 200px;} .photoGalleryList { padding-left: 0;text-align: center;display: flex; flex-wrap: wrap;margin: 0 -10px; } .singleList .field-content a:after { content: "\f00e"; position: absolute; top: 50%; color: #ffffff; left: 0; right: 0; z-index: 2; transform: translateY(-23px); font-family: fontawesome; font-size: 30px; opacity: 0; transition: 2s; } .views-field-field-photo .field-content a:hover img { transform: scale(1.1); } /********* contact page *********/ .addresses { background: #4480b2; padding: 30px 35px; color: #fff; width: 30%; float: right;min-height: 535px;} .addresses p { color: #fff !important;} .contactForm { width: 85%; display: inline-block; background: #fff; padding: 20px 26px;text-align: left;border: 2px solid #c4c4c4; } .contactus {display: inline-block; width: 100%;margin: 0 auto; text-align: center; } .contactForm label { font-size: 14px; color: #131313; margin-bottom: 5px; line-height: 20px; font-weight: 700; } .contactForm input { margin-bottom: 25px; height: 40px;color: #3e3d3d;font-family: 'Open Sans', sans-serif; } .contactForm select { height: 40px; font-size: 14px; margin-bottom: 20px; color: #000;font-family: 'Open Sans', sans-serif;} .capt { margin-bottom: 20px; margin-top: 20px; } .contactForm .input-area { width: 48%; display: inline-block; } .contactForm .input-area.email { margin-left: 24px; } .contactForm .input-area.select { margin-left: 24px; width: 48%; } .contactForm .input-area.captcha-area { width: 100%;margin: 0; } .contactForm .input-area:nth-child(3) { margin-left: 24px; } .feedback .contactForm .input-area:nth-child(5) { margin-left: 24px; } .feedback .contactForm .input-area:nth-child(10) { width: 100%;margin-top: 20px;} .input-area.textarea.required { width: calc(100% - 8px); } .feSpace { margin-right: 10px; } .addresses h4 { margin-bottom: 10px; } .gmap { margin-bottom: -57px;border-top: 2px solid #4480b2; } .msg { color: #4480b2;font-weight: 700; } .capt .input-group-append { width: 50%; display: inline-block; } .capt .input-group-append .btn { float: right; font-family: 'Open Sans', sans-serif;} .input-group-append img { margin-top: -6px; margin-left: 12px; } /*****- inner page *****/ .entryContent { background: #fff; } .gy { background: #f5f5f5; } .innerContent { padding: 50px 0;min-height: 400px; } .gy { background: #f5f5f5; } .pageHeader { padding: 30px 0; font-family: 'Open Sans', sans-serif; background-color: #313850; } .entryTitleLeft { display: inline-block; } .entryTitle { margin-bottom: 0; font-size: 1.375em; color: #fff;text-shadow: 1px 1px 1px #959595; font-weight: 600; } .breadcrumb { float: right; } .breadcrumb ul { padding-left: 0; margin-bottom: 0; margin-top: 9px; } .breadcrumb ul li { list-style: none; display: inline-block; margin-right: 10px; color: #ffffff; font-size: 0.875em; position: relative; } .breadcrumb ul li a { color: #ffffff;text-decoration: none;font-weight: 500; } .breadcrumb ul li a:hover { color: #ff7733; } .breadcrumb ul li + li::before { content: "\f105"; font-family: 'FontAwesome'; color: #ffffff; padding: 0 9px 0 0px; } .entryContent h2 { color: #252a3c; font-size: 28px; font-weight: 700; } .entryContent h3 { font-size: 22px; font-weight: 700; } .entryContent h4 { font-size: 20px; font-weight: 700; } .entryContent h5 { font-size: 18px; font-weight: 700; } .entryContent h6 { font-size: 16px; font-weight: 700; } .entryContent p { font-size: 15px;letter-spacing: 0.5px; text-align: justify; } .entryContent {padding: 50px 0;} .rightFunctionality { float: right; width: 25%;background-color: #313850; padding: 18px 22px;font-family: 'Open Sans', sans-serif; } .rightFunctionality img { margin: 0 2px; } .rightFunctionality h2 { color: #fff;font-weight: 700; font-size: 1.375em; border-bottom: 2px dotted #ebeced; margin: 0 -20px; padding-bottom: 16px; padding-left: 16px; margin-bottom: 16px; } .rightFunctionality ul li:before { content: "\f105"; position: absolute; color: #fff; font-family: fontawesome; left: 0; top: 6px; transition: 0.5s; } .rightFunctionality ul li:hover:before { left: 3px; color: #ff7733;} .rightFunctionality ul li a { color: #fff; text-decoration: none; font-size: 15px; } .rightFunctionality ul li a:hover{color: #ff7733;padding-left: 3px;} .rightFunctionality ul { padding-left: 0; margin-bottom: 0; } .rightFunctionality ul li { list-style: none; position: relative; padding: 5px 0 5px 15px; } .leftContentFunctionality { width: 70%; float: left;font-family: 'Open Sans', sans-serif;text-align: justify; } .leftContentFunctionality.bg { background:#fff; padding: 15px; } .bg .leftContentFunctionality { padding: 20px; background: #fff; } .rightFunctionality.fixed-right.visible-text { top: 9%; } .coreListRow tr:nth-child(odd) td { background: white; } .coreListRow .fa { margin-right: 5px; } .coreList { margin: 0 auto; text-align: center; } .coreListSerach { display: inline-block; width: 18%;vertical-align: bottom; } .past .coreListSerach { display: inline-block; width: 16.33%;vertical-align: bottom; } .coreListSerach .ui-datepicker-title{ font-size: 14px !important;} .coreListSeletc { display: inline-block; width: 25%;background: #fff; } .coreListSerach input { background: #fff; height: 45px;font-size: 15px; padding-left: 18px;font-family: 'Open Sans', sans-serif; } .coreListSeletc select {height: 45px;-webkit-appearance: none;font-size: 15px; color: #757575; font-family: 'Open Sans', sans-serif; } .coreListRow { display: block; } .coreList button { font-family: 'Open Sans', sans-serif; height: 44px; margin: 0 4px; font-size: 15px; background: #252a3c; border: 1px solid #252a3c; display: inline-block; vertical-align: top; } .coreListColl { padding: 30px; border: 1px solid #cecece; background: #fff; width: 100%; display: inline-block; transition: 0.5s; margin-bottom: 20px;position: relative;} .coreListDetail { padding-left: 60px; display: inline-block; vertical-align: middle;width: 80%; margin-bottom: 10px;} .coreListImgs { display: inline-block; } .coreListDetail h3 a { text-decoration: none; color: #4480b2; } .coreListDetail h3 { margin-bottom: 12px; line-height: 28px; font-size: 22px; } .coreListDetail p { font-size: 16px; margin-bottom: 0; } .coreListColl:hover { box-shadow: 1px 1px 20px 0px #d2d4d4; } .coreListDetail h3 a:hover { color: #183255; } .coreDate { position: absolute; bottom: 10px; right: 20px; font-size: 15px;color: #8a8787; } .coreDate .fa { margin-right: 8px; font-size: 16px; } .coreList button:hover { background: #ff7733; border: 1px solid #ff7733; } .publications { text-align: center; padding: 0px; } .publicationsSerach { width: 48%; position: relative; display: inline-block;} .publicationsSerach .SearchCaption { top: 0; position: absolute; right: 0; height: 100%; width: 65px; font-size: 25px; border: 1px solid #385b75; background-color: #385b75; } .filter a { padding: 9px 21px; background: #183255; color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } .SearchCaption:hover { background: #076698; border: 1px solid #076698; } .publicationsSerachBar { padding: 32px 0;} .publicationsSerachBar .row{margin-bottom: 0;} .SearchCaption:hover { background: #076698; border: 1px solid #076698; } .typeSelectAll { display: inline-block; vertical-align: bottom; margin-right: 7px;background: #ffffff; width: 32%;} .typeSelectAll select { font-family: 'Open Sans', sans-serif; height: 54px; padding: 0 14px; font-size: 15px; color: #797775; border: 2px solid #e0e0e0;-webkit-appearance: none; } .btn-reset { background: #5e5f61; border: none; color: #fff;cursor: pointer; text-decoration: none; display: inline-block; vertical-align: top; height: 44px; line-height: 44px; width: 100px; font-size: 16px; } .btn-reset:hover { color: #fff; background: #ff7733; } .btn { background: #4480b2; padding: 6px 29px; font-size: 17px; letter-spacing: 0.5px; border: 1px solid #4480b2; } .publicationsSerach input { padding: 25px; font-size: 15px; border: 2px solid #e0e0e0; background: #fff; font-family: 'Open Sans', sans-serif; } .auditDetailColl {background: #fff;box-shadow: 1px 1px 18px 3px #e6e3e3; } .dateFirst {background: #385b75;color: #fff; width: 100%; position: relative; padding: 12px 24px; overflow: hidden;min-height: 47px;} .AuditReportlisting { border: 1px solid #dadbdd; width: 100%; float: left; margin-bottom: 25px;border-radius: 8px; background: #fff;overflow: hidden;font-family: 'Open Sans', sans-serif; } .reportType { position: absolute; right: 0; top: 0; } .dateFirst .fa { margin-right: 10px; } .reportDetail a { font-size: 18px; text-decoration: none; color: #385b75; margin-bottom: 15px; display: inline-block; font-weight: 500;text-align: left; } .reportType span { float: left; background: #313850;padding: 12px 24px; position: relative; } .reportType span:before { content: ""; position: absolute; width: 1px; height: 23px; background: #5683a9; left: 0; } .reportType span:first-child:before { width: 0; } .reportDetail { width: 70%; float: right; } .sectorDetail span { color: #717171; font-size: 15px; } .sectorDetail span:first-child { margin-right: 10px; color: #183255; font-weight: 700; } .sectorDetail { padding: 20px 0; border-top: 1px solid #dadada; } .dateFirst span { font-size: 16px; } .filterReport { float: right; width: 28%; background: #fff; padding: 15px 20px;border-radius: 8px; font-family: 'Open Sans', sans-serif;} .filterTopIcons .fa { margin-right: 5px; } .pdfBottomReport a img { display: inline-block; vertical-align: bottom; margin-left: 10px; } .filterTopIcons{ color: #255d8b;padding-bottom: 12px; border-bottom: 1px solid #d0cece;margin-bottom: 10px;font-size: 17px;} .filterReport select { margin-bottom: 15px; border: 1px solid #e8e6e6; border-radius: 6px; height: 40px; font-size: 15px; color: #757575; } .filterReport button { color: #fff; background: #313850; border: 1px solid; font-size: 15px; font-family: 'Open Sans', sans-serif; } .filterReport.fixed-right.visible-text { height: 650px; overflow-y: scroll;top: 9%; } .filterReport button:hover { background: #4480b2; } .auditStr { height: 110px !important; background-image: none !important; } .auditStrs { height: 82px !important; background-image: none !important;} .filterReport label { font-size: 15px; font-weight: 500; color: #183255; margin-top: 10px; } .filterTopIcons { color: #0c4f81; padding-bottom: 12px; border-bottom: 1px solid #d0cece; margin-bottom: 10px; font-size: 17px; font-weight: 700; } .filterReport select { margin-bottom: 15px; border: 1px solid #e8e6e6; border-radius: 6px; height: 40px; font-size: 15px; color: #757575; font-family: 'Open Sans', sans-serif;} .auditStr { height: 110px !important; background-image: none !important; } .auditStrs { height: 82px !important; background-image: none !important;} .filterReport label { font-size: 15px; font-weight: 500; color: #183255; margin-top: 10px; } .filterRightText { float: right; text-decoration: none; color: #255d8b; } .reportDetail a:hover { color: #255d8b; } .chiledData { padding: 20px 30px; width: 100%; float: left; background: #fbfbfb; box-shadow: 1px 1px 4px 3px #eaeaea; margin-bottom: 20px; } .chiledData:last-child { margin-bottom: 0; } .subHeadReport span { margin-right: 9px; font-size: 16px; text-decoration: none; color: #4480b2; margin-bottom: 15px; } .subHeadReport span:last-child { margin: 0 0 0 4px; } .chiledData p { font-size: 14px; } .chiledData p { margin-bottom: 0; } .dropdownss{display: none;} .auditReport{ width: 70%; float: left;} .AuditReportlisting .accordion { width: 100%; float: left; } .AuditReportlisting .accordDetail{ width: 100%;display: inline-block;} .AuditReportlisting .accordion .accTrigger{width: 12%; float: right;border-bottom:none;} .AuditReportlisting .accordion .accTrigger{background: url(../images/expandDown.png) right 23px no-repeat !important} .AuditReportlisting .accordion .accTrigger.active {background: url(../images/expandTop.png) right 21px no-repeat !important} .dropdownss.show { display: block; } .chiledData a{font-size: 18px; text-decoration: none; color: #4480b2;display: inline-block;} .pdfBottomReport {background: #e9eff4; text-align: right; } .pdfBottomReport a { color: #000000; text-decoration: none; font-size: 15px; display: inline-block; } .pdfcallBlock span { display: inline-block; vertical-align: bottom; margin-left: 6px; } .pdfcallBlock span img { display: inline-block; vertical-align: sub; } .subHeadReport { margin-bottom: 12px; } .pdfcallBlock { padding: 12px 20px; } .reportIcon { width: 25%; display: inline-block; position: relative; background: #fff; padding: 10px; border-radius: 7px;box-shadow: 1px 1px 18px 3px #e6e3e3; margin-bottom: 30px; } .reportlistingDetail { padding: 20px; display: inline-block;font-family: 'Open Sans', sans-serif;text-align: justify; } .reportIcon h5 { position: absolute; top: 50%; transform: translateY(-18px); margin: 0 auto; text-align: center; left: 0; right: 0; background-color: #ffffffbd; border: 2px solid #d2d2d2; width: 165px; font-size: 18px; } .sectorselect .field-label { font-weight: 700; font-size: 18px; margin-right: 10px; vertical-align: middle; display: inline-block; } .sectorselect .field-item {background: #eeefef; display: inline-block; vertical-align: middle; border-radius: 19px; margin: 0 3px; } .sectorselect .field-item a { color: #4e4d4d; text-decoration: none; font-size: 14px; padding: 5px 15px; display: inline-block; } .leftperBack { float: left; } .leftperBack a { text-decoration: none; color: #fff; font-size: 16px; padding: 12px 20px; display: inline-block; background: #b3a760; } .leftperBack a:hover { background: #8c8244; } .latestReportsLeft .viewAll{position: absolute;bottom: 0;right: 0;} .pdfIcons span { margin-left: 10px; font-weight: 500; } .singleAuditRow .auditTopPerfomance {background-color: #fff;margin-bottom: 0px;} .singleAuditRow .reportIcon {width: 18%; float: left; margin-right: 40px; margin-bottom: 0;border: 1px solid #d0d0d0; } .singleAuditRow .singTitle { font-size: 22px; margin-bottom: 12px !important; color: #4480b1; font-weight: 500; } .singleAuditRow .rightper span { padding: 5px 20px; background: #255d8b; font-size: 14px; float: left; position: relative; } .auditTopPerfomance { margin-bottom: 25px; font-family: 'Open Sans', sans-serif; background: #385b75; color: #fff;width: 100%; float: left;} .rightper {float: right;} .rightper span { padding: 12px 20px; background: #252a3c; font-size: 16px; float: left;position: relative; } .rightper span:before { content: ""; position: absolute; width: 1px; height: 25px; background: #4480b1; left: 0; } .rightper span:first-child:before { width:0; } .auditDetailCollDetail { padding: 0 20px 20px 20px; } .auditTopPerfomance span .fa { margin-right: 10px; } .rightper {float: right;} .auditDetailCollDetail { padding: 0 20px 20px 20px; } .auditTopPerfomance span .fa { margin-right: 10px; } .governmentType { display: inline-block; padding: 10px; } .governmentType span { padding: 10px; } .governmentTypePer { float: right; padding: 10px 28px; background: #255d8b; } .labelTitleBold { font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 700;} .auditSingleContent .reportIcon { float: left;margin-right: 45px; width: 30%; } .auditRightLable .labelItemBold { font-size: 15px;color: #756e6e; } .auditRightLableRight { width: 64%; display: inline-block; } .sectorSingleAudit span:last-child { margin-left: 12px; color: #756e6e; } .sectorSingleAudit span:first-child { padding: 6px 20px; background: #f7f7f7; color: #2d2b2b; display: inline-block; margin-bottom: 6px;} .auditRightLable { margin-bottom: 20px; } .auditSingleContent h4 { margin: 15px 0; font-size: 20px;font-weight: 500; } .auditSingleContent { font-family: 'Open Sans', sans-serif; } .auditSingleContent .citizenCharter { width: 100%; display: inline-block; } .fa-file-text { margin-right: 12px; } .auditSingleContent .accordDetail a { text-decoration: none; color: #183255; } .auditSingleContent .accordDetail a:hover { color: #4480b1; } .sectorSingleAudit { display: inline-block;border-top: 1px solid #d0cbcb; padding-top: 18px;width: 100%;} .auditSingleContent .accordDetail sub { font-size: 15px; } .singTitle { font-size: 18px; margin-bottom: 23px !important;color: #385b75; font-weight: 600;line-height: 28px; } .singleAuditRow .auditRightLableRight ul li { width: 45%; list-style: none; float: left; } .citizenCharter { font-family: 'Open Sans', sans-serif; } .textArrows { background-image: url(../images/down-arrow.gif); background-repeat: no-repeat; background-position: right 11px center;font-size: 15px; background-size: 12px;-webkit-appearance: none; } .pagination { text-align: center; margin-top: 40px; } .pagination a:last-child { border: none; } .pagination a:first-child { border: none; } .pagination a {color: #385b75;text-decoration: none; font-size: 15px; font-weight: 500; display: inline-block; width: 40px; height: 32px; line-height: 32px; } .pagination .active { background: #385b75; color: #fff; border: 1px solid #385b75; } .pagination a:hover {background: #385b75; color: #fff; } .pagination .page-item.active a { color: #fff; } .paginationText {background-color: #294963;padding: 5px 20px;margin-bottom: 16px;width: 70%;border-radius: 4px; float: left;} .paginationText p { color: #fff !important; margin-bottom: 0; } .pagination li { list-style: none; display: inline-block; border: 1px solid #d4d3d3; margin: 0 5px; background: #ffffff; } .pagination { margin: 0 auto; text-align: center; padding-left: 0;margin-top: 40px;} .singleContent .bulletText li a { text-decoration: none; font-size: 15px; color: #4480b2; } .entryContentWhite .pagination li { background: #eeefef; border: 1px solid #d4d3d3; } .entryContentWhite .pagination .active { background: #0c4f81; border: 1px solid #0c4f81; } .holderIndiaImg { max-width: 300px; float: left; margin-right: 32px; box-shadow: 1px 1px 12px 1px #d6d2d2; margin-bottom: 10px; } .holderIndiaImg img { border: 5px solid #fff; } .holderIndiaContent h2 {color: #5d6996; font-size: 24px; margin-bottom: 8px; font-weight: 700; } .holderIndiaContent{text-align: justify;} .reportListing li { width: 48%; float: left; margin: 0 8px 16px 8px; } .reporListFull li { width: 100%; } .listFulls li { width: 100%;} .reportListing { margin:0; padding: 0; list-style: none; } .reportListing .listItem { background-color:#fff; padding: 15px; border-bottom: 3px solid #ccc; position: relative; min-height: 123px;} .reportListing .listReportCategory { font-size: 16px;color: #424242; } .reportListing .listReportTitle { margin-bottom: 16px;font-size: 15px; color: #424242; } .reportListing .categoryText { padding: 4px 7px; color:#fff; background-color:#4682b4; display: inline-block; vertical-align:middle;border-radius:3px; font-size: 15px; margin-left:5px; position: relative; top: -2px; } .reportListing .downPdf { position: absolute; right:15px; bottom:15px; font-size:15px; } .reportListing .downPdf sub { font-size: 15px; color: #000; font-weight: 500; } .reportListing .downPdf a { text-decoration: none; } .archive-top a {display: inline-block; font-size: 18px;background: #183255; color: #ffffff;border: 1px solid #183255; padding: 4px 25px; border-radius: 60px; text-decoration: none; line-height: 30px; } .archive-top a:hover { background: #4480b1; color: #fff; border: 1px solid #4480b1; } .archive-top{ margin-bottom: 20px; text-align: right; } .tenderList li { padding: 15px; list-style: none;border-bottom: 3px solid #cecece;position: relative; margin-bottom: 20px; background-color:#fff; } .tenderList li .pdfTops { right: 15px; border:0; top:auto;position: absolute; bottom: 0;} .tenderList li h5 { font-size: 16px; margin-bottom: 22px;padding-right: 100px;line-height: 26px; } .tenderList li .fa { color: #4480b2; margin-right: 10px; font-size: 18px; } .tenderList{padding-left: 0;} .lastSubmission { margin-left: 20px; } .pdfTops small { font-size: 14px; color: #000; margin: 0 3px; } .archive-top a {display: inline-block; font-size: 18px;background: #183255; color: #ffffff;border: 1px solid #183255; padding: 4px 25px; border-radius: 60px; text-decoration: none; line-height: 30px; } .archive-top a:hover { background: #4480b1; color: #fff; border: 1px solid #4480b1; } .pdfTops a{text-decoration: none;} .sitemapMenu { border-left: 3px solid #e8e6e6; list-style: none; padding: 0 !important; position: relative; padding-top: 10px !important; margin: 0;} .sitemapMenu li ul:after { content: ""; height: 7px; left: -4px; position: absolute; bottom: 0; width: 7px; background: #e8e6e6; border-radius: 50%; } .sitemapMenu li ul li a{ text-decoration: none; color: #171717; font-size: 16px; line-height: 25px; text-decoration: none; padding: 7px 20px; transition: 500ms all; background: transparent; border: 1px solid #e8e6e6; width: 50%; } .sitemapMenu li ul li { list-style: none; position: relative; padding: 6px 0 6px 25px; font-size: 15px; } .sitemapMenu li ul { border-left: 2px solid #e8e6e6; list-style: none; padding: 5px 0; margin: 5px 0 15px 18px; position: relative; } .sitemapMenu li { font-size: 22px; list-style: none; padding: 0 0 0 25px; position: relative; margin-bottom: 5px; } .sitemapMenu li a { text-decoration: none; color: #fff; font-size: 16px; line-height: 25px; text-decoration: none; padding: 7px 20px; transition: 500ms all; background: #263051; border: 1px solid #e8e6e6; width: 50%; } .sitemapMenu li ul li a:hover { background-color: #263051; padding-left: 16px; color: #fff;} .sitemapMenu li:after { border-top: 2px solid #e8e6e6; content: ""; height: 0; left: 0; position: absolute; top: 16px; width: 25px; } .sitemapMenu li a:hover { background: #4682b4; padding-left: 18px; } pre{white-space: pre-wrap;font-size: 15px;text-align: justify;} #tw-target-text span { color: #000 !important; } iframe { width: 100%;} /*--------faq-------*/ .faq .accordion .accTrigger { background: none; padding-left: 20px; cursor: pointer; background-position: right; padding: 15px 30px 15px 0; border-bottom: 1px solid #f3f3f3; color: #ffffff; font-size: 18px; background-color: #383838; background-position: center right 16px; padding-left: 80px; position: relative; margin-bottom: 10px; } .faq .accordion .accTrigger:before { content: "Q"; position: absolute; left: 1px; width: 50px; height: 57px; background-color: #d4652e; top: 0; color: #fff; text-align: center; line-height: 56px; font-weight: 500; } .faq .accordion .accTrigger.active{color: #ffffff !important;background-color: #252a3c !important;margin-bottom: 0;} .faq .accordion .accTrigger.active:after { content: "_"; position: absolute; top: 0; line-height: 20px; font-weight: 500;background: #d4652e; } .faq .accordion .accTrigger:after { content: "+"; position: absolute; right: 0; color: #fff; font-size: 40px; top: 0; width: 50px; height: 57px; background: #d4652e; text-align: center; } .faq .accordDetail{border: 1px solid #bcbcbc; margin-bottom: 20px;position: relative;padding-left: 80px;border-top: 0;} .faq .accordDetail:before { content: "A"; position: absolute; left: 0px; top: 0; width: 50px; background: #f9f3f3; text-align: center; font-size: 21px; color: #4b4b4b; height: 100%;padding-top: 8px; } /********* Guidelines inner *********/ .guidelinesList { padding-left: 0; } .listWhite .guidelinesList li { background: #fff; } .guidelinesList li { padding: 15px 270px 15px 32px; background: #f3f3f3; list-style: none; margin-bottom: 20px; border-left: 4px solid #313850; position: relative; } .guidelinesPdfIcons { position: absolute; right: 30px; top: 50%; transform: translateY(-14px); padding-left: 10px;} .guidelinesList li h5 { margin-bottom: 0; color: #4480b1; font-size: 16px; color: #000000;line-height: 24px; margin-top: 0; } .guidelinesList li a { text-decoration: none; display: inline-block; height: 100%;color: #000000;text-align: left; } .guidelinesPdfIcons sub { color: #3e3e3e; font-size: 15px; margin-left: 10px; } .guidelinesList li:hover { box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.18); } .guidelinesList li:hover a { color: #4480b1; } .guidelinesList li:hover h5 { color: #4480b1; } /****** End *****/ /*----------------------Video galley page------------*/ .videoGalleryList { padding-left: 0;display: flex;flex-wrap: wrap;margin: 0 -10px;} .videoGalleryList li { list-style: none;flex: 0 0 33.33%; max-width: 33.33%;display: flex;padding: 10px;} .photoGalleryList li:nth-child(-n+3){padding-top: 0;} .video-field-content a { padding: 15px 18px; display: inline-block; text-decoration: none; color: #fff;background: #313850; font-size: 15px;text-align: center; width: 100%; } .video-field-content { background: #4480b2;} .videoGalleryList li:nth-child(-n+3) { padding-top: 0; } .videotree {width: 22% !important; } .video-outer-hover a:before { content: ""; position: absolute; width: 100%; height: 100%; background: #3138506b; opacity: 0; transition: 1s; z-index: 1; } .video-outer-hover { position: relative;overflow: hidden;cursor: pointer; } .video-outer-hover a:hover:before { opacity: 1; } .video-outer-hover a:after { content: "\f04b"; position: absolute; top: 50%; left: 0; right: 0; text-align: center; font-family: fontawesome; z-index: 2; color: #313850; border: 2px solid; padding-left: 4px; border-radius: 65px; width: 35px; margin: 0 auto; font-size: 18px; transform: translateY(-13px); opacity: 0; transition: 2s; height: 35px; display: inline-block; line-height: 33px; background: #fff; } .video-outer-hover a:hover:after { opacity: 1; } .video-outer-hover a:hover img { transform: scale(1.1); } .video-outer-hover img { transition: 1s; } .videotree h2 { font-size: 16px; } .video-outer { box-shadow: 1px 1px 5px rgba(0,0,0,0.7);background: #313850; } .videotree ul li a{font-size: 16px;} .video-outer-hover a { padding: 0; } .vid-lable {font-weight: 500; color: #000;} .letestWiewBox { width: 100%; float: left; display: table; } .OldAuditReportsLink { padding: 15px 10px; display: inline-block; background-color: #385b75; color: #fff; text-decoration: none; font-size: 16px; font-weight: 500; float: right; } .OldAuditReportsLink:hover { color: #ffffff; background-color: #076698; } /***** Footer Section *****/ .footerEndSection { background: #313850; padding: 15px 0; } .footerRight { float:right; text-align:right; margin-left:-326px; width:326px; color:#000; margin-top:10px;} .footerLeft ul { list-style:none; margin:0 auto;padding-left: 0; } .footerLeft a { color: #f5f5f5; text-decoration: none; font-size: 15px;font-weight: 700; } .footerLeft a:hover{ color: #ff7733;} .footerLeft p { font-size:0.923em; margin:0; color:#000;} .footerLeft li { padding:6px 15px; float:left; position:relative; } .footerLeft li:last-child:after{display:none;} .footerLeft li:before { position: absolute; content: "\f111"; top: 14px; font-family: fontawesome; color: whitesmoke; font-size: 6px; left: -4px; } .footerRight .fotterVisitors span { margin-left:15px; line-height:15px; padding-bottom:6px;} .footerFirstSection { background-color: #313850; padding: 16px 0px; } .footerEndSection p { color: #fff; } .socialIcons { padding-left: 0; margin-bottom: 0; } .socialIcons li { display: inline-block; list-style: none; } .socialIcons li a { width: 48px; display: inline-block; height: 38px; text-align: center; line-height: 46px; color: #fff; } .socialIcons li a .fa { font-size: 25px; } .socialIcons li:nth-child(1) { background-color: #305891; } .socialIcons li:nth-child(2) { background-color: #2ca8d2; } .socialIcons li:nth-child(3) { background-color: #738a8d; } .socialIcons li:nth-child(4) { background-color: #738a8d; } .socialIcons li:nth-child(5) { background-color: #f5ca59; } .socialIcons li:nth-child(6) { background-color: #f8694d; } .socialIcons li:hover .fa { transform: scale(1.3); } .socialIcons li .fa { transition: 1s; } .CopyrightText { float: left; width: 65%;margin-top: 8px; } .CopyrightText p { margin-bottom: 0; display: inline-block; vertical-align: middle; } .footerRightEnd { float: right; color: #fff; } .footerRightEnd .fotterVisitors span { display: block;text-align: right; } .bannerCaption:before { content: ""; position: absolute; background-image: url(../images/bannerBefore.png); background-repeat: no-repeat; width: 85px; height: 74px; top: 1px; left: -10px; } .latestReportsSection:before { content: ""; position: absolute; background-image: url(../images/latestPostIcons.png); background-repeat: no-repeat; top: 0; width: 60px; height: 80px; left: -8px; } .introrowBox .latestNews:before { content: ""; position: absolute; background-image: url(../images/latestNewsIcons.png); background-repeat: no-repeat; top: 0; left: -8px; width: 55px; height: 54px; } .latestReportsSection .tickerDivBlock { height: 492px !important;} /********* Audit reports deatils page download link *********/ .resport-button { display: flex; justify-content: right; margin-top: -71px; } .resport-button a { text-decoration: none; font-size: 16px; background: #4480b1; color: #fff; padding: 7px 16px; border-radius: 30px; margin: 10px 0; } .resport-button a:hover { background: #012c64; } /*****Header logo******/ .headerRight {width: 90px;}