@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); @font-face { font-family: 'droid_serif'; src: url('fonts/droidserif-bold-webfont.eot'); src: url('fonts/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droidserif-bold-webfont.woff') format('woff'), url('fonts/droidserif-bold-webfont.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display:swap; } @font-face { font-family: 'droid_serif'; src: url('fonts/droidserif-regular-webfont.eot'); src: url('fonts/droidserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droidserif-regular-webfont.woff') format('woff'), url('fonts/droidserif-regular-webfont.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display:swap; } /****Loaded****/ /*#loader { background: #fff url(../../images/loading.gif) no-repeat center center; position: relative; width: 54px; height: 54px; left: 50%; top: 50%; margin: -30px 0 0 -30px; z-index: 9999; border-radius: 50%; overflow: hidden; } #pageLoader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; } #pageLoader .loaderSec { position: fixed; top: 0; width: 51%; height: 100%; background: #272c4c; z-index: 1000; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #pageLoader .loaderLeft { left: 0; } #pageLoader .loaderRight { right: 0; } .loaded #pageLoader .loaderLeft { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } .loaded #pageLoader .loaderRight { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } .loaded #loader { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .loaded #pageLoader { visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; } .no-js #pageLoader { display: none; }*/ /****Page loading End****/ .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0 } .sr-only-focusable:active, .sr-only-focusable:focus { position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto } /********* 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:underline; color:#f96207; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } a:focus { outline:thin dotted } a:hover, a:active { outline: 0; } a:focus, a:hover { text-decoration:none; color:#000; } a:focus { color:#f96207; } 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 0 20px 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:90% } 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; } ul.bulletText { list-style:none; padding:0; } ul.bulletText li { padding-left:15px; margin-bottom: 10px; line-height:1.5; position: relative; } ul.bulletText li:before { position: absolute; left: 0; top: -2px; content:""; font-family:'FontAwesome'; content: "\f105"; font-size:18px; } ul.bulletText ul { padding:0; list-style:none; margin-top: 15px; } /********* 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, .pagingWrapper:before, .pagingWrapper:after { content:" "; display:table } .cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after, .pagingWrapper:after { clear:both } html, body { overflow-x: hidden; } body { color:#323232; font-family: 'Poppins', sans-serif; font-weight:400; font-size:16px; line-height: 1.5; } .container { width:100%; padding: 0 15px; max-width:1430px; margin: 0 auto; } .commonPad { padding-bottom:40px; padding-top:40px; } .padBotNone { padding-bottom: 0; } .padTopNone { padding-top: 0; } .center { text-align: center; } .right { text-align: right; } .lastSection { margin-bottom:-40px; } .firstSection { margin-top:-40px; } /**Swiper 4.4.6**/ .swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1 } .swiper-container-no-flexbox .swiper-slide { float:left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto } .swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform } .swiper-slide-invisible-blank { visibility:hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:transform, height; transition-property:transform, height; transition-property:transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective:1200px; perspective:1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 } .swiper-container-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action:pan-y; touch-action:pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action:pan-x; touch-action:pan-x } .swiper-button-next, .swiper-button-prev { position:absolute; top:50%; width:27px; height:44px; margin-top:-22px; z-index:10; cursor:pointer; background-size:27px 44px; background-position:center; background-repeat:no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image:url("data:image/svg+xml;charset=utf-8,"); left:10px; right:auto } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image:url("data:image/svg+xml;charset=utf-8,"); right:10px; left:auto } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image:url("data:image/svg+xml;charset=utf-8,") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image:url("data:image/svg+xml;charset=utf-8,") } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image:url("data:image/svg+xml;charset=utf-8,") } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image:url("data:image/svg+xml;charset=utf-8,") } .swiper-button-lock { display:none } .swiper-pagination { position:absolute; text-align:center; -webkit-transition:.3s opacity; -o-transition:.3s opacity; transition:.3s opacity; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10 } .swiper-pagination.swiper-pagination-hidden { opacity:0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:10px; left:0; width:100% } .swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33); position:relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) } .swiper-pagination-bullet { margin: 0 3px; width:11px; height:11px; display:inline-block; border-radius:100%; background:#f96207; border:1px solid #ff6420; opacity:1 } button.swiper-pagination-bullet { border:none; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer } .swiper-pagination-bullet-active { opacity:1; background:#fff; border-color:#f96207; } .swiper-container-vertical>.swiper-pagination-bullets { right:10px; top:50%; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:6px 0; display:block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:8px } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s right, .2s -webkit-transform; transition:.2s right, .2s -webkit-transform; -o-transition:.2s transform, .2s right; transition:.2s transform, .2s right; transition:.2s transform, .2s right, .2s -webkit-transform } .swiper-pagination-progressbar { background:rgba(0, 0, 0, .25); position:absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#007aff; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width:100%; height:4px; left:0; top:0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width:4px; height:100%; left:0; top:0 } .swiper-pagination-white .swiper-pagination-bullet-active { background:#fff } .swiper-pagination-progressbar.swiper-pagination-white { background:rgba(255, 255, 255, .25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background:#fff } .swiper-pagination-black .swiper-pagination-bullet-active { background:#000 } .swiper-pagination-progressbar.swiper-pagination-black { background:rgba(0, 0, 0, .25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background:#000 } .swiper-pagination-lock { display:none } .swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98% } .swiper-container-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98% } .swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0, 0, 0, .5); border-radius:10px; left:0; top:0 } .swiper-scrollbar-cursor-drag { cursor:move } .swiper-scrollbar-lock { display:none } .swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; text-align:center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain } .swiper-slide-zoomed { cursor:move } .swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -ms-transform-origin:50%; transform-origin:50%; -webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite; animation:swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display:block; content:''; width:100%; height:100%; background-image:url("data:image/svg+xml;charset=utf-8,"); background-position:50%; background-size:100%; background-repeat:no-repeat } .swiper-lazy-preloader-white:after { background-image:url("data:image/svg+xml;charset=utf-8,") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out } .swiper-container-fade .swiper-slide { pointer-events:none; -webkit-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events:none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto } .swiper-container-cube { overflow:visible } .swiper-container-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; width:100%; height:100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events:none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events:auto; visibility:visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden } .swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0 } .swiper-container-flip { overflow:visible } .swiper-container-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events:none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective:1200px } .swiper-pagination { position: absolute; left: 0; bottom: 10px; text-align: center; width:100%; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } button.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 10px; top: 10px; text-decoration: none; text-align: center; opacity: 1; padding: 0; color: #000; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; background:#fff; border-radius:50%; text-align:center; } div.mfp-close { display: none; } .mfp-close:hover, .mfp-close:focus { opacity: 1; background:#fff; color:#000; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; display: none; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -30px; padding: 0; width: 60px; height: 60px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -30px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; background:none; } .mfp-arrow:before { display: block; width: 100%; height: 100%; text-align:center; position: absolute; left: 0; top: 0; font-family:'FontAwesome'; font-size:50px; color:#fff; line-height:60px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:before { content:"\f104" } .mfp-arrow-right { right: 0; } .mfp-arrow-right:before { content:"\f105" } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #fff; word-wrap: break-word; padding-right: 36px; font-size:17px; text-align:center; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.9; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /*! * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker { padding:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; direction:ltr } .datepicker-inline { width:220px } .datepicker-rtl { direction:rtl } .datepicker-rtl.dropdown-menu { left:auto } .datepicker-rtl table tr td span { float:right } .datepicker th.next, .datepicker th.prev { padding: 2px 5px 9px 5px; } .datepicker th.next, .datepicker th.prev, .datepicker th.datepicker-switch, .datepicker th.next:hover, .datepicker th.prev:hover, .datepicker th.datepicker-switch:hover { background-color: #f96207; border-radius:0; color:#fff; } .datepicker-dropdown { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); width:300px; min-width:300px; margin-top: 0; top:0; left:0 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .datepicker-dropdown { margin-top:0; } } .datepicker-dropdown:before { content:''; display:inline-block; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #f96207; border-top:0; border-bottom-color:rgba(0, 0, 0, .2); position:absolute } .datepicker-dropdown:after { content:''; display:inline-block; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #f96207; border-top:0; position:absolute } .datepicker-dropdown.datepicker-orient-left:before { left:6px } .datepicker-dropdown.datepicker-orient-left:after { left:7px } .datepicker-dropdown.datepicker-orient-right:before { right:6px } .datepicker-dropdown.datepicker-orient-right:after { right:7px } .datepicker-dropdown.datepicker-orient-bottom:before { top:-7px } .datepicker-dropdown.datepicker-orient-bottom:after { top:-6px } .datepicker-dropdown.datepicker-orient-top:before { bottom:-7px; border-bottom:0; border-top:7px solid #999 } .datepicker-dropdown.datepicker-orient-top:after { bottom:-6px; border-bottom:0; border-top:6px solid #fff } .datepicker table { margin:0; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .datepicker td, .datepicker th { background: #fff; padding: 5px; color: #000; text-align:center; width:20px; height:20px; -webkit-border-radius:0; border-radius:0; border:none } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color:transparent } .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background:#eee; cursor:pointer } .datepicker table tr td.new, .datepicker table tr td.old { color:#999 } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background:0 0; color:#999; cursor:default } .datepicker table tr td.highlighted { background:#d9edf7; border-radius:0 } .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { background-color:#f96207; border-color:#fdf59a #fdf59a #fbed50; border-color:rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); color:#fff } .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] { background-color:#f96207 } .datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active { background-color:#fbf069\9 } .datepicker table tr td.today:hover:hover { color:#fff } .datepicker table tr td.today.active:hover { color:#fff } .datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover { background:#eee; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover { background-color:#f96207; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] { background-color:#f3e97a } .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active { background-color:#efe24b\9 } .datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover { background-color:#000; color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, .25) } .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] { background-color:grey } .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active { background-color:#666\9 } .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover { background-color:#f96207; color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, .25) } .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] { background-color:#f96207 } .datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active { background-color:#039\9 } .datepicker table tr td span { display:block; width:23%; height:54px; line-height:54px; float:left; margin:1%; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .datepicker table tr td span.focused, .datepicker table tr td span:hover { background:#eee } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background:0 0; color:#999; cursor:default } .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover { background-color:#f96207; color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, .25) } .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] { background-color:#f96207 } .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active { background-color:#039\9 } .datepicker table tr td span.new, .datepicker table tr td span.old { color:#999 } .datepicker .datepicker-switch { width:145px } .datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th { cursor:pointer } .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { background:#eee } .datepicker .cw { font-size:10px; width:12px; padding:0 2px 0 5px; vertical-align:middle } .input-append.date .add-on, .input-prepend.date .add-on { cursor:pointer } .input-append.date .add-on i, .input-prepend.date .add-on i { margin-top:3px } .input-daterange input { text-align:center } .input-daterange input:first-child { -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px } .input-daterange input:last-child { -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0 } .input-daterange .add-on { display:inline-block; width:auto; min-width:16px; height:18px; padding:4px 5px; font-weight:400; line-height:18px; text-align:center; text-shadow:0 1px 0 #fff; vertical-align:middle; background-color:#eee; border:1px solid #ccc; margin-left:-5px; margin-right:-5px } /*************Back to Top*************/ #backtotop { position:fixed; right:0; bottom: 104px; padding: 5px; background-color:#f96207; color:#fff; border-radius:5px 0 0 5px; font-size: 14px; text-transform: uppercase; font-weight: 600; text-decoration: none; -webkit-transition: 350ms ease; transition: 350ms ease; z-index: 4; overflow:hidden; } #backtotop .fa { font-size:20px; margin-right:3px; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; } #backtotop.active { right:0; } #backtotop:hover { background-color:#424d6b; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform:translateY(0); } 40% { transform:translateY(-5px); } 60% { transform:translateY(-3px); } } /*********Headings*********/ h1, h2, h3, h4, h5, h6 { margin-bottom: 25px; font-weight:700; font-family: 'droid_serif'; } h1 { font-size: 30px; } h2 { font-size: 1.750em; color: #272C4C; } h3 { font-size: 1.400em; } h4 { font-size: 1.300em; } h5 { font-size: 1.250em; } h6 { font-size: 1.125em; } /*********Navigation*********/ #navbar-nav { margin: 12px 0; padding:0; position: relative; } #navbar-nav li { display: inline-block; position: relative; padding: 0 14px; } #navbar-nav > li:not(:last-child):before { position:absolute; right:0; top:50%; margin-top:-7px; height:14px; width:1px; content:""; background-color:#fff; opacity:0.4; } #navbar-nav li a { display: block; color: #000; font-size: 1em; line-height: 37px; position: relative; text-decoration: none; font-weight:500; padding:0; } #navbar-nav li a:after { height: 2px; left:50%; width:0; background-color:#f96207; content:""; position:absolute; bottom:-2px; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } #navbar-nav li a:hover:after, #navbar-nav li:hover > a:after { left:0; width:100%; } #navbar-nav li.active > a, #navbar-nav li a:hover, #navbar-nav > li:hover > a { color:#f96207; } /********* Sub-menu *********/ #navbar-nav ul { z-index: 4; position: absolute; width: 260px; background-color: #f96207; top: 39px; left: 14px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); margin:0; padding:0; -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; display:none; } #navbar-nav ul:before { bottom: 100%; left: 57px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; border-color: rgba(249, 98, 7, 0); border-bottom-color: #f96207; border-width: 10px; margin-left: -10px; } #navbar-nav li.MenuLi8 ul, #navbar-nav li.MenuLi9 ul { left:auto; right:10px; } #navbar-nav li.MenuLi8 ul:before, #navbar-nav li.MenuLi8 ul:before { left:auto; right:17px; } #navbar-nav li:hover > ul { margin: 0; display:block; } #navbar-nav ul ul { top: 0; left: 100%; padding:0 } #navbar-nav ul li { display: block; padding: 0; } #navbar-nav ul li a { display: block; padding: 10px 15px 10px 30px; text-transform: none; line-height: 25px; border-bottom: 1px solid #ff9351; color: #fff; position: relative; } #navbar-nav ul li a:before { font-family: 'FontAwesome'; position: absolute; left: 15px; top:10px; content: "\f105"; display: block; font-size: 20px; } #navbar-nav ul li a:after { display:none; } #navbar-nav ul li:last-child a { border-bottom-width:0; } #navbar-nav ul li a:hover { background-color : #ff9351; color:#fff; } /********* Mobile Nav *********/ .mobileNav { display:none; position:fixed; left:0; top:0; width:100%; height:100%; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); background:#414d71; overflow:auto; z-index:12; } .activeMobNav .mobileNav { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mobileNav #navMob { display:block !important; margin-top:60px; position:static; } .mobileNav { -webkit-transition: -webkit-transform 0.5s; transition:transform 0.5s; } #wrapper { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .activeMobNav #wrapper { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .mobileNav .menuClose { position:absolute; right:10px; top:10px; width:50px; height:50px; background:url(../../Portal/images/menu-close-icon.png) no-repeat center center; cursor:pointer; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .activeMobNav .mobileNav .menuClose { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .mobileNav .navigationText { position:absolute; left:40px; top:13px; color:#681c1c; font-size:16px; font-weight:700; text-transform:uppercase; display:none; } .mobileNav .logoText { z-index:-1; width:100%; position:absolute; bottom:0; margin-bottom:15px; height:74px; } .mobileNav .logoText .logoIcon { background-position: 0 -225px; margin:0 auto; height:74px; width:234px; display:block; } .navbar-toggler { display: none; position: absolute; right: 15px; top: 50%; margin-top: -17px; padding: 0; border: 0; border-radius: 0; } #navMob { display:none; position:absolute; left:0; right:0; padding:0; } .toggleMenu, #navMob .menuIcon { display:block; } .toggleMenu { width: 45px; height: 35px; padding: 7px 8px; background-color:#414d71; } .toggleMenu .mobileMenu { display: none; } .toggleMenu .iconBar { text-indent: -9999px; display: block; height:3px; width:100%; background-color:#272c4c; } .toggleMenu .iconBar:nth-child(2) { margin: 6px 0; } .toggleMenu .menuTitle { display:none; } .toggleMenu:hover { text-decoration:none; } #navMob li { float:none; display:block; border:none; } #navMob li a { border-bottom:1px solid #566799; transition:all 0s ease 0ms; -webkit-transition:all 0s ease 0ms; text-decoration:none; } #navMob li.parent { position:relative; } #navMob li .menuIcon, #navMob li li .menuIcon { width:60px; height:74px; background-color:transparent; position:absolute; right:0; top:0; bottom:0; cursor:pointer; color: #fff; font-size: 30px; text-align: center; line-height: 77px; font-style: normal; } #navMob li .menuIcon:before, #navMob li li .menuIcon:before { transition: all 0s ease 0ms; -webkit-transition: all 0s ease 0ms; display: block; } #navMob > li > .menuIcon.active:before { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } #navMob li li .menuIcon, #navMob li li .menuIcon.active { z-index:2; background-color:transparent; height: 45px; line-height: 45px; } #navMob li li li .menuIcon { z-index:2; display:none; } #navMob li li .menuIcon.active { background-color: transparent; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } #navMob li > a:hover, #navMob li.hover > a, #navMob li ul li a:hover, #navMob li ul li > a.selected, #navMob ul a:hover, .noJS #navMob ul a:focus, #navMob ul a.selected, #navMob > li > a:hover, #navMob > li.hover > a, #navMob > li.focus > a { background-color:#434343; color: #fff; } #navMob ul { width:100%; display:none; position:static; transition:none; -webkit-transition:none; } .hasJS #navMob ul { opacity:1; } #navMob > li:hover > ul { display:none; } #navMob ul, #navMob *:hover ul ul, #navMob .hover ul ul, #navMob .focus ul ul { margin-left:0; } #navMob li a { padding-left:15px; padding-right:15px; display:block; line-height:40px; color:#fff; } #navMob li ul li a { padding:10px 55px 10px 20px; display:block; line-height:21px; color:#fff; border:none; font-size:18px; position:relative; } #navMob li ul li a:before { position: absolute; left:0; top:10px; content:"\f105"; font-family:'FontAwesome'; } #navMob > li.MenuLi1 > ul > li > a, .headerScroll #navMob > li.MenuLi1 > ul > li > a, .headerScroll #navMob > li > ul > li > a { padding:8px 60px 8px 20px; font-size:16px; line-height:21px; } #navMob li ul li ul li a { padding-left:38px; } #navMob li ul li ul li ul li a { padding-left:60px; background-position:45px center } #navMob > li > a:hover, #navMob > li.hover > a, #navMob > li.focus > a, #navMob > .highlight > a { background-color:#414d71; color: #fff; } #navMob li ul li a:hover, #navMob li ul li > a.selected, #navMob ul a:hover, .noJS #navMob ul a:focus, #navMob ul a.selected, #navMob ul > .highlight > a, #navMob > li.MenuLi1 > ul > li:hover > a, #navMob > li > ul > li > a:hover, #navMob > li > ul > li.current > a:hover, #navMob > li > ul > li:hover > a { background-color:#1e2239; color: #fff; } #navMob .linkIcon, #navMob .linkIconHover, #navMob > li.MenuLi1 > ul > li > a:before { display:none !important; } #navMob .menuFirstNode { display:block; } #navMob li.current ul { display:none; } #navMob li li ul { position:static; width:100%; background:none; visibility:visible; border:0; box-shadow:0 0 0 #000; opacity:1; padding:0; transition:all 0s ease 0s; } #navMob li.megaMenu ul { padding:0; } #navMob li.megaMenu ul li { border:0; float:none; height:auto; line-height:inherit; width:100%; padding:0; } #navMob li > a { font-size:32px; font-weight:300; padding:17px 60px 17px 0; margin-left:40px; } #navMob li ul { background:#313a55; box-shadow:-7px 0 7px rgba(0, 0, 0, 0.2) inset; position:relative; padding:15px 0; margin:0; } #navMob li ul:after { height:100%; width:60px; position:absolute; right:0; top:0; content:""; background-color:#522272; z-index:1; display:none; } #navMob li ul li ul li a::before { left: 19px; } /********* Buttons *********/ input[type="button"], input[type="reset"], button, .button, .btn { display: inline-block; text-decoration:none; margin:0; padding: 11px 23px; line-height: 22px; border:0; color:#2B304E; font-size:16px; font-weight:500; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; cursor:pointer; font-family: 'Poppins', sans-serif; position:relative; background-color:#FFD900; border:1px solid #FFD900; border-radius:5px; } input[type="button"]:hover, input[type="reset"]:hover, button:hover, .button:hover, .btn:hover, input[type="button"]:focus, input[type="reset"]:focus, button:focus, .button:focus, .btn:focus { background-color:#2B304E; border-color: #2B304E; color:#fff; } input[type="button"]:focus, input[type="reset"]:focus, button:focus, .button:focus, .btn:focus { outline: 0 none; } .button.resetBtn { background:#6f6f6f; } .button.resetBtn:hover { background:#393939; } .button .fa { margin-left:5px; font-size:20px; } input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea, input[type=date], .form-control, select.form-control:not([size]):not([multiple]) { border:0; width:100%; color:#454545; height:44px; padding:0 10px; font-size:16px; line-height:normal; font-family: 'Poppins', sans-serif; background-color:#fff; border:1px solid #dedede; border-radius:0; background: transparent; position: relative; z-index: 1; } input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus, input[type=date]:focus, .form-control:focus { outline: 0 none; } input[type=file] { padding-top: 7px; } .selectWrap { position: relative; } .selectWrap .customSelect { cursor: pointer; color: #252525; height: 44px; border-radius:0; font-size: 16px; } ::-webkit-input-placeholder { opacity:1; } ::-moz-placeholder { opacity:1; } :-ms-input-placeholder { opacity:1; } :-moz-placeholder { opacity:1; } .custom-select { border-radius: 0; height: auto; padding: 0; cursor: pointer; border: 0; display: block; background: none; position:relative; } .custom-select select.form-control, .custom-select select.form-control:not([size]):not([multiple]) { padding-right: 35px; } .custom-select:before { position: absolute; right: 10px; top: 6px; content: "\f107"; font-family: 'FontAwesome'; font-size: 21px; color: #8d2c2b; } select { -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor:pointer; } select::-ms-expand { display: none; } .form-group-select .form-control { background-image:url(../../images/select-arrow-common.jpg); background-repeat:no-repeat; background-position: right center; padding-right:50px; } textarea, textarea.form-control { padding-top:10px; padding-bottom: 10px; } /********* Responsive Tab *********/ .resTab { position: relative; } .resTab .tabNav { margin:0 0 20px 0; padding:0; list-style:none; border: 1px solid #e6e6e6; } .resTab .tabNav li { display: inline-block; margin:0; position: relative; } .resTab .tabNav li:not(:last-child):before { position: absolute; right:0; top:10px; bottom:10px; width:1px; content:""; background-color:#ccc; } .resTab .tabNav li a { display: inline-block; padding: 15px 20px; text-decoration: none; color: #6b6b6b; font-weight:600; font-size:18px; position: relative; } .resTab .tabNav .r-tabs-state-active a { color: #fff; text-shadow: none; background-color: #b08b29; } .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 15px 10px 0; background-color: #fff; color: #8d2c2b; font-weight: 700; text-decoration: none; border-bottom: 1px solid #ccc; position:relative; } .resTab .r-tabs-accordion-title:last-child .r-tabs-anchor { border-bottom-width: 0; } .resTab .r-tabs-accordion-title .r-tabs-anchor:before { position: absolute; right: 0; top: 6px; content: "\f107"; font-family: 'FontAwesome'; font-size: 21px; color: #8d2c2b; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #8d2c2b; color: #fff; text-shadow: none; padding:10px 15px 10px 10px; } .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:before { color: #fff; right:10px; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } .resTab .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; } .noJS .resTab .tabContainer { height:150px; overflow:hidden } .resTab .tabContent { padding: 15px 0; display: none; } .noJS .resTab .tabContent { display:block; height:150px; } /********* Accordion *********/ .accordion { margin-bottom: 20px; } .accordion .accTrigger { cursor: pointer; font-weight: 500; font-size:1.125em; background-color: #fff; color: #272c4c; padding: 15px 50px 15px 15px; margin-bottom: 0; box-shadow: none; position: relative; border-bottom: 1px solid #e5e5e5; } .accordion .accTrigger::before { font-family: 'FontAwesome'; content: "\f107"; position: absolute; right: 0; top: 7px; text-indent: 0; color: #272c4c; background-color: transparent; font-size: 25px; width: 46px; height: 100%; text-align: center; font-weight: 400; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .noJS .accordion .accTrigger { background: none; padding-left: 0 } .accordion .accTrigger a { display: block; text-decoration: none; outline: 0; color: #fff; } .accordion .accTrigger.active { background-color: #272c4c; color: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); border-radius: 0px; } .accordion .accTrigger.active:before { color: #fff; content: "\f106"; transform: rotate(0deg); -webkit-transform: rotate(0deg); } .accordDetail { padding: 15px; border-bottom: 1px solid #e5e5e5; background: #fff; } .noJS .accordDetail { display: block; padding: 12px } .accordDetail ul.bulletText { margin: 0; } .accordDetail ul.bulletText li:last-child { margin: 0; } .accordDetail P:last-child { margin: 0; } /********* Table *********/ .tableOut { overflow-y:hidden; overflow-x:auto } table, .tableData { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells:show; border:none; border: 1px solid #ccc; border-bottom:0; border-right:0; font-size:0.938em; } table table, .tableData table { margin:0 } th, td, .tableData th, .tableData td { border:none; padding:8px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color:#fff; } caption, th, td { font-weight: normal; background:#fff } th, .tableData th { background:#272c4c; color:#fff; font-weight:700; } .tableScroll { overflow-y:hidden; overflow-x:auto } table.fcCenter th:first-child, .tableData.fcCenter th:first-child, table.fcCenter td:first-child, .tableData.fcCenter td:first-child { text-align: center; } table.lcRight th:last-child, .tableData.lcRight th:last-child, table.lcRight td:last-child, .tableData.lcRight td:last-child { text-align: center; } /***********aos***********/ [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration:50ms } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay:50ms } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration:.1s } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay:.1s } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration:.15s } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay:.15s } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration:.2s } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay:.2s } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration:.25s } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay:.25s } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration:.3s } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay:.3s } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration:.35s } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay:.35s } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration:.4s } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay:.4s } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration:.45s } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay:.45s } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration:.5s } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay:.5s } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration:.55s } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay:.55s } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration:.6s } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay:.6s } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration:.65s } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay:.65s } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration:.7s } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay:.7s } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration:.75s } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay:.75s } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration:.8s } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay:.8s } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration:.85s } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay:.85s } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration:.9s } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay:.9s } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration:.95s } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay:.95s } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration:1s } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay:1s } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration:1.05s } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay:1.05s } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration:1.1s } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay:1.1s } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration:1.15s } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay:1.15s } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration:1.2s } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay:1.2s } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration:1.25s } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay:1.25s } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration:1.3s } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay:1.3s } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration:1.35s } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay:1.35s } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration:1.4s } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay:1.4s } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration:1.45s } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay:1.45s } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration:1.5s } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay:1.5s } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration:1.55s } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay:1.55s } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration:1.6s } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay:1.6s } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration:1.65s } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay:1.65s } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration:1.7s } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay:1.7s } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration:1.75s } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay:1.75s } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration:1.8s } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay:1.8s } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration:1.85s } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay:1.85s } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration:1.9s } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay:1.9s } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration:1.95s } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay:1.95s } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration:2s } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay:2s } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration:2.05s } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay:2.05s } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration:2.1s } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay:2.1s } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration:2.15s } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay:2.15s } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration:2.2s } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay:2.2s } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration:2.25s } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay:2.25s } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration:2.3s } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay:2.3s } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration:2.35s } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay:2.35s } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration:2.4s } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay:2.4s } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration:2.45s } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay:2.45s } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration:2.5s } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay:2.5s } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration:2.55s } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay:2.55s } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration:2.6s } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay:2.6s } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration:2.65s } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay:2.65s } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration:2.7s } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay:2.7s } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration:2.75s } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay:2.75s } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration:2.8s } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay:2.8s } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration:2.85s } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay:2.85s } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration:2.9s } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay:2.9s } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration:2.95s } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay:2.95s } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration:3s } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay:0s } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay:3s } [data-aos] { pointer-events:none } [data-aos].aos-animate { pointer-events:auto } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { transition-timing-function:cubic-bezier(.25, .25, .75, .75) } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function:ease } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { transition-timing-function:ease-in } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { transition-timing-function:ease-out } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function:ease-in-out } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function:cubic-bezier(.6, -.28, .735, .045) } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function:cubic-bezier(.175, .885, .32, 1.275) } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function:cubic-bezier(.68, -.55, .265, 1.55) } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function:cubic-bezier(.47, 0, .745, .715) } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function:cubic-bezier(.39, .575, .565, 1) } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function:cubic-bezier(.445, .05, .55, .95) } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function:cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function:cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function:cubic-bezier(.455, .03, .515, .955) } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function:cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function:cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function:cubic-bezier(.455, .03, .515, .955) } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function:cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function:cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function:cubic-bezier(.455, .03, .515, .955) } @media screen { html:not(.no-js) [data-aos^=fade][data-aos^=fade] { opacity:0; transition-property:opacity, -webkit-transform; transition-property:opacity, transform; transition-property:opacity, transform, -webkit-transform } html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate { opacity:1; -webkit-transform:none; transform:none } html:not(.no-js) [data-aos=fade-up] { -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0) } html:not(.no-js) [data-aos=fade-down] { -webkit-transform:translate3d(0, -100px, 0); transform:translate3d(0, -100px, 0) } html:not(.no-js) [data-aos=fade-right] { -webkit-transform:translate3d(-100px, 0, 0); transform:translate3d(-100px, 0, 0) } html:not(.no-js) [data-aos=fade-left] { -webkit-transform:translate3d(100px, 0, 0); transform:translate3d(100px, 0, 0) } html:not(.no-js) [data-aos=fade-up-right] { -webkit-transform:translate3d(-100px, 100px, 0); transform:translate3d(-100px, 100px, 0) } html:not(.no-js) [data-aos=fade-up-left] { -webkit-transform:translate3d(100px, 100px, 0); transform:translate3d(100px, 100px, 0) } html:not(.no-js) [data-aos=fade-down-right] { -webkit-transform:translate3d(-100px, -100px, 0); transform:translate3d(-100px, -100px, 0) } html:not(.no-js) [data-aos=fade-down-left] { -webkit-transform:translate3d(100px, -100px, 0); transform:translate3d(100px, -100px, 0) } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] { opacity:0; transition-property:opacity, -webkit-transform; transition-property:opacity, transform; transition-property:opacity, transform, -webkit-transform } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity:1; -webkit-transform:translateZ(0) scale(1); transform:translateZ(0) scale(1) } html:not(.no-js) [data-aos=zoom-in] { -webkit-transform:scale(.6); transform:scale(.6) } html:not(.no-js) [data-aos=zoom-in-up] { -webkit-transform:translate3d(0, 100px, 0) scale(.6); transform:translate3d(0, 100px, 0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-down] { -webkit-transform:translate3d(0, -100px, 0) scale(.6); transform:translate3d(0, -100px, 0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-right] { -webkit-transform:translate3d(-100px, 0, 0) scale(.6); transform:translate3d(-100px, 0, 0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-left] { -webkit-transform:translate3d(100px, 0, 0) scale(.6); transform:translate3d(100px, 0, 0) scale(.6) } html:not(.no-js) [data-aos=zoom-out] { -webkit-transform:scale(1.2); transform:scale(1.2) } html:not(.no-js) [data-aos=zoom-out-up] { -webkit-transform:translate3d(0, 100px, 0) scale(1.2); transform:translate3d(0, 100px, 0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-down] { -webkit-transform:translate3d(0, -100px, 0) scale(1.2); transform:translate3d(0, -100px, 0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-right] { -webkit-transform:translate3d(-100px, 0, 0) scale(1.2); transform:translate3d(-100px, 0, 0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-left] { -webkit-transform:translate3d(100px, 0, 0) scale(1.2); transform:translate3d(100px, 0, 0) scale(1.2) } html:not(.no-js) [data-aos^=slide][data-aos^=slide] { transition-property:-webkit-transform; transition-property:transform; transition-property:transform, -webkit-transform; visibility:hidden } html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate { visibility:visible; -webkit-transform:translateZ(0); transform:translateZ(0) } html:not(.no-js) [data-aos=slide-up] { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } html:not(.no-js) [data-aos=slide-down] { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } html:not(.no-js) [data-aos=slide-right] { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } html:not(.no-js) [data-aos=slide-left] { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } html:not(.no-js) [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility:hidden; backface-visibility:hidden; transition-property:-webkit-transform; transition-property:transform; transition-property:transform, -webkit-transform } html:not(.no-js) [data-aos=flip-left] { -webkit-transform:perspective(2500px) rotateY(-100deg); transform:perspective(2500px) rotateY(-100deg) } html:not(.no-js) [data-aos=flip-left].aos-animate { -webkit-transform:perspective(2500px) rotateY(0); transform:perspective(2500px) rotateY(0) } html:not(.no-js) [data-aos=flip-right] { -webkit-transform:perspective(2500px) rotateY(100deg); transform:perspective(2500px) rotateY(100deg) } html:not(.no-js) [data-aos=flip-right].aos-animate { -webkit-transform:perspective(2500px) rotateY(0); transform:perspective(2500px) rotateY(0) } html:not(.no-js) [data-aos=flip-up] { -webkit-transform:perspective(2500px) rotateX(-100deg); transform:perspective(2500px) rotateX(-100deg) } html:not(.no-js) [data-aos=flip-up].aos-animate { -webkit-transform:perspective(2500px) rotateX(0); transform:perspective(2500px) rotateX(0) } html:not(.no-js) [data-aos=flip-down] { -webkit-transform:perspective(2500px) rotateX(100deg); transform:perspective(2500px) rotateX(100deg) } html:not(.no-js) [data-aos=flip-down].aos-animate { -webkit-transform:perspective(2500px) rotateX(0); transform:perspective(2500px) rotateX(0) } } /********* Checkboxes & Radios *********/ .radioList .custom-radio { display: inline-block; vertical-align: middle; margin-right:15px; } .custom-radio .custom-control-input, .custom-radio label, .custom-checkbox .custom-control-input, .custom-checkbox label { cursor: pointer; } .custom-control-label::before { background-color: #fff; border: 1px solid #b2b2b2; width:20px; height: 20px; top:2px; } .custom-radio .custom-control-input:checked ~ .custom-control-label:before { background-color: #8d2c2b; border-color: #8d2c2b; } .custom-control-label:after { width:20px; height: 20px; top:2px; } .custom-control-input:focus ~ .custom-control-label:before { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .custom-control { padding-left: 1.7rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before { background-color: #8d2c2b; } .custom-control-input:active ~ .custom-control-label:before { background-color: #fff; } /*************Header*************/ #header { position:fixed; left:0; top:0; width:100%; z-index:1025; padding:15px 0; transition: all 250ms ease 0s; -webkit-transition: all 250ms ease 0s; } #navbar-brand { transition: all 250ms ease 0s; -webkit-transition: all 250ms ease 0s; position: relative; } #header.headerFixed { background-color:#fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } #header.headerFixed #navbar-brand { top:0; } #accessControl input { float:left; height:30px; background:none; border:none; padding:0; width:22px; color:#000; font-size:0.813em; line-height: 18px; cursor:pointer; border-radius:0; box-shadow: none; font-weight:400; } #accessControl .contrastChanger { width:10px; height:10px; overflow:hidden; text-indent:-9999px; text-transform:capitalize; border-radius:50%; margin-left:8px; margin-top:10px; border:1px solid #000; } #accessControl .contrastChanger.normal { background:#fff; margin-left:15px; } #accessControl .contrastChanger.wob { background:#292929; } .language { position: relative; } .language .customSelect { height: 30px; background:none; color:#000; font-size:0.813em; font-weight:400; border:0; padding: 2px 5px; width:90px; line-height:25px; } .language .customSelect option { color:#000; } .language .customSelect:focus, .footerRow .customSelect:focus { outline:1px dotted; } .language:before { position: absolute; right: 10px; top: 2px; content: "\f107"; font-family: 'FontAwesome'; font-size: 17px; color:#000; } .search { position: relative; /*display:none !important;*/ } .search a { width:30px; height: 30px; display: block; color:#414d71; outline: none; text-align:center; position:relative; font-size:18px; line-height: 30px; margin-top:6px; } .search a:hover, .search a.active { color:#414d71; } .search .form-wrapper { background-color: #fff; display: none; padding: 10px; position: absolute; right: 0; top:44px; width: 300px; z-index: 2; /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);*/ border-top:4px solid #414d71; } .search .form-wrapper:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent #414d71; border-image: none; border-style: solid; border-width: 10px; content: " "; right:5px; position: absolute; top: -23px; } .search .form-wrapper .form-item { position:relative; } .search .form-wrapper .form-item .form-text { background-color:#414d71; height:45px; border:0; color:#fff; border-radius:0; width:100%; margin:0; padding-right:45px; } .search .form-wrapper .form-item .form-text::-webkit-input-placeholder { color:#fff; } .search .form-wrapper .form-item .form-text::-moz-placeholder { color:#fff; } .search .form-wrapper .form-item .form-text:-ms-input-placeholder { color:#fff; } .search .form-wrapper .form-item .form-text:-moz-placeholder { color:#fff; } .search .ui-helper-hidden-accessible { display:none !important; } .totalResult { font-size:17px; margin-bottom:20px; } .footer { background:#272C4C; padding:25px 0; } ul.footer-privacy-link { margin-bottom: 10px; } ul.footer-privacy-link li { display:inline-block; font-size:0.813em; } ul.footer-privacy-link li span { color: #fff; padding: 0 5px; } ul.footer-privacy-link li a { color: #fff; text-decoration:none; } ul.footer-privacy-link li a:hover { color: #f96207; } .copyright p { color: #fff; font-size:0.813em; margin-bottom:0; } .footer-social { text-align: center; font-size: 2rem; color: #fff; } .footer-social a { color:#fff; padding:0 10px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .mb-10 { margin-bottom:10px!important; } .footer-social a:hover { color: #f96207; } /* footer logo slider */ .footer-logos { padding: 25px 0; } /*********************Home page Start Old*********************/ .homeBanner { background-color:#fcfcff; min-height:300px; position:relative; margin-top:99px; } .homeBanner h1 { text-align:center; font-size:56px; color:#fff; font-weight:700; margin-bottom:40px; } .homeSlider { margin-bottom: 15px; } .homeSlider .swiper-slide { padding-bottom:25px; } .homeBanner .bannerTagline { font-size:24px; color:#fff; font-weight:400; margin-bottom:0; text-align:center; } /********* Latest News *********/ .homeNotification { position: relative; z-index: 1; background-color:#dde1eb; } #main.homeNotification { min-height: 1px; padding: 0; } .ScrollingWrap { position: relative; padding: 13px 40px 13px 120px; } .ScrollingWrap h2 { font-size: 18px; color: #46495f; font-weight: 600; position: absolute; left: 0; top: 15px; margin: 0; } .ScrollingWrap .btnMPause { width: 23px; height: 23px; display: block; text-indent: -9999px; position: absolute; right: 0; top: 12px; overflow: hidden; cursor: pointer; } .ScrollingWrap .btnMPause:before { font-family:'FontAwesome'; content:"\f04c"; position:absolute; left:1px; top:3px; text-indent: 0; color:#f96207; font-size:14px; width:100%; height: 100%; text-align: center; font-weight:400; line-height:22px; } .ScrollingWrap .btnMPause.play:before { content:"\f04b"; } .Scrolling { padding:0 15px; border-left: 1px solid #aaaaaa; } .Scrolling ul { margin: 3px 0 0 0; padding: 0; list-style: none; overflow:hidden; height: 24px; } .Scrolling ul li { float:left; margin:0; padding: 0 0 0 20px; margin-right:50px; font-size: 16px; color: #020202; position:relative; font-weight:400; } .Scrolling ul li .fa { font-size: 14px; } .Scrolling ul li:before { position: absolute; left:0; top:50%; margin-top:-4px; width:8px; height: 8px; content:""; background-color:#f96207; border-radius:50%; } .Scrolling ul li a { color: #020202; text-decoration: none; } .Scrolling ul li a:hover { color:#f96207; } .Scrolling ul li a.newLink { color:#f96207; font-weight: 600; } .Scrolling ul li a.newLink:hover { color:#020202; } .Scrolling ul li a img { display: inline-block; vertical-align: middle; } .notification5 h2 { color: #000; } section#main.notification5 { background: #e1765b; } .notification5 .Scrolling ul li a { color:#fff; } .notification5 .Scrolling { border-color:#fff; } .notification5 .Scrolling ul li:before { background:#fff; } .notification5 .ScrollingWrap .btnMPause:before { color: #000; } .aboutAkam { padding-top: 50px; } .aboutAkam h2 { font-size:1.750em; color:#000; margin-bottom:30px; font-weight:300; position:relative; padding-top: 20px; line-height: 1.5; } .aboutAkam h2:before { position: absolute; left: 0; top: -28px; content: ""; background: url(../../images/auote-bg.png) no-repeat 0 0; background-size: auto; width: 60px; height: 40px; background-size: 100%; } .aboutAkam p { line-height:1.2; font-size:30px; font-weight:600; color:#f96207; margin-bottom:40px; } .orange-btn { background-color:#FFD900; border-radius:7px; border:1px solid #FFD900; color:#2B304E; font-size:16px; font-weight:500; text-decoration:none; display:inline-block; padding:12px 25px; } .orange-btn .fa { font-size: 20px; margin-left: 12px; position: relative; top: 1px; font-weight: 700; } .orange-btn:hover, .orange-btn:focus { background-color:#2B304E; border-color: #2B304E; color:#fff; } .orange-btn .arrowIcon { background:url(../../images/btn-arrow.png) no-repeat 0 0; width:17px; height:14px; display: inline-block; vertical-align: middle; margin-left:18px; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .orange-btn:hover .arrowIcon, .orange-btn:focus .arrowIcon { background-position:-18px 0; } .homeEvent { background-color:#3d4864; padding: 25px 0; position:relative; overflow:hidden; } .homeEvent:before { position: absolute; left:-250px; top:-250px; width:591px; height: 591px; content:""; background:url(../../images/event-bg-circle.png) no-repeat 0 0; -webkit-animation:spin 25s infinite linear; animation:spin 25s infinite linear } .homeEvent.bg2:before { position: absolute; left:-250px; top:-250px; width:591px; height: 591px; content:""; background:url(../../images/event-bg-circle1.png) no-repeat 0 0; -webkit-animation:spin 25s infinite linear; animation:spin 25s infinite linear; opacity: 0.3; } .homeEvent .container { position: relative; z-index: 1; } .homeEvent h2 { text-align:center; font-size:1.500em; color:#fff; font-weight:700; margin-bottom:10px; } .homeEvent .tagline { text-align:center; font-size:1.063em; color:#fff; font-weight:400; margin-bottom:40px; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .homeEventSlider .swiper-slide { width:350px; } .homeEvent .titleHeader { padding: 0 12px; margin-bottom:20px; margin-top:30px; } .homeEvent h3 { font-size:16px; color:#fff; font-weight:400; margin-bottom:0; /*text-indent:-9999px; */ } .homeEvent h3 img { position: relative; top: -2px; margin-right: 10px; } .homeEvent h3 a { color:#fff; } .homeEvent h3 a:hover { color:#f96207; } .homeEventItem { padding: 12px; display:block; text-decoration:none; } .homeEventItem .imgHolder { overflow:hidden; border:3px solid #ffffff; border-radius:10px; box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3); display:block; height:250px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .homeEventItem .imgHolder img { width:100%; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; visibility:hidden; opacity:0; } .homeEventItem:hover .imgHolder img { transform: scale(1.1); -webkit-transform: scale(1.1); opacity:1; } .homeEventItem .eventCard { display:block; margin-top:30px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .homeEventItem:hover .eventCard { margin-top:15px; } .homeEventItem .homeEventDate { font-size:1em; color:#fff; font-weight:300; display:block; margin-bottom:5px; } .homeEventItem .homeEventTitle { font-size:1.063em; color:#fff; font-weight:400; display:block; margin-bottom:5px; line-height:1.2; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .homeEventItem:hover .homeEventTitle { color:#f96207; } .homeEventItem .homeEventCat { font-size:0.938em; color:#b8bede; font-weight:500; display:block; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .bg2 .homeEventItem .homeEventCat { color:#ffaa95; } .homeEventItem:hover .homeEventCat { color:#fff; } .sliderArrowNext, .sliderArrowPrev { width:48px; height: 48px; border-radius:50%; box-shadow: 0 5px 21px rgba(0, 0, 0, 0.39); transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; position:absolute; top:50%; margin-top:-10px; background-color:#f26522; /*background-image:url(../../images/slider-arrow.png); background-repeat:no-repeat;*/ z-index:1; cursor:pointer; } .sliderArrowNext { right:0; /*background-position: -46px 0;*/ } .sliderArrowPrev { left:0; /*background-position: 0 0;*/ } .sliderArrowNext:before, .sliderArrowPrev:before { font: normal normal normal 14px/1 FontAwesome; width:100%; height:100%; text-align:center; line-height:45px; color:#fff; position:absolute; left:0; top:0; font-size: 30px; } .sliderArrowNext:before { content: "\f105"; } .sliderArrowPrev:before { content: "\f104"; } .sliderArrowNext:hover, .sliderArrowPrev:hover { background-color:#b7ddff; } .eventRightNav { margin: 0; padding: 0; list-style: none; text-align:center; width:100%; } .eventRightNav li { display: inline-block; vertical-align: top; margin:0 20px; position:relative; padding-left:15px; /*width:150px; */ } .eventRightNav li:before { position: absolute; left:0; top:50%; margin-top:-3px; width:8px; height: 8px; content:""; background-color:#b7ddff; border-radius:50%; } /*.eventRightNav li:nth-child(2):before{background-color:#f26522;} .eventRightNav li:nth-child(3):before{background-color:#52de65;} .eventRightNav li:nth-child(4):before{background-color:#b8bede;}*/ .eventRightNav li a { display:block; font-size:1em; color:#fff; text-decoration:none; } .eventRightNav li a:hover { color:#b7ddff; } .eventRightNav li .count { width:90px; height: 90px; border-radius:50%; color:#fff; display:block; font-size:32px; font-weight: 400; padding: 20px 0; margin: 0 auto 10px auto; border:1px solid #fff; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .eventRightNav li a:hover .count { background-color:#b7ddff; color:#3d4864; border-color:#b7ddff; } .totalRecordsWidget { font-size:18px; } .totalRecordsWidget span:last-child { font-weight:700; } /*.eventRightNav li:nth-child(2) a:hover{color:#f26522;} .eventRightNav li:nth-child(3) a:hover{color:#52de65;} .eventRightNav li:nth-child(4) a:hover{color:#b8bede;}*/ .homeVideo { padding:40px 0; position: relative; } .homeVideo:before { width:100%; height: 300px; position: absolute; left:0; top:0; content:""; background: rgba(255, 255, 255, 1); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(243, 243, 243, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0 ); } .homeVideo .container { position: relative; z-index: 1; } .homeVideoBox { box-shadow: 0 31px 43px rgba(0, 0, 0, 0.11); padding:14px; background-color:#fff; border-radius:10px; margin-bottom:40px; } .homeVideoBox { width: 100%; height:550px; display:block; } .homeVideo .videoTagline { font-size:1.063em; color:#000; font-weight:400; margin-bottom:0; text-align:center; } /* blog section design */ section.nw_ev_sec { background: rgba(242, 242, 242, 1); background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0 ); padding: 30px 0; } .nv_title { display: block; clear: both; position: relative; width: 100%; overflow: hidden; margin-top: -10px; } .evs { background: #fff; padding: 0px; border-radius: 10px; overflow:hidden; position: relative; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .homeBlogWrap .evs { height:192px; } .blog-img { width:270px; float:left; overflow:hidden; } .blog-img img { width:100% !important; height:auto !important; } .blog-data { width: calc(100% - 280px); float:right; padding: 20px; } .nv_title h2 { line-height:41px; color:#000; width: auto; float: left; font-size:1.750em; font-weight:700; } .nv_title a { float: right; margin: 6px 20px 12px 0px; color: #f96207; text-decoration:none; } .nv_title a:hover { color:#000; } .mt-30 { margin-top:30px; } .nw_ev_sec .owl-dots { display:none!important; } .nw_ev_sec .owl-nav { position: absolute; top: -60px; text-align: right; width: 76px; right: 0; } .nw_ev_sec .owl-nav div { margin: 0!important; background-position: 0 0!important; background: url(../../images/blog_a.png)!important; font-size: 0px!important; width: 36px; height: 36px; border-radius: 0!important; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; float:left; } .nw_ev_sec .owl-nav div.owl-next { background-position: 36px 0px!important; float:right; } .nw_ev_sec .owl-nav div.owl-prev:hover { background-position:0px 37px!important; } .nw_ev_sec .owl-nav div.owl-next:hover { background-position:36px 37px!important; } span.blogdaate { font-size: 0.875em; color: #f96207; font-weight: 600; display: block; margin-bottom: 10px; } .blog-data h5 { color: #272c4c; font-weight: 500; margin-bottom: 5px; font-size:1.063em; } .blog-data h5 a { color: #272c4c; } .blog-data h5 a:hover { color:#f96207; } .blog-data p { color: #000; font-weight: 400; margin-bottom: 10px; font-size:0.938em; } .blog-data a { color: #f96207; font-size:1em; text-decoration:none; } .blog-data a:hover { color: #000; } #owl-carousel-blog .owl-stage-outer { margin-top:-11px; } #owl-carousel-blog .owl-item { padding:10px 10px 10px 0; } #owl-carousel-logos .item { text-align:center; } #owl-carousel-logos .item img { width:auto; display: inline-block; } /* social feeds */ .p15 { padding:15px; } .ovr-visible { overflow:visible!important; } .socialfeeds { padding-bottom:18px; } .socialfeeds nav { position:absolute; right:0; top: -65px; } .socialfeeds div#nav-tab { border: none; } .socialfeeds nav a.nav-item { background:none!important; border: none; outline:none; color: #bfbfbf; padding: 0 5px; font-size:2rem; } .socialfeeds nav a.nav-item.active { color:#1da1f2; } .socialfeeds nav a.nav-item.active i.fa-facebook-square { color:#3a5897; } .ibContentBox #twitter-widget-0 { max-height: 370px; } .azadiTheme { /*background:url(../../images/home-banner-bg.jpg) no-repeat top center; background-size:cover;*/ padding:40px 0; } .azadiTheme h2, .azadiObjectives h2 { text-align:center; text-align: center; font-size:28px; color: #000; font-weight: 700; } .azadiTheme .azadiThemeList { margin: 30px -3px 25px -3px; } .azadiTheme .azadiThemeList li:nth-child(1), .azadiTheme .azadiThemeList li:nth-child(6) { top:0; } .azadiTheme .azadiThemeList li:nth-child(2), .azadiTheme .azadiThemeList li:nth-child(5) { top:0; } .azadiObjectives { padding:20px 0 0 0; } .azadiObjectives .tagline { text-align:center; font-size: 1.063em; color: #000; font-weight: 400; margin-bottom:50px; } .azadiObjectives .tagline span { color:#f96207; } .homeObjectiveSlider .swiper-wrapper { margin-bottom: 20px; } .homeObjectiveItem .imgHolder { border-radius: 10px; overflow:hidden; margin-bottom:15px; } .homeObjectiveItem h3 { font-weight:400; color:#000; font-size:1.063em; margin-bottom:15px; height:35px; } .homeObjectiveItem p { font-weight:400; color:#000; font-size:0.938em; margin-bottom:15px; text-align:left; } .homeObjectiveItem .readMore { color:#f96207; text-decoration:none; margin-bottom:15px; display:inline-block; } .homeObjectiveItem .readMore:hover { color:#000; } .objectiveSlider-swiper-pagination { text-align: center; } .bg2 { background:#592b20; } .sliderthem div#nav-tab { border: none; text-align: center; display: block; } .sliderthem div#nav-tab a.nav-item { display: inline-block; border: none; flex: inherit; text-decoration: none; } .sliderthem div#nav-tab a.nav-item h2 { padding:0 10px; } .sliderthem div#nav-tab a.nav-item.active h2 { color: #f96207!important; border-bottom: 2px solid; padding-bottom:10px; } .sliderthem div#nav-tab a.nav-item:focus { outline: 0 none; } .nav-link { padding: .5rem 2rem; } .azadiTheme .resTab .tabNav { text-align:center; border:0; margin:0; } .azadiTheme .resTab .tabNav li { display: inline-block; vertical-align:middle; padding:0 20px; } .azadiTheme .resTab .tabNav li a { font-size: 1.750em; color: #000; font-weight: 700; padding:0; background:none; position:relative; } .azadiTheme .resTab .tabNav li.r-tabs-state-active a:before { position:absolute; left:0; bottom:-7px; width:100%; content:""; height:2px; background-color:#f96207; } .azadiTheme .resTab .tabNav li a:after { display: none; } .azadiTheme .resTab .tabNav li.r-tabs-state-active a { color: #f96207; } .objectiveModal .modal-dialog { max-width:800px; } .objectiveModal .imgHolder { float:left; margin: 0 25px 25px 0; max-width:350px; } .objectiveModal .imgHolder img { width:100%; } .objectiveModal p { font-size:16px; } .objectiveModal .modal-header { background-color: #f96207; color:#fff; position:relative; padding-right:60px; } .objectiveModal .modal-header h5 { color:#fff; color: #fff; font-weight: 500; font-size: 19px; } .objectiveModal .modal-content { border:0; } .objectiveModal .modal-header .close { background: #e15500; color: #fff; padding:18px; text-shadow: 0 0 0 #fff; opacity: 1; position:absolute; right:0; top:0; margin:0; border-radius:0 5px 0 0; } /*********************NEW HOME PAGE START*********************/ .homeAboutAkam { position:relative; } .hologramBlock { position: absolute; left: 15px; top: -90px; width: 80px;/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);*/ z-index:1; -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; } .hologramBlock a { display:block; } #navbar-brand .hologramBlock { display:none; } @-webkit-keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } /*****Header*****/ .topStrip { display:block; background-color: #efefef; padding: 5px 0; overflow:hidden; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } #header.headerFixed { top:-36px; } .headerFixed .topStrip { visibility:hidden; opacity:0; } .headerFixed .headerRow { padding: 5px 0; } .headerFixed .search { display:block; } .govtName { font-size:11px; line-height:1.2; } .govtName p { margin-bottom:0; position:relative; } .govtName p span { text-transform:uppercase; display:block; } .govtName p:first-child { padding-right:10px; margin-right:10px; text-align:right; } .govtName p:first-child:before { position:absolute; right:0; top:-10px; bottom:-10px; width:1px; content:""; background-color: #c3c3c3; } .rightTopStrip { font-size: 15px; } .rightTopStrip a { color:#646464; text-decoration:none; } .rightTopStrip a:hover { text-decoration:underline; } #header { background-color:#fff; padding:0; } .headerRow { padding: 13px 0; position:relative; } /*.headerRow::before {position: absolute; left: 50%; top: 0; right: -50px; height: 100%; content: ""; background-color: #272c4c; -webkit-transform: skew(25deg); -moz-transform: skew(25deg); transform: skew(25deg); margin-left: -500px;}*/ #navbar-brand .mocLogo { margin-left:70px; } #navbar-nav li a { color:#fff; font-weight: 400; font-size: 17px; } #navbar-nav li.active > a, #navbar-nav li a:hover, #navbar-nav > li:hover > a { color: #ffd900; } #navbar-nav li a:after, #navbar-nav ul { background-color: #ffd900; } #navbar-nav ul { border-top: 2px solid #ffd900; } #navbar-nav ul:before { border-bottom-color: #ffd900; } #navbar-nav ul li a { color: #272c4c; border-bottom-color: #d3b400; } #navbar-nav ul li a:hover { background-color: #272c4c; color: #fff; } #navbar-nav > li.parent > a { padding-right:16px; } #navbar-nav > li.parent > a:before { font: normal normal normal 14px/1 FontAwesome; content: "\f107"; position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); margin-top:1px; opacity: 0.6; font-size: 16px; } .mobileNav { background: #272c4c; } #navMob > li > a:hover, #navMob > li.hover > a, #navMob > li.focus > a, #navMob > .highlight > a { background-color: #272c4c; } #navMob li ul { background: #1e2239; } .search .searchLink { display:none; } .search a { margin-top: 0; } .search a, .search a:hover, .search a.active { color: #ffd900; } .search .form-wrapper { background-color: #ffd900; border-top:0; } .search .form-wrapper:before { top:-19px; border-color: transparent transparent #ffd900; } .search .form-wrapper .form-item .form-text { background: none; border-radius: 50px; border:1px solid #7d7f89; padding-left: 20px; font-size:15px; font-weight:400; height: 38px; color: #272c4c; } .search .goBtn { background: none; border: 0; color: #fff; height: 38px; position:absolute; right:0; top:0; width: 45px; cursor:pointer; background:url(../../Portal/images/search-icon.svg) no-repeat center center; text-indent:-9999px; z-index:1; } .search .form-wrapper { display:block; position:static; padding:0; background:none; width:320px; } .search .form-wrapper:before { display: none; } .topSocial .footer-social { font-size: 1.1rem; border-left: 0; margin-left: 10px; } .topSocial .footer-social a { padding: 0 9px; overflow: hidden; color:#272C4C; border-right: 1px solid #d3d3d3; opacity:0.7; } .topSocial .footer-social a:hover { opacity:1; } .topSocial .footer-social a img { width: 14px; } .homeCommonPad { padding: 55px 0; } .homeTitle { color:#2b304e; font-size:36px; font-family: 'droid_serif'; font-weight:700; } .droid, .droidTitle { font-family: 'droid_serif'; } .homeTitle.noBrd { padding-bottom:0; } .homeTitle.noBrd:before { display:none; } /*****Home Banner*****/ .homeBanner { margin-top: 195px; } .homeImgSlider { position: relative; } .homeImgSlider .homeBannerImg { background-size:100%; background-repeat:no-repeat; } .homeImgSlider .homeBannerImg img { visibility:hidden; opacity:0; } .homeImgSlider .swiper-slide img { width:100%; } .homeImgSlider-next, .homeImgSlider-prev { width:40px; height:40px; border-radius:50%; background-color:#676767; color:#fff; opacity:0.6; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; position:absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index:1; text-align:center; font-size:25px; line-height:37px; cursor:pointer; } .homeImgSlider-next:hover, .homeImgSlider-prev:hover { opacity:1; } .homeImgSlider-next { right:20px; } .homeImgSlider-prev { left:20px; } .homeBanner .bannerCaption { position: absolute; left:0; top:0; width:100%; bottom:0; } .homeBanner .bannerCaption h1 { font-size: 3.000em; font-weight:600; margin-bottom:0; margin-top:-40px; text-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); } .homeBanner .bannerCaption h1 .colorOrange { color:#f96207; } .homeBanner .bannerCaption h1 .colorGreen { color:#11b246; } .homeBanner .bannerCaption p { font-size: 1.500em; font-weight:400; margin-bottom:0; text-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); color:#555; } /*****Highlight Score*****/ .highlightScore { padding: 20px 0; border-bottom: 4px solid #ffd900; border-top: 4px solid #ffd900; background-color:#fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05); } .highlightScore .col-4:not(:last-child) .scoreItem { border-right: 1px solid #d4d4d4; } .scoreItem { text-align:center; } .scoreItem h2 { font-family: 'Poppins', sans-serif; color:#2b304e; font-size:33px; font-weight:500; margin-bottom:5px; line-height:1; } .scoreItem p { color:#2b304e; font-size:18px; font-weight:400; margin-bottom:0; } .scoreItem p br { display:none; } /*****Home About*****/ /*.homeThemeList {background-color: #ececf6;}*/ .aboutThemeList { margin: 0; padding: 0; list-style:none; } .aboutThemeList li { text-align:center; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .aboutThemeList li a { display:block; text-decoration:none; position:relative; } .aboutThemeList li a:before { left:50%; width:0; height:2px; content:""; position:absolute; bottom:-10px; background-color:#2B304E; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s } .aboutThemeList li a:hover:before { left:25%; width:50%; } .aboutThemeList li .iconWrap { width: 155px; height: 177px; position:relative; display:block; margin: 0 auto; } /*.aboutThemeList li .iconWrap:after { background: url(../../Portal/images/theme-icon-bg.svg) no-repeat center center; content: ""; position: absolute; height: 100%; width: 100%; z-index: -1; left: 0;top: 0;transition: transform 0.7s linear; animation: rotate 15s infinite linear;background-size: cover;} @-webkit-keyframes rotate { from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(359deg);}}*/ .homeAboutAkam .homeThemeItem .icon { width: 86px; height: 90px; margin:0 auto 15px auto; display:block; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; background-image:url(../../Portal/images/home-theme-icon.png); background-repeat:no-repeat; } .homeAboutAkam .homeThemeItem .icon img { transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s } .homeAboutAkam .homeThemeItem:hover .icon { transform: scale(1.1); -webkit-transform: scale(1.1); } .homeAboutAkam .homeThemeItem .icon1 { background-position: 0 0; } .homeAboutAkam .homeThemeItem .icon2 { background-position: -86px 0; } .homeAboutAkam .homeThemeItem .icon3 { background-position: -172px 0; } .homeAboutAkam .homeThemeItem .icon4 { background-position: -258px 0; } .homeAboutAkam .homeThemeItem .icon5 { background-position: -344px 0; } .homeAboutAkam .homeThemeItem .themeTitle { margin-bottom:0; font-weight:500; color:#2B304E; position:relative; display:block; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; font-size: 16px; } .homeAboutAkam .homeThemeItem:hover .themeTitle { letter-spacing:0.5px; } .homeAboutAkam .homeThemeItem:before { display: none; } /*.aboutThemeList .themeTitle:before { height:5px; width:80px; position:absolute; left:50%; top:0; content:""; background-color:#FFD900;border-radius: 100px;transform: translateX(-50%); -webkit-transform: translateX(-50%);transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s;}*/ .homeAboutAkam .homeThemeItema:hover .themeTitle:before { width:120px; background-color:#2B304E; } .homeAboutAkam .azadiThemeSlider { display:none; } .homeAboutVideo { position:relative; } .homeAboutVideo:after { position:absolute; left:25px; top:-25px; right:-25px; bottom:-25px; content:""; background-color:#ececf6; } .homeAboutVideo .imgHolder { position: relative; z-index:1; background-color:#000; } .homeAboutVideo .imgHolder img { width:100%; } .homeAboutVideo .imgHolder .fa { width:60px; height:60px; border-radius:50%; background-color:#fff; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#2c314f; cursor:pointer; font-size: 27px; line-height: 59px; padding-left: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .homeAboutVideo .aboutVideoIframe { position: absolute; left:0; top:0; height:100%; width:100%; opacity:0; visibility:hidden; } .homeAboutVideo .imgHolder.videoPlay .aboutVideoIframe { opacity:1; visibility:visible; z-index:1; } .homeAboutVideo .aboutVideoIframe iframe { width:100%; height:100% !important; } .homeAboutVideo .imgHolder img, .homeAboutVideo .imgHolder .fa { transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .homeAboutVideo .imgHolder.videoPlay img, .homeAboutVideo .imgHolder.videoPlay .fa { opacity:0; visibility:hidden; } /*****Home Ongoing Iconic Event*****/ .upcomingIEventSlider .swiper-slide, .themeNewSlider .swiper-slide { height:auto; display: -ms-flexbox; display: flex; } .spotlightWeekSlider .swiper-slide { height: auto; display: -ms-flexbox; display: flex; } .spotlightWeekSlider .iEventItem { position:relative; padding-bottom:32px; } .spotlightWeekSlider .iEventItem .recordCategory { left: 20px; right: 20px; bottom: 20px; position: absolute; } .homeOngoingEvent { background-color:#ebedf5; } .ongoingEventSliderWrap { background-color:#2b304e; position:relative; } /*.ongoingEventSliderWrap .container { max-width: 1530px; }*/ .ongoingEvent { background-color:#2b304e; } .ongoingEvent .imgHolderWrap { position:relative; } .ongoingEvent .imgHolderWrap:before, .ongoingEvent .imgHolderWrap:after { position:absolute; width: 29px; height:100%; top:0; content:""; z-index:2; } .ongoingEvent .imgHolderWrap:before { left:0; background:url(../../Portal/images/ongoing-event-left-bg-new.png) no-repeat center left; } .ongoingEvent .imgHolderWrap:after { right:0; background:url(../../Portal/images/ongoing-event-right-bg-new.png) no-repeat center left; } .ongoingEventSlider .swiper-lazy-preloader { background-color: #2b304e; } .ongoingEvent .imgHolder { position:relative; overflow:hidden; background-repeat:no-repeat; background-position: center center; background-size:cover; height: 450px; } .ongoingEvent .imgHolder { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; height: 450px; background-size: cover; } .ongoingEvent .imgHolder img { visibility:hidden; opacity:0; } .ongoingEvent .imgHolder img { border: 8px solid #ffd900; border-radius: 30px; } .ongoingEvent h3 { font-family: 'droid_serif'; font-weight:700; font-size:35px; color:#fff; margin-bottom: 15px; } .ongoingEvent h3 a { color:#fff; text-decoration:none; } .ongoingEvent h3 a:hover { color:#FFD900; } .ongoingEvent .ongoingEventRight { padding:70px 0 100px 0; position: relative; height:100%; } .ongoingEvent .ongoingEventRight .eventBtnGroup { position:absolute; left:0; right:0; bottom:70px; } .ongoingEvent .ongoingEventDate { margin-bottom:15px; } .ongoingEvent .ongoingEventDate div:not(:last-child) { margin-right:24px; } .ongoingEvent .ongoingEventDate p { color:#FFD900; font-size:16px; margin-bottom:0; } .ongoingEvent .ongoingEventDate p span { color:#fff; display:block; } .ongoingEvent .eventOrganiser { padding:15px 0; border-top: 1px solid #52556d; font-size:16px; color:#fff; margin-bottom:0; } .ongoingEvent .eventOrganiser strong { color:#FFD900; font-weight:400; } .ongoingEvent .button { border:0; width:auto; text-align:center; margin-right:10px; } .ongoingEventSlider .swiper-slide { height:auto; background-color: #2b304e; } /*****Home Upcoming Event*****/ .iEventItem { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); background-color:#fff; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; width: 100%; } .iEventItem, .iEventItem:focus { text-decoration:none; color: #2b304e; } .iEventItem:hover { background-color:#ffd900; } .homeTheme .iEventItem:hover { background-color:#ececf6; } .iEventItem .imgHolderWrap { position:relative; } .eventBgImage { display:block; text-decoration:none; } .eventBgImage > img { visibility:hidden; opacity:0; } .iEventItem .eventBgImage { height:250px; overflow:hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .iEventItem .imgHolder { overflow:hidden; } /*.iEventItem:hover .imgHolder .eventBgImage { transform: scale(1.1); -webkit-transform: scale(1.1); }*/ .iEventItem .imgHolder img { width:100% !important; } .iEventItem .iEventDate { position:absolute; left:20px; bottom: -35px; text-align:center; background-color:#ffd900; width:70px; height: 70px; color:#2b304e; font-size:32px; line-height: 1; padding:9px 3px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; font-weight: 600; z-index:2; } .iEventItem .iEventDate span { display:block; text-transform:uppercase; font-size:16px; margin-top: 18px; } .iEventItem:hover .iEventDate { background-color:#2b304e; color:#fff; } .iEventItem .iEventCard { padding: 50px 20px 20px 20px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } /*.iEventItem:hover .iEventCard { background-color:#ececf6; }*/ .iEventItem .recordDate { margin-bottom:5px; font-size:15px; color:#606060; display:none; } .iEventItem h2 { margin-bottom: 10px; font-size:18px; font-family: 'droid_serif'; font-weight: 700; min-height:45px; } .iEventItem h2 a { text-decoration:none; color:#323232; display:block; } .iEventItem:hover h2 a, .iEventItem:hover .viewMoreLink { color:#2b304e; } .viewMoreLink { color:#2b304e; text-decoration:none; font-size:16px; position:relative; padding-right:22px; } .viewMoreLink:before { position: absolute; right:0; top:50%; content:""; background:url(../../Portal/images/arrow-right.svg) no-repeat center right; width:16px; height:12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .viewMoreLink:hover, .viewMoreLink:focus { color:#555d8e; } .iEventItem .recordCategory { padding-top:5px; min-height:31px; } .titleHeader { position: relative; padding-right: 80px; } .titleHeader .sliderNavWrap { position: absolute; right:0; top:9px; } .titleHeader .viewMoreLink { margin-right:10px; } .titleHeader.noViewAllLink .viewMoreLink { display:none; } .upcomingIEventSlider .swiper-slide, .spotlightWeekSlider .swiper-slide, .homeTheme .swiper-slide, .harGharTirangaSlider .swiper-slide { padding: 10px; } .sliderSmallArrow { width:30px; height:30px; border:1px solid #6d6d6d; text-align:center; color:#6d6d6d; margin-left:7px; border-radius:50%; font-size: 19px; cursor:pointer; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; line-height: 27px; } .sliderSmallArrow:hover { background-color:#ffd900; border-color:#ffd900; color:#2b304e; } .upcomingIEventSlider, .spotlightWeekSlider, .harGharTirangaSlider { margin: 0 -10px; } .sliderSmallArrow.swiper-button-disabled { pointer-events:none; opacity:0.5; } /* .upcomingIEventSlider .iEventItem .iEventDate { display:none; } .upcomingIEventSlider .iEventItem .iEventCard { padding-top:20px; }*/ /*****Home Ongoing Competition*****/ .ongoingComp { position:relative; } /*****Home Spotlight of the Week*****/ .spotlightWeek { background-color:#ececf6; } /*.spotlightWeek .iEventItem h2, .themeNewSlider .iEventItem h2 {font-family: 'droid_serif'; font-weight:700;}*/ .spotlightWeek .spotThemeName { margin-bottom:0; font-size: 15px; font-weight:500; display:none; } /*.spotlightWeek .iEventItem .iEventDate, .smallLabel .iEventItem .iEventDate { height:auto; width:auto; padding:7px 10px; bottom:-15px;}*/ .spotlightWeek .iEventItem .iEventDate span, .smallLabel .iEventItem .iEventDate span { margin: 0; } .spotlightWeek .iEventItem .eventBgImage, .homeTheme .iEventItem .eventBgImage { height: 185px; } .homeTheme .iEventItem .eventBgImage { height: 185px; } /*****Home Theme*****/ .homeTheme { background-color:#ffd900; position:relative; } .homeTheme:before { position:absolute; width:100%; height:108px; top:0; left:0; content:""; background-color: #ececf6; } .homeTheme .container { position: relative; z-index: 1; } .themeTab .themeTabList { overflow:hidden; margin:0; padding: 0; list-style:none; border:0; background-color:#e7e7e7; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .themeTab .themeTabList li { float:left; width:20%; text-align:center; } .themeTab .themeTabList li a { display:block; color:#2b304e; font-weight:400; background:none !important; padding: 20px 10px; font-size: 19px; } .themeTab .themeTabList li a span { display: block; text-align:center; position:relative; z-index:2; } .themeTab .themeTabList li:before, .themeTab .themeTabList li a:after { display:none; } .themeTab .themeTabList li a:before { content: ""; height: 100%; background-color: #fff; position: absolute; left: 1px; right:0; top: 0; -webkit-transform: skew(25deg); -moz-transform: skew(25deg); transform: skew(25deg); transition: all .5s ease; -webkit-transition: all .5s ease; z-index:1; } .themeTab .themeTabList li a:after { content: ""; height: 100%; background-color: #2b304e; position: absolute; left: 100%; right:0; top: 0; -webkit-transform: skew(25deg); -moz-transform: skew(25deg); transform: skew(25deg); transition: all .5s ease; -webkit-transition: all .5s ease; z-index:1; display:block; border: 0 !important } .themeTab .themeTabList li a:hover:after, .themeTab .themeTabList li.r-tabs-state-active a:after { left:1px; } .themeTab .themeTabList li a:hover, .themeTab .themeTabList li.r-tabs-state-active a { color:#ffd900; font-weight:400; } .themeTab .themeTabList li:first-child a:before, .themeTab .themeTabList li:first-child a:hover:after, .themeTab .themeTabList li.r-tabs-state-active:first-child a:after { left:-22px; } .themeTab .themeTabList li:last-child a:before, .themeTab .themeTabList li:last-child a:hover:after, .themeTab .themeTabList li.r-tabs-state-active:last-child a:after, .themeTab .themeTabList li:last-child a:after { right:-22px; } .themeTab .themeTabList li:last-child a:after { left: 110%; } .themeTab .themeTabList li:last-child a:hover:after, .themeTab .themeTabList li.r-tabs-state-active:last-child a:after { left:1px; } .themeTab .tabContainer { padding-top: 40px; } .themeTab .tabContent { padding: 0; } .brdTitle.homeTitle { position:relative; padding-bottom:25px; } .brdTitle.homeTitle:before { width:100px; height:5px; border-radius:4px; background-color:#2b304e; content:""; position:absolute; left:0; bottom:0; } .homeTheme .sliderSmallArrow:hover { background-color: #2b304e; border-color: #2b304e; color: #fff; } .themeNewSlider .sliderSmallArrow { visibility:hidden; opacity:0; position:absolute; top:50%; right:0; } .tabThemeLeft p { font-size:19px; font-weight:400; margin-bottom:15px; } .tabThemeLeft .viewMoreLink:hover { color: #2b304e; } .themeNewSlider .swiper-container { padding-right:100px; } .homeTheme .sliderNavWrap { height: 45px; margin-bottom: 25px; } .homeTheme .sliderNavWrap .viewMoreLink { margin-right: 10px; } /*****Home Video Gallery*****/ .gallery-top { box-shadow: 0 0 15px rgb(0, 0, 0, 0.2); } .gallery-thumbs { padding: 10px 0; margin: 0 -5px; } .gallery-thumbs .swiper-slide { width: 33.333%; height: 100%; opacity: 0.7; padding:0 5px; } .gallery-thumbs .swiper-slide-active { opacity: 1; } .gallery-thumbs { cursor:pointer; } .gallery-thumbs .imgHolder { margin-bottom:10px; position:relative; } .gallery-thumbs .imgHolder img { width:100%; } .gallery-thumbs .imgHolder .fa { background-color: #fff; border-radius: 50%; color: #2b304e; display: block; font-size: 20px; height: 50px; line-height: 50px; text-align: center; width: 50px; z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); opacity:0.7; } .gallery-thumbs .videoTitle { font-size:15px; font-weight:400; color:#000; margin-bottom:0; line-height: 1.2; } .video-gallery-slider-thumbs { padding: 0 10px; } .video-background { background: #000; z-index: -99; max-height: 500px; } .video-foreground, .video-background { width: 100%; height: 500px; } .homeGallery .video-foreground iframe { width:100%; height:100% !important; } .slick-button { position: absolute; bottom: 0; top: 0; left: 0; right: 0; width:100%; background:rgba(0, 0, 0, .5); text-align: center; z-index: 9999; cursor:pointer; z-index: 1; } .slick-button:before { position:absolute; left:0; bottom:0; width:100%; height:30%; content:""; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.87) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(0, 0, 0, 0.87))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.87) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.87) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.87) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.87) 100%); } .slick-button img { width:100%; height:100%; } .slick-button .icons { background-color: #fff; border-radius: 50%; color: #2b304e; display: block; font-size: 36px; padding-left:8px; height: 80px; line-height: 80px; text-align: center; width: 80px; z-index:1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .homeGallery .galleryVideoTitle { padding: 15px; text-align:center; color:#fff; font-size:18px; position:absolute; left:0; bottom:0; right:0; } .socialfeeds { border: 2px solid #FFD900; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); padding:0; border-radius: 0; } .ibContentBox #twitter-widget-0, .data-list-facebook { height: 705px !important; max-height:inherit; width: 100%; padding: 0 !important; border-radius: 0 !important; background: none !important; } .socialfeeds .tab-content { padding: 0; background: none; border-radius: 0; } .footer-logos { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } /*****Home Ongoing Competitions*****/ .competitionItem { position:relative; } .competitionItem .imgHolder { background-color:#2b304e; background-repeat:no-repeat; background-position: 0 0; background-size: cover; } .competitionItem .imgHolder img { visibility:hidden; opacity:0; } .competitionItem .competitionCard { position:absolute; left:37%; top:50%; z-index:1; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .competitionItem h3 { font-family: 'droid_serif'; font-weight:400; color:#FFD900; font-size:48px; margin-bottom:5px; line-height: 1.2; } .competitionItem h3 span { display:block; font-weight:700; font-size:60px; } .competitionItem p { font-size:16px; color:#fff; font-weight:500; } .yellowBtn { background-color:#FFD900; border-color:#FFD900; border-radius:100px; color:#2B304E; font-weight:400; } .yellowBtn:hover, .yellowBtn:focus { background-color:#2B304E; border-color:#2B304E; color:#fff; } .homeOngoingEvent .yellowBtn:hover, .ongoingComp .yellowBtn:hover, .homeOngoingEvent .yellowBtn:focus, .ongoingComp .yellowBtn:focus { background-color:#fff; border-color:#fff; color:#2B304E; } .largeBtn { font-size: 18px; padding: 15px 35px; } .whiteBtn { background-color:#fff; border-color:#fff; border-radius:100px; color:#2B304E; font-weight:400; } .whiteBtn:hover, .whiteBtn:focus { background-color:#FFD900; border-color:#FFD900; color:#2B304E; } .competitionItem .yellowBtn { margin-right:10px; } .competitionItem .button { width:175px; text-align:center; } .competitionItem .prizesBlock { width:280px; height:214px; background:url(../../Portal/images/competition-prize-img.png) no-repeat 0 0; position:absolute; right:20px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-size:100%; } .competitionItem .button { border:0; } /*****Home Testimonials*****/ .testimonials { position:relative; background-color: #ececf6; } .testimonialsSliderWrap { background-color:#fff; box-shadow: 0 3px 35px rgba(0, 0, 0, 0.2); position:relative; overflow:hidden; } .testimonialsSliderWrap .largeQuote { color:#e9eaed; font-size:170px; position:absolute; bottom:-10px; right:-30px; z-index: 1; display:none; } .testimonialsSliderWrap .sliderNavWrap { position: absolute; right: 30px; bottom: 70px; z-index:1; } .testimonialsItem { position:relative; padding: 30px 30px 30px 380px; background-color:#fff; } .testimonialsItem .ministerPhoto { position:absolute; left:0; top:0; width:343px; height:100%; } .testimonialsItem .testimonialsText { min-height:240px; } .testimonialsItem .clientSpeak { color:#323232; font-size:20px; height:200px; } .testimonialsItem .clientSpeak .fa { opacity: 0.3; font-size: 24px; } .testimonialsItem .clientSpeak .fa-quote-left { margin-right:15px; } .testimonialsItem .clientSpeak .fa-quote-right { margin-left:15px; position: relative; top: 6px; } .testimonialsItem .clientName { color:#2B304E; font-size:25px; font-weight:500; } .testimonialsItem .clientName span { display:block; font-size:20px; font-weight:400; } .swiper-lazy-preloader { width: 100%; height: 100%; left: 0; top: 0; margin-left: 0; background: #fff; margin-top: 0; -webkit-animation: none; animation: none; z-index:1; } .swiper-lazy-preloader:after { width: 100%; height: 100%; background-size: auto; background-image: url(../../Portal/images/loading.gif); } .footerLogoSlider { position:relative; padding: 0 40px; } .footerLogoSlider .swiper-slide a { display:block; text-align:center; } .footerLogoSlider .swiper-slide a img { width:auto; max-width:100%; } .footerLogoSlider .sliderSmallArrow { position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin:0; } .footerLogoSlider .footerLogoSlider-prev { left:0; } .footerLogoSlider .footerLogoSlider-next { right:0; } .downloadApp p { margin-bottom:2px; color:#fff; font-size: 0.813em; } .downloadApp div:not(:last-child) { margin-right: 10px; } #backtotop { background-color: #313868; } .footer { background:#272C4C; } ul.footer-privacy-link li a:hover { color: #ffd900; } /*********************NEW HOME PAGE END*********************/ /********* Inner Banner *********/ .innerBannerWrap { position:relative; } .innerBanner { position: relative; margin-top: 195px; } /*.innerBanner:before { position:absolute; left:0; top:0; height:100%; width:100%; content:""; background:rgba(66, 77, 108, 0.6); z-index:2; }*/ .bannerImg { position:relative; z-index:1; background-repeat: no-repeat; background-position: right center; background-size:cover; height:210px; } .bannerImg img { width: 100%; visibility:hidden; opacity:0; } .pageTitle { position: absolute; left:0; width:100%; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 3; } .pageTitle h1 { font-size: 2em; color:#2B304E; font-weight:700; margin-bottom: 5px; font-family: 'droid_serif'; } /********* Breadcrumb *********/ /*nav.breadcrumb { padding:13px 0; margin:0; border-radius:0; } ul.breadcrumb { margin: 0; padding:0; background:none; border-radius:0; } ul.breadcrumb li { font-size:1em; color:#fff; font-weight:400; } ul.breadcrumb li a { color:#fff; } ul.breadcrumb li a:hover { text-decoration: none; } .breadcrumb-item + .breadcrumb-item:before { color: #fff; content: "\f105"; font-family:'FontAwesome'; padding-right: .7rem; padding-left: .7rem; } #main { min-height:600px; padding: 40px 0; } .breadcrumb { position:absolute; left:0; bottom:0; width:100%; z-index:1; background:none; font-size:0.938em; margin-bottom:0; padding-left: 0; padding-right: 0; border-radius: 0; font-weight:600; } .breadcrumb a, .breadcrumb .bdrNoLink { color:#2B304E; padding-right:20px; position:relative; text-decoration:none; } .breadcrumb a { font-weight:400; } .breadcrumb a:before, .breadcrumb .bdrNoLink:before { color: #000; content: "\f105"; font-family:'FontAwesome'; position:absolute; right:5px; top:-1px; } .breadcrumb a:hover { text-decoration:underline; } */ #main { min-height:600px; padding: 40px 0; } .breadcrumb-item + .breadcrumb-item:before { color: #000; content: "\f105"; font-family: 'FontAwesome'; padding-right: .7rem; padding-left: .7rem; } .breadcrumb-div { position: relative; top: 0; margin: 0 0 20px; background: #eaebff; } .breadcrumb-bg { position: absolute; left: 0; background: #ff5900; width: 19%; height: 46px; display: none } .breadcrumb { position: absolute !important; line-height: 46px; background: none; padding: 0; list-style: none; display: flex; margin: 0; } .breadcrumb { position: absolute; bottom: 0; width: 100%; z-index: 1; background: none; font-size: 0.938em; margin-bottom: 0; padding-left: 0; padding-right: 0; border-radius: 0; font-weight: 600; } .breadcrumb-item a:last-child { margin-right: 0; margin-right: 0; } .breadcrumb-item, .breadcrumb-item a { color: #000; font-size: 15px; text-decoration: none; position: relative; padding: 0; font-weight: 400; } .breadcrumb-item a:hover { color: #ff5a00 } .breadcrumb-item a::before { content: ""; background: #222; width: 1px; height: 14px; position: absolute; top: 2px; bottom: 0; margin: auto; right: 0; transform: rotate(25deg); display: none; } .breadcrumb-item {padding: 0; position: relative; color: #000 !important; } .breadcrumb-item.active { padding-left: 0; font-weight: 600; } /****end breadcrumb****/ /*.aboutUs { background:url(../../images/about-us-bg.jpg) no-repeat left bottom; background-size:cover; padding-top:40px; overflow:hidden; } .aboutUs .imgHolder { position: relative; min-height:460px; } .aboutUs .imgHolder:before { position: absolute; width:548px; height:230px; left:-110px; bottom:0; content:""; background:url(../../images/flag-cove-bg.png) no-repeat 0 0; } .aboutUs .imgHolder .aboutRightImg { position: absolute; right:0; top:0; } .aboutVideoBox { box-shadow: 0 3px 30px rgba(0, 0, 0, 0.20); padding: 10px; background-color: #fff; } .aboutVideoBox iframe, .aboutVideoBox object { width:100%; height:380px; display:block; margin-bottom:0;}*/ /*************----About New Page----*************/ .aboutInaEvent { background-color: #ececf6; } .droidTitle { color:#2B304E; } .aboutInaEvent h3 { font-size: 20px; } .aboutInaEvent .aboutVideoBox { padding:0; box-shadow: 0 0 0 #fff; } .aboutInaEvent .col-md-5 { padding-right:100px; } .aboutInaEvent .aboutVideoBox iframe, .aboutInaEvent .aboutVideoBox object { height: 330px; width:100%; } .themesOfAkam .azadiThemeList { margin: 0 -8px; padding:0; list-style:none; } .themesOfAkam .azadiThemeList li { top:0 !important; padding: 0 8px; float:left; width:20%; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; position:relative; } .azadiThemeItem, .azadiThemeItem .imgHolder, .azadiThemeItem .imgHolder::before, .azadiThemeItem .imgHolder img, .azadiThemeItem .azadiThemeName, .azadiThemeItem .azadiThemeBtn { transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .themesOfAkam .azadiThemeItem { background-color:#fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.14); padding: 20px 7px; transform: scale(1) !important; -webkit-transform: scale(1) !important; text-align:center; text-decoration: none; display: block; position: relative; } .themesOfAkam .azadiThemeItem:before { position:absolute; left:50%; width:0; height:3px; content:""; bottom:0; background-color: #2B304E; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .themesOfAkam .azadiThemeItem:hover:before { left:0; width:100%; } .themesOfAkam .azadiThemeItem .imgHolder { border:0; border-radius:0; text-align:center; margin-bottom:10px; display:block; } .themesOfAkam .azadiThemeItem .imgHolder:before { display:none; } .themesOfAkam .azadiThemeItem .azadiThemeName { position:static; display:block; font-size:18px; color:#2B304E; font-weight:700; margin-bottom:10px; } .themesOfAkam .azadiThemeItem:hover .azadiThemeName { letter-spacing:1px; } .themesOfAkam .azadiThemeList li:hover .azadiThemeItem { box-shadow: 0 0 30px rgba(0, 0, 0, 0.14); transform: scale(1); -webkit-transform: scale(1); border-radius: 0; } .themesOfAkam .azadiThemeList:hover li .azadiThemeItem { transform: scale(1); -webkit-transform: scale(1); } .themesOfAkam .azadiThemeItem .imgHolder img { width:60%; } .themesOfAkam .azadiThemeItem .azadiThemeDec { font-size:15px; color:#2B304E; display:block; } /*.themesOfAkam li .azadiThemeItem:hover .imgHolder img { transform: scale(1.1); -webkit-transform: scale(1.1); } *//*************----Theme New Page----*************/ .akamThemeList .akamThemeItem { position:relative; box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.15); padding: 40px 40px 40px 310px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; min-height:240px; } .akamThemeList .akamThemeItem:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.35); } .akamThemeList .akamThemeItem:not(:last-child) { margin-bottom: 40px; } .akamThemeList .akamThemeItem .imgHolder { position:absolute; left:0; top:0; width:300px; text-align:center; height:100%; padding-top:35px; } .akamThemeList .akamThemeItem .imgHolder img { width: 65%; } .akamThemeList .akamThemeItem h2 { margin-bottom: 10px; } .akamThemeList .akamThemeItem h3 { font-size:20px; font-weight:600; margin-bottom:20px; font-family: 'droid_serif'; } /*************----Theme Detail New Page----*************/ .akamThemeItem.noShadow, .akamThemeItem.noShadow:hover { padding-top:0; padding-bottom:0; box-shadow: 0 0 0 #fff; } .akamThemeList .akamThemeItem.noShadow .imgHolder { padding:0; } .lightBlue { background: #ececf6; } .feedWrap, .feedWrap .twitter-tweet { height:400px; } .feedWrap .twitter-tweet { border:1px solid #FFD900; border-radius:14px; overflow: hidden; overflow-y: auto; } .whiteShdowBoxList .col-md-6, .whiteShdowBoxList .col-lg-6 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .whiteShdowBoxList .whiteShdowBox { background-color:#fff; box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.2); padding: 25px; margin-bottom: 30px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .whiteShdowBoxList .whiteShdowBox .imgHolder { margin-bottom: 15px; } .whiteShdowBoxList .whiteShdowBox .imgHolder img { width: 100%; } .eventItem .eventCategory a { color: #482265; text-decoration:none; } .eventItem:hover .eventTitle a, .eventItem:hover .eventCategory a { color: #2b304e; } /*************----Theme Detail New Page End----*************/ .competitionsBox { box-shadow: 0 3px 30px rgba(0, 0, 0, 0.20); padding: 10px; background-color: #fff; max-width:950px; width:100%; margin:0; position:relative; } .competitionsBox .button { position: absolute; left:40px; bottom:40px; } .contactDetail { background-color: #fafbff; } .contactDetail p { margin-bottom: 20px; font-size: 1.125em; position:relative; padding-left: 45px; padding-top:4px; } .contactDetail p strong { color: #272c4c; } .contactDetail p .fa { position: absolute; left:0; top:0; font-size:17px; color: #fff; width:35px; height: 35px; border-radius: 50%; background-color: #272c4c; line-height: 35px; text-align:center; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .contactDetail p .fa-map-marker { top:5px; } .contactDetail p a { text-decoration: none; color:#272c4c; } .contactDetail p a:hover { color:#f96207; } .contactDetail p a:hover .fa { background-color:#f96207; } .contactDetail p.callTime { margin-top: -20px; } .contactDetail em { color: #848484; font-size:14px; } .contactMap { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-top:40px; } .contactMap iframe { width: 100%; height: 400px; display: block; margin:0; } .blogList [class*="col-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blogItem { overflow:hidden; background-color:#fff; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1); padding:0 15px 60px 15px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom:30px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; position:relative; } .blogItem .recordCategory { position:absolute; left:15px; bottom:15px; right:15px; } .blogItem .imgHolder { margin:0 -15px 15px -15px; overflow:hidden; height: 300px; } .blogItem .imgHolder img { width:100%; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .blogItem:hover .imgHolder img { transform: scale(1.05); -webkit-transform: scale(1.05); opacity:1; } .blogItem h2 { margin-bottom: 10px; font-family: 'droid_serif'; font-weight: 700; } .blogItem h2 a { color:#323232; font-size:18px; text-decoration:none; display:block; } .blogItem h2 a:hover { color:#f96207; } .blogItem .blogDate { color:#595959; font-size:0.875em; font-weight:400; margin-bottom: 10px; } .blogItem .blogShortDtl { font-size:0.938em; font-weight:400; margin-bottom: 10px; } .blogItem .readMore { text-decoration:none; } .blogItem:hover { background-color: #ffd900; } .blogItem:hover h2 a, .blogItem:hover h2 .viewMoreLink, .blogItem:hover .blogDate, .blogItem:hover .blogShortDtl, .blogItem h2 a:hover, .blogItem .viewMoreLink:hover, .blogItem .viewMoreLink:focus { color: #2b304e; } .blogDetail { position: relative; } .blogDetail .imgHolder { width:100%; margin: 0 25px 25px 0; float:left; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); background: #fff; padding: 3px; } .pageLeftImg { max-width:400px; width:100%; margin: 0 25px 25px 0; float:left; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); background: #fff; padding: 3px; } .blogDetail .imgHolder img, .pageLeftImg img { width:100%; } .displayNone { display:none !important; } .gallery { margin: 0 -15px; padding: 0; list-style:none; } .gallery li { float:left; width:33.333%; padding: 15px; } .gallery li .galleryBox { background-color: #fff; padding: 3px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); position: relative; } .gallery li .galleryBox .galleryTitle { font-size: 1.000em; font-weight: 600; padding-top: 15px; min-height: 66px; } .gallery li .galleryBox h3 { margin-bottom:0; font-weight:500; font-size:16px; text-align:center; min-height:100px; font-family: 'Poppins', sans-serif; } .gallery li .galleryBox h3 a { color:#000; text-decoration:none; display:block; padding: 10px 0; } .gallery li .viewAlbum { display:block; overflow:hidden; height:240px; } .gallery li .viewAlbum input, .gallery li .galleryBox input { transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; display:block; width:100%; } .gallery li .galleryBox:hover .viewAlbum input { transform: scale(1.1); -webkit-transform: scale(1.1); } .gallery li .galleryBox:hover h3 a { color:#f96207; } .photoGalleryWrap .titleHeader h2 { margin-bottom:0; } .photoList .galleryBox .imgThumb img { width:100%; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; display:block; width:100%; } .photoList .galleryBox .imgThumb:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } .photoList .galleryBox .imgThumb { position: relative; overflow:hidden; display:block; } .photoList .galleryBox .fa, .videoList .galleryBox .fa { width: 50px; height: 50px; border-radius: 50%; background-color: #FFD900; position: absolute; left: 50%; top: 50%; color: #2B304E; font-size: 20px; text-align: center; line-height: 50px; transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); transition: all 450ms ease 0s; -webkit-transition: all 450ms ease 0s; } .photoList .galleryBox:hover .fa, .videoList .galleryBox:hover .fa { transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); } .gallery.photoList, .gallery.videoList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery.photoList li, .gallery.videoList li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .eventDetail { position:relative; } .eventDetail h2.eventTitle { margin-bottom:15px; padding-right: 190px; } .eventDetail .eventBy { font-size:1.063em; color:#546184; font-weight:400; margin-bottom:10px; } .eventDetail .eventBy .subBy { color:#546184; } .eventDetail .eventBy .subBy img { display: inline-block; vertical-align: middle; width: 48px; margin-right: 5px; height: auto; } .eventDetail .eventSubCategorySmall { font-size:0.938em; color:#f96207; font-weight:400; } .eventDetail .eventDate { font-size:1.063em; color:#f96207; font-weight:400; margin-bottom:10px; } .eventDetail .eventDate strong { font-weight:500; } .eventDetail .eventTheme { font-size:1.063em; color:#4d4d4d; font-weight:400; } .shareEvent { margin:0; padding:0; line-height: normal; position: absolute; right:0; top:0; } g.shareEvent li { margin-left:5px; display: inline-block; vertical-align: middle; } .shareEvent li a { width:35px; height: 35px; border-radius:50%; color:#fff; font-size:20px; text-align:center; display: block; text-decoration:none; padding: 4px 0; } .shareEvent li a.facebook { background-color:#4268b3; } .shareEvent li a.twitter { background-color:#1da0f1; } .shareEvent li a:hover { background-color:#e62e6f !important; } .eventImgHolder, .eventIframe, .eventImgLeft, .eventImgRight, .ifrmaecenter { box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); background: #fff; padding: 3px; margin-bottom:30px; } .eventImgHolder img, .eventImgLeft img, .eventDetail .eventImgRight img { width:100%; } .eventIframe iframe, .ifrmaecenter iframe { width: 100%; height: 290px; display: block; margin-bottom: 0; } .eventIframe.fullWidth iframe, .ifrmaecenter iframe { height: 580px; } .event3ColSlider { position: relative; padding: 0; margin-left: -10px; } .event3ColSlider .swiper-slide, .event1ColSlider .swiper-slide { padding: 10px; } .event3ColSlider-next, .event3ColSlider-prev, .eventSliderArrow { color:#7e7e7e; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; position:absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index:1; text-align:center; cursor:pointer; background: rgba(249, 98, 7, 0.7); color: #fff; border-radius: 50%; width: 50px; height: 50px; font-size: 30px; line-height: 50px; } .event3ColSlider-next:hover, .event3ColSlider-prev:hover, .eventSliderArrow:hover { color:#fff; background: rgba(249, 98, 7, 0.9); } .event3ColSlider-next, .eventSliderArrowNext { right:30px; } .event3ColSlider-prev, .eventSliderArrowPrev { left:30px; } .event3ColSlider .swiper-slide .eventImgHolder, .event1ColSlider .eventImgHolder { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .eventSliderArrow { background:rgba(0, 0, 0, 0.3); color:#fff; border-radius:50%; width:50px; height:50px; font-size:30px; line-height:50px; } .eventSliderArrow:hover { background:rgba(0, 0, 0, 0.6); color:#fff; } .eventSliderArrowNext { right:50px; } .eventSliderArrowPrev { left:50px; } .eventOddEven .eventImgHolder { float:left; margin: 0 25px 25px 0; max-width:450px; width:100%; } .eventOddEven .oddEvenRow { margin-bottom:20px; } .eventOddEven .oddEvenRow:nth-child(even) .eventImgHolder { float:right; margin: 0 0 25px 25px; } .eventImgLeft { float:left; margin: 0 25px 25px 0; max-width:450px; width:100%; } .eventImgRight { float:right; margin: 0 0 25px 25px; max-width:450px; width:100%; } .startingPoint { text-align: center; } .startingPoint h2 { text-align: center; padding-right:0 !important; } .startingPoint .spoint { display: inline-block; padding: 5px 20px; background-color: #46495f; color: #fff; border-radius: 15px; margin-bottom: 5px; } .startingPoint .firstPoint { font-size: 1.714em; font-weight: 500; color: #3a3a3c; margin-bottom: 80px; position: relative; } .startingPoint .firstPoint::after { background: url(../../images/firstPoint.png) center top no-repeat; content: " "; position: absolute; z-index: auto; height: 167px; width: 63px; top: 30px; left: 48%; transform: translateX(-48%); } .verticalTimeline ul li .journeyBlock { background-color: #fff; box-shadow: 0 0 38px rgba(0, 0, 0, .1); border-radius: 15px; overflow: hidden; position: relative; } .verticalTimeline ul li .timelineThums { width: 38%; float: left; } .verticalTimeline ul li .journeyInformation { float: left; width: 62%; padding: 20px 70px 20px 20px; } .verticalTimeline ul li:nth-child(2n) .journeyInformation { padding-left: 70px; padding-right:20px; } .verticalTimeline ul li .journeyInformation h3 { font-size: 1.857em; color: #f0592a; font-weight: 500; margin-bottom: 5px; } .verticalTimeline ul li .dates { position: absolute; right: -180px; top: 100%; font-size: 1.857em; color: #272c4c; transform-origin: 0 0; transform: rotate(270deg); width: 230px; background-color: #e7e8ef; text-align: center; height: 50px; } .verticalTimeline ul li:nth-child(2n) .dates { left: 50px; transform: rotate(450deg); top: 0; } .verticalTimeline ul li:nth-child(even) .timelineThums { float: right; } .verticalTimeline ul { list-style: none; padding: 0; margin: 0; } .verticalTimeline ul li { width: 45%; position: relative; margin-bottom: 85px; min-height: 205px; } .verticalTimeline ul li:nth-child(odd) { float: left; } .verticalTimeline ul li:nth-child(even) { float: right; margin-top: 85px; margin-bottom: 0; } .verticalTimeline ul li:nth-child(odd):after { background: url(../../images/oddline.png) center top no-repeat; content: " "; position: absolute; right: -110px; top: 85px; z-index: auto; height: 162px; width: 107px; } .verticalTimeline ul li:nth-child(even):after { background: url(../../images/evenline.png) center top no-repeat; content: " "; position: absolute; left: -120px; top: 165px; z-index: auto; height: 162px; width: 107px; } .verticalTimeline ul li:nth-child(2n):last-child::after { display: none; } .verticalTimeline ul li:last-child:after { display: none; } /**********Event List*************/ .eventCategoryNav { margin:0; padding: 0; list-style: none; } .eventCategoryNav li { display: inline-block; vertical-align: middle; margin-right:5px; margin-bottom:5px; } .eventCategoryNav li a { display:block; border-radius:5px; border:1px solid #272c4c; color:#272c4c; background-color:#fff; padding: 15px 20px 14px 20px; text-decoration:none; } .eventCategoryNav li a:hover, .eventCategoryNav li a.active { background-color:#272c4c; color:#fff; } /*.eventCategoryNav li:nth-child(1) a { border-color:#272c4c; color:#272c4c; } .eventCategoryNav li:nth-child(1) a:hover, .eventCategoryNav li:nth-child(1) a.active { background-color:#272c4c; color:#fff; } .eventCategoryNav li:nth-child(2) a { border-color:#e62e6f; color:#e62e6f; } .eventCategoryNav li:nth-child(2) a:hover, .eventCategoryNav li:nth-child(2) a.active { background-color:#e62e6f; color:#fff; } .eventCategoryNav li:nth-child(3) a { border-color:#21882f; color:#21882f; } .eventCategoryNav li:nth-child(3) a:hover, .eventCategoryNav li:nth-child(3) a.active { background-color:#21882f; color:#fff; } .eventCategoryNav li:nth-child(4) a { border-color:#6159a4; color:#6159a4; } .eventCategoryNav li:nth-child(4) a:hover, .eventCategoryNav li:nth-child(4) a.active { background-color:#6159a4; color:#fff; }*/ .upcomingEventLink { font-size:16px; color:#323232; font-weight:500; text-indent:-9999px; } .upcomingEventLink:hover { color:#f96207; } .upcomingEventLink img { margin-right:5px; } .eventListWrap .titleHeader { margin-bottom:20px; } .eventFilter .form-control, .eventFilter select.form-control:not([size]):not([multiple]) { border:1px solid #959595; height:50px; line-height:50px; padding: 0 10px; border-radius:5px; font-size:16px; color:#323232; } .eventFilter ::-webkit-input-placeholder { opacity:1; color:#323232; } .eventFilter ::-moz-placeholder { opacity:1; color:#323232; } .eventFilter :-ms-input-placeholder { opacity:1; color:#323232; } .eventFilter :-moz-placeholder { opacity:1; color:#323232; } .eventFilter .labelText { font-size:16px; display:block; padding-bottom:5px; font-weight:400; } .customSelectWrap { position: relative; background: #fff; } .customSelectWrap:before { position: absolute; right: 10px; top: 8px; content: "\f107"; font-family: 'FontAwesome'; font-size: 20px; color: #a1a1a1; z-index: 5; } .eventFilter select.form-control:not([size]):not([multiple]), .eventFilter .date-picker { padding-right:30px; } .form-group-date { position: relative; } .form-group-date:before { position: absolute; right: 10px; top: 12px; content: "\f073"; font-family: 'FontAwesome'; color: #000; } .eventFilter { position: relative; margin-bottom: 10px; padding-right:225px; } .eventFilter .button { border-radius:5px; font-size:16px; color:#2B304E; background-color:#FFD900; height:50px; font-weight:400; margin-left:10px; } .eventFilter .button:hover { background-color: #2B304E; color:#fff; border-color: #2B304E; } .eventFilter .button.resetBtn { background-color:#888; border-color:#888; color:#fff; } .eventFilter .button.resetBtn:hover { background-color:#000; } .eventFilter .buttonRow { position:absolute; right:0; top:0; } .eventFilter .buttonRow.setTop { top:0; } .eventFilter .ui-helper-hidden-accessible { display:none !important; } /****Event Box Start***/ .eventList .col-lg-4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; } .eventItem { display:block; text-decoration: none; overflow:hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); position:relative; background-color: #fff; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom:30px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; color:#323232; } .eventItem:hover { background-color: #ffd900; } .eventItem .imgHolder { overflow:hidden; background-repeat:no-repeat; background-position: center center; background-size: cover; height:247px; } .eventItem .imgHolder img { width:100% !important; visibility:hidden; opacity:0; height: auto !important; } .eventItem .eventItemRight { padding: 50px 20px 20px 20px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; position:relative; } .eventItem p { margin-bottom:7px; line-height:1.3; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .eventItem .eventDate { font-size:16px; color:#482265; font-weight:400; } .eventItem .eventTitle { font-size: 18px; font-family: 'droid_serif'; font-weight: 700; min-height:70px; } .eventItem .eventCategory { font-size:16px; color:#482265; position:relative; } .eventItem .eventCategory:before { width:4px; height:4px; border-radius:50%; content:""; background-color:#e62e6f; position:absolute; left:0; top:4px; display:none; } .eventItem .eventSubCategorySmall { font-size:16px; color:#482265; font-weight:400; position:relative; padding-left:0; margin-bottom:0; } .eventItem .eventSubCategory { margin-bottom:0; } /*.eventItem .eventSubCategory span { display:inline-block; border:1px solid #fcb083; border-radius:15px; padding:7px 10px; font-size:13px; color:#646464; font-weight:400; }*/ .eventItem:hover .eventTitle, .eventItem:hover .eventCategory, .eventItem .viewMoreLink:hover, .eventItem .eventTitle:focus, .eventItem .eventCategory:focus, .eventItem .viewMoreLink:focus, .eventItem:focus, .eventItem:hover .eventSubCategorySmall, .eventItem:focus .eventSubCategorySmall { color:#2b304e; } .eventItem .eventCategory.purpleColor { color:#6159a4; } .eventItem .eventCategory.purpleColor:before { background-color:#6159a4; } .eventItem .eventCategory.greenColor { color:#21882f; } .eventItem .eventCategory.greenColor:before { background-color:#21882f; } .eventItem .iEventDate, .eventItem .eventDate { position:absolute; left:20px; top: -35px; text-align:center; background-color:#ffd900; width:70px; height: 70px; color:#2b304e; font-size:32px; line-height: 1; padding:9px 5px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; font-weight: 600; z-index:2; margin:0; } .eventItem .iEventDate span, .eventItem .eventDate span { display:block; text-transform:uppercase; font-size:16px; margin-top: 5px; } .eventItem:hover .iEventDate, .eventItem:hover .eventDate { background-color:#2b304e; color:#fff; } .eventItem .viewMoreLink { margin-top: 10px; display: inline-block; } .eventList .eventItem .viewMoreLink { margin:0; } .eventList .eventItem .eventSubCategory { margin-bottom: 0; font-size: 15px; } .eventList .eventItem .recordCategory p { margin:0; color: #2b304e; } .eventList .eventItem .eventSubCategory, .blogItem .recordCategory .eventSubCategory, .iEventItem .recordCategory .eventSubCategory { background-color: #ffd900; color: #2b304e; padding: 2px 7px; border-radius:20px; text-decoration:none; display: inline-block; margin-bottom:0; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; font-size:15px; } .eventList .eventItem:hover .eventSubCategory, .blogItem:hover .recordCategory .eventSubCategory, .iEventItem:hover .recordCategory .eventSubCategory { background-color: #2b304e; color: #fff; } .eventList .eventItem .eventSubCategory a, .blogItem .recordCategory .eventSubCategory a, .iEventItem .recordCategory .eventSubCategory a { color: #2b304e; text-decoration:none; padding:0 !important } .eventList .eventItem:hover .eventSubCategory a, .blogItem:hover .recordCategory .eventSubCategory a, .iEventItem:hover .recordCategory .eventSubCategory a { color: #fff; } .eventList .eventItem p { margin-bottom: 12px; } .noDateEvent .eventItem .eventItemRight { padding: 20px; } /****Event Box End***/ .pagingWrapper { margin-top:15px; padding-top:25px; border-top: 1px solid #ccc; } .pagingCount { float:left; } .pagingNo { float:right; } .pagingNo ul { margin:0; padding: 0; list-style:none; } .pagingNo ul li { display: inline-block; vertical-align: middle; margin: 0 5px; } .pagingNo .pageNo, .pagingNo .nextBtn, .pagingNo .prevBtn, .pagingNo .pages, .pagingbar .pagingTable .aspNetDisabled { border:1px solid #272c4c; border-radius:3px; font-size:17px; color:#272c4c; font-weight:400; padding:4px 7px; line-height:1; background:#fff; min-width:30px; min-height:30px; text-align:center; cursor:pointer; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .pagingNo .pageNo.aspNetDisabled, .pagingNo .pageNo:hover, .pagingNo .nextBtn:hover, .pagingNo .prevBtn:hover, .pagingNo .pages:hover, .pagingbar .pagingTable .aspNetDisabled { background:#FFD900; color:#272c4c; border-color:#FFD900; font-weight:400 !important; } .pagingNo .nextBtn.aspNetDisabled, .pagingNo .prevBtn.aspNetDisabled { pointer-events: none; opacity:0.5; } .pagingNo .pageNo.aspNetDisabled, .pagingNo .pages.aspNetDisabled, .pagingbar .pagingTable .aspNetDisabled { pointer-events: none; } .bhagidariIframe { box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); background: #fff; padding: 10px; max-width: 1000px; margin: 0 auto; width: 100%; } .bhagidariIframe { width: 100%; height: 400px; display: block; margin-bottom: 0; } .eventDetailContent, .eventDetailContent p { color: #323232 !important; font-size: 16px !important; font-weight:400 !important; } .eventDetailContent ul { list-style:none; padding:0; } .eventDetailContent ul li { padding-left:15px; margin-bottom: 10px; line-height:1.5; position: relative; } .eventDetailContent ul li:before { position: absolute; left: 0; top: -2px; content:""; font-family:'FontAwesome'; content: "\f105"; font-size:18px; } .eventDetailContent ul ul { padding:0; list-style:none; margin-top: 15px; } .eventDetailContent ul ul li:before { width:5px; height:5px; background-color:#323232; border-radius:50%; content:""; position:absolute; left:0; top:9px; } .eventDetailContent ol { padding:0; margin-left:15px; } .eventDetailContent ol li { padding-left:0; margin-bottom: 10px; line-height:1.5; position: relative; } .eventDetailContent ol ol { padding:0; list-style:none; margin-top: 15px; } .eventDetailContent #main, .eventDetailContent .container { padding:0 !important; min-height:1px !important; } .error, .noData { color:#F00; } .eventListWrap .error, .noData { font-size:16px; background-color:#f9f9f9; padding: 10px 15px; border: 1px solid #e1e1e1; border-radius: 5px; } .noData { display:block; } .ui-autocomplete { max-height:260px; width:266px; overflow:auto; position:absolute !important; z-index:999; margin:0; background:#fff; padding:0; list-style:none; box-shadow:0 3px 3px rgba(0, 0, 0, 0.2); border:1px solid #ebebeb; border-top:0; } .ui-autocomplete li { border-top:1px solid #cccccc; line-height:16px; font-size:14px; } .ui-autocomplete li a { cursor:pointer; font-size:15px; padding:13px 10px; display:block; color:#555; text-decoration: none; } .ui-autocomplete li a:hover, .ui-autocomplete li a.ui-state-focus { text-decoration:none; background:#f1f1f1; color:#f96207; } .evntlst li { margin-bottom:10px; } .evntlst li a { color:#1da0f1; } .evntlst li ul { padding-left:30px; } .evntlst ul { padding-left: 15px; } .event3ColSlider1 { position: relative; } .event3ColSlider1-next, .event3ColSlider1-prev { color: #7e7e7e; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; text-align: center; font-size: 55px; line-height: 52px; cursor: pointer; } .event3ColSlider1-next { right: 10px; color: #fff; } .evntslider-img { position: relative; } .evntlst .eventImgLeft { margin-right: 40px; } .event3ColSlider1-prev { left: 10px; color:#fff; } .evntslider-img .eventImgHolder { box-shadow:none; background: #ececec; } .eventSearchResualt { margin:0 0 20px 0; padding: 0; list-style:none; } .eventSearchResualt li { display:inline-block; vertical-align: middle; } .eventSearchResualt .item { color: #000; font-size:24px; } .eventSearchResualt .item img { display:inline-block; vertical-align:middle; width:48px; margin-right:5px; height:auto; } .photoVideoBox { display:block; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); text-decoration:none; position:relative; } .photoVideoBox span { display:block; } .photoVideoBox .imgHolder { overflow:hidden; position:relative; } .photoVideoBox .imgHolder:before { position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0, 0, 0, 0.3); z-index:1; } .photoVideoBox .imgHolder img { width:100%; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .photoVideoBox:hover .imgHolder img { transform: scale(1.2); -webkit-transform: scale(1.2); } .photoVideoBox .titleText { text-align:center; font-size:1.250em; font-weight:500; padding: 10px 10px; position:absolute; left:0; bottom:0; width:100%; background:rgba(0, 0, 0, 0.4); color:#fff; z-index:3; } .photoVideoBox .fa { width: 60px; height: 60px; border-radius: 50%; background-color: #FFD900; position: absolute; left: 50%; top: 50%; color: #2B304E; font-size: 25px; text-align: center; line-height: 60px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all 450ms ease 0s; -webkit-transition: all 450ms ease 0s; z-index:2; } .gallery .totalVideos { display:none; } .videoList li a { display:block; text-decoration:none; } .videoList .videoName { display:block; font-weight: 500; font-size:16px; text-align: center; color: #000; padding-top:10px; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; min-height:58px; } .videoList .galleryBox :hover .videoName { color:#f96207; } .videoList .imgHolder { position: relative; } .videoList .imgHolder img { width:100%; } .janpath.evs { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); max-width: 900px; width: 100%; margin: 0 auto; } .janpath.evs .blog-img { width:350px; } .janpath.evs .blog-data { width: calc(100% - 350px); padding:15px; } .eventFilter.largeFilter { padding-right:0; } .eventFilter.largeFilter .buttonRow { position: static; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align:right; margin-bottom:15px; padding: 0 15px; } .azadiThemeSlider { display: none; } ul.list { padding: 0; font-size: 15px; display: flex; flex-wrap: wrap; margin: 0; } ul.list li:before { display:none; } ul.list li { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; border: 4px solid #eaeaea; padding: 10px; margin: 0 2% 15px 0; } .eventItem .countryFlag { position: relative; /*padding-left:30px;*/ } .eventItem .countryFlag .countryFlagBig { position: absolute; left:0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } /**********Sitemap**********/ .sitemap { padding: 0 0 0 30px; margin:0; position:relative; } .sitemap:before { position: absolute; top:0; bottom:0; content:""; width:3px; background-color:#f1f1f1; display:block; left:0; } .sitemap:after { content: ""; height: 11px; left: -4px; position: absolute; bottom: 0; width: 11px; background: #f1f1f1; border-radius: 50%; } .sitemap ul { margin:0; padding: 0; list-style:none; } .sitemap ul li { margin-bottom: 10px; } .sitemap ul li a.menuFirstNode.menuParent, .sitemap ul li a.menuFirstNode, .sitemap ul li a.menuExt { color: #000; font-size: 1.063em; line-height: 25px; text-decoration: none; padding: 7px 20px; transition: 500ms all; background: #f1f1f1; border: 1px solid #f1f1f1; display: inline-block; margin-left:0; position:relative; } .sitemap ul li a.menuFirstNode.menuParent:hover, .sitemap ul li a.menuFirstNode:hover, .sitemap ul li a.menuExt:hover { background-color: #FFD900; color: #2B304E; border-color: #FFD900; padding-left:25px; } .sitemap ul li a.menuFirstNode.menuParent:before { position: absolute; left:-30px; top:50%; margin-top:-1px; content:""; background-color:#f1f1f1; width:29px; height:2px; } .sitemap ul li a.menuFirstNode, .sitemap ul li a.menuExt { transition: 500ms all; background: #fff; padding: 5px 10px; margin-left:30px; font-size: 1.000em; } .sitemap ul li a.menuFirstNode:hover, .sitemap ul li a.menuExt:hover { padding-left:15px; background-color:#f1f1f1; border-color:#f1f1f1; color: #000; } /****************Feedback Form****************/ .mandatory, .asterix, .error, .red { color: #e90000; } .feedbackForm { max-width: 100%; width: 100%; padding: 25px; margin: 0 auto; box-shadow: 0 0 46px rgba(0, 0, 0, 0.1); } .fieldsRequired { text-align: right; font-size:15px !important; } .feedbackForm ul { padding: 0; margin: 0 -10px; } .feedbackForm ul li { float: left; list-style: outside none none; width: 100%; } .feedbackForm .fieldCol { float: left; margin: 0; padding: 0 10px; width: 33.33%; } .feedbackForm .fieldTowCol { width: 50%; } .feedbackForm .fieldInput { margin-bottom: 25px; position:relative; } .feedbackForm .error { position: absolute; left: 0; background: #ff0000; color: #fff; border-radius: 3px; padding: 1px 10px; font-size: 13px; z-index: 1; bottom:-28px; } .feedbackForm .error:after { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f00; position: absolute; content: ""; left: 15px; top: -6px; } .feedbackForm .fieldCol.fieldColWide { width: 100%; } .feedbackForm select { font-size: 1em; background: none !important; } .feedbackForm input[type="text"], .feedbackForm input[type="email"], .feedbackForm input[type="tel"], .feedbackForm input[type="number"], .feedbackForm input[type="url"], .feedbackForm input[type="password"], .feedbackForm input[type="search"], .feedbackForm select, .feedbackForm textarea { background: #fff; } .successMsg { text-transform: uppercase; word-spacing: 5px; letter-spacing: 1px; color: #219393; font-size: 20px; text-align: center; border: 1px solid #ccc; padding: 50px 10px 50px 10px; font-weight: 500; } .feedbackForm .feedbackButtton { margin-top: 30px; } label { font-size: 1em; } .feedbackColRow .label { display:block; padding-bottom:5px; } .feedbackColRow .customSelectWrap:before { top: 4px; } .feedbackColRow .textarea122 { height: 136px; resize:none; } .captchaBox { padding-right: 150px; } .captchaImgBox { position: absolute; right:0; top:0; } .captchaImgBox .captchaImg, .captchaImgBox .refreshCaptcha { display: inline-block; vertical-align: middle; } /*Feedback Form End*/ .filterAcc { display:none; border: 1px solid #959595; border-radius: 5px; padding: 5px 10px; color: #272c4c; position: relative; cursor:pointer; font-size: 14px; } .filterAcc .fa { position: absolute; right: 10px; top: 8px; } .filterAcc.active .fa:before { content:"\f00d"; } .filterAcc.active { background: #272c4c; border-color: #272c4c; color: #fff; border-radius: 5px 5px 0 0; } .eventFilter.active { display:block; } .eventListWrap .titleHeader .upcomingEventLink { display:none; } .eventListWrap .titleHeader { display:block !important; } .compVideoBox { width:100%; height:322px; } .blogDetail h2, .blogDetail .blogBy { margin-bottom: 10px; } .blogDetail h2 { padding-right: 190px; } .blogDetail .blogDate { color:#f96207; } .pagingbar .records, .pagingbar .records.go { float:left; } .pagingbar .records.go { margin-left: 20px; } .pagingbar .pagingNo { float: right; } .pagingbar select { width:100px; height:40px; line-height:40px; } .pagingbar .txt, .pagingbar .customSelectWrap { display: inline-block; vertical-align: middle; } .pagingbar .txt { margin-right: 5px; } .pagingbar .customSelectWrap:before { top: 3px; } .pagingbar table, .pagingbar table td { border:0; padding:0; } .pagingbar .prevBtn, .pagingbar .nextBtn, .pagingbar .pagingTable { display: inline-block; vertical-align:middle; width:auto; margin:0; } .pagingbar table td { padding: 0 5px; } .aboutLeftImg .hcImg, .imgWob { display:none; } .eventTagList { margin:15px 0 0 0; padding: 15px 0 0 0; list-style: none; border-top: 1px solid #ccc; } .eventTagList li { display: inline-block; vertical-align:middle; margin-right:10px; margin-bottom: 10px; } .eventTagList li a { display:block; border:1px solid #ccc; border-radius:5px; text-decoration:none; padding: 4px 15px; color:#000; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); font-size:15px; } .eventTagList li a:hover { background-color:#f96207; color:#fff; } .homeBlogWrap { margin-top: -1.5rem!important; } .eventCal, .eventCal th, .eventCal td { border-color:#e5e5e5; } .eventCal > tbody > tr:first-child > td { padding: 0; background: #414e71; } .eventCal .Title, .eventCal .Title td { border:0; } .eventCal .Title td:nth-child(2) { text-align: center; font-size:25px; font-weight:500; } .eventCal .Title td:last-child { text-align: right; } .eventCal .eventDay { height:100px; } .eventCal .eventDay a { text-decoration:none; font-weight:500; font-size:16px; } .eventCal .eventDay.otherMonth { background-color:#f4f4f4; } #eventOverlay { position: fixed; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, 0.5); z-index:14; display:none; } .divEventPopup { position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); z-index:15; background-color:#fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1); border-radius: 2px; min-width: 550px; display:none; } .divEventPopup .divEventClose { position: absolute; right:0; top:0; width:50px; height:50px; background-color:#f96207; color:#fff; text-align:center; line-height: 50px; } .divEventPopupTop h3 { font-size: 18px; font-weight: 600; color: #fff; margin: 0; padding: 15px; background: #f96207; } .divEventPopupTop h3 .totalEvent { border-radius:3px; background-color:#fff; padding:1px 5px 0 5px; color:#f96207; } .divEventListOuter { padding: 15px; } .divEventList { margin: 0; padding: 0; list-style: none; max-height:450px; overflow-y:auto; } .divEventList li { display:block; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #ccc; } .divEventList li:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; } .divEventList h4 { margin-bottom:0; } .divEventList h4 a { text-decoration:none; font-size:17px; font-weight:400; } .divEventList li span, .divEventList li p { font-size:15px; } .divEventList li p { margin-bottom: 0; } .EventdivRow { display:block; } .dayEventRow { display:block; } .dayEventRow em { display:block; margin-bottom:2px; border-radius:4px; padding:1px 5px; color:#fff; background-color:#f96207; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; font-style:normal; font-weight:400; font-size:14px; } .dayEventRow em:hover { background-color:#d25408; } .eventCal .Title td a { text-decoration: none; width: 37px; height: 37px; display: inline-block; text-align: center; padding:5px 0; background: #272c4c; color: #fff !important; } .eventCal .Title tbody > tr > td:nth-child(1) a:before, .eventCal .Title tbody > tr > td:nth-child(3) a:before { font: normal normal normal 14px/1 FontAwesome; font-size: 25px; top: 1px; position: relative; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .eventCal .Title tbody > tr > td:nth-child(1) a:before { content: "\f104"; } .eventCal .Title tbody > tr > td:nth-child(3) a:before { content: "\f105"; } .upEventItem { padding: 15px !important; min-height:100px; } .inauguralEventItem { margin-bottom:30px; } .inauguralEventItem .imgHolder, .inauguralEventItem .iframe { box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); background: #fff; padding: 3px; margin-bottom: 10px; } .inauguralEventItem .imgHolder img { width:100%; } .inauguralEventItem p { text-align:center; margin-bottom:0; } .inauguralEventItem iframe { display:block; width:100%; height:250px; } .graySection { background-color:#f2f2f2; } .homeInauguralEvent { background-color:#f2f2f2; padding: 50px 0; } .homeInauguralEvent h2 { color:#000; margin-bottom:25px; } #eventMap_inner div svg text tspan { display: none; } .eventMap { margin:0 auto; width: 800px; min-height:300px; } .noteText { color:#F00; } .noDataWrap p { margin-bottom: 5px; } .grayBox { background: #ccc; padding: 1px 9px; margin-right: 10px; } .displayNone { display: none !important; visibility: hidden; } .blueBox { background: #bee4f1; padding: 1px 9px; margin-right: 10px; } .eventCal td.CustomCellCss { background:#d5e0ff; } .eventCal td.CustomCellCss a { text-decoration: none; } #header .container { position: relative; } .scanImg { position: absolute; right:0; bottom:30px; width:230px; z-index:5; margin-top:-60px; /*-webkit-animation: scaleAni 3s infinite; animation: scaleAni 3s infinite;transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; background-color:#fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.2);*/ } @-webkit-keyframes scaleAni { 0% { opacity: 1; transform: scale(1); } 25% { opacity: 0.7; transform: scale(1); } 50% { opacity: 1; transform: scale(1); } 75% { opacity: 0.7; transform: scale(1); } 100% { opacity: 1; transform: scale(1); } } @keyframes scaleAni { 0% { opacity: 1; transform: scale(1); } 25% { opacity: 0.7; transform: scale(1); } 50% { opacity: 1; transform: scale(1); } 75% { opacity: 0.7; transform: scale(1); } 100% { opacity: 1; transform: scale(1); } } /*.scanImg:before { position: absolute; left: -15px;top: -16px; width:81px; height: 81px; content:""; background:url(../../Portal/images/small-chakra.png) no-repeat 0 0; -webkit-animation:spin 25s infinite linear; animation:spin 25s infinite linear; z-index:-1; background-size:100%; display:none; }*/ .bannerBlankLink { position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999px; font-size:0; display:block; z-index:1; } .janbhagidariList .blogItem .imgHolder { height:auto; } .eventTagList.singleItem { margin: 0 0 15px 0; padding: 0; border:0; } .eventTagList.singleItem li span { display: inline-block; border: 0; border-radius: 5px; text-decoration: none; padding: 4px 15px; color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); font-size: 15px; background-color: #3d4864; } .unsungHeroesDetail .eventImgLeft { max-width:350px; } .splashModal .modal-dialog { max-width:915px; } .splashModal { width:100%; height:510px; display:block; } .splashModal .close { width: 35px; height: 35px; background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); position: absolute; right: -20px; top: -20px; border-radius: 50%; text-align: center; line-height: 32px; cursor: pointer; opacity: 1; z-index: 1; } .splashModal .modal-body { padding: 5px; } .homePhotoVideo { background-color:#f3f3f3; margin-top:25px; } .homePhotoVideo .swiper-slide { padding: 15px; width:465px; } .homePhotoVideo .resTab .tabContent { padding-bottom:0; } .homePhotoVideo .swiper-pagination-bullets { text-align: center; } .homeGalleryBox { padding: 3px; overflow:hidden; border-radius: 10px; background-color:#fff; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); display:block; } .homeGalleryBox .imgHolder { overflow:hidden; display:block; border-radius:7px; height:240px; position:relative; } .homeGalleryBox .imgHolder img { width:100%; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; display: block; } .homeGalleryBox:hover .imgHolder img { transform: scale(1.1); -webkit-transform: scale(1.1); } .homeGalleryBox .fa { width: 50px; height: 50px; border-radius: 50%; background-color: #f96207; position: absolute; left: 50%; top: 50%; color: #fff; font-size: 20px; text-align: center; line-height: 50px; transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); transition: all 450ms ease 0s; -webkit-transition: all 450ms ease 0s; } .homeGalleryBox:hover .fa { transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); } .homeGalleryBox .titleText { position: absolute; left:0; bottom:0; width:100%; padding:12px 5px; background:rgba(0, 0, 0, 0.7); color:#fff; display:block; font-size:17px; text-align:center; } .unsungHeroesList .eventItem { padding:10px; } .unsungHeroesList .eventItem .eventTitle { line-height:1.3; } .unsungHeroesList .eventItem .imgHolder { position:static; width:auto; background:none !important; height:auto; } .unsungHeroesList .eventItem .imgHolder img { visibility:visible; opacity:1; width:100% !important; height:auto !important; } .unsungHeroesList .eventItem .eventItemRight { padding-top: 20px; padding-bottom:0; text-align:center; } .unsungHeroesList .eventItem .eventDate { display: none; } .unsungHeroesList .eventList .col-lg-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; } .unsungHeroesList .eventItem:hover .eventTitle { color: #323232; } .unsungHeroesList .eventItem .eventCategory { font-weight:500; font-size:14px; } .unsungHeroesList .eventItem .eventCategory span { display:block; margin-bottom: 4px; } .unsungHeroesList .eventItem .eventTitle.heroName, .eventDetail h2.eventTitle.heroName { color:#f96207; } .wob .unsungHeroesList .eventItem .eventTitle.heroName, .wob .eventDetail h2.eventTitle.heroName { color:#fff; } .flipbox-wrapper { perspective: 800px; perspective-origin: 50% 50%; } .flipbox-wrapper .flipbox-box { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition-property: transform; } .flipbox-wrapper .flipbox-box .flipbox-side { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; } .flipbox-wrapper .flipbox-box .flipbox-side.flipbox-front { transform: translateZ(0); } .flipbox-wrapper .flipbox-box .flipbox-side.flipbox-left { transform-origin: center left; } .flipbox-wrapper .flipbox-box .flipbox-side.flipbox-right { transform-origin: top right; } .flipbox-wrapper .flipbox-box .flipbox-side.flipbox-top { transform-origin: top center; } .flipbox-wrapper .flipbox-box .flipbox-side.flipbox-bottom { transform-origin: bottom center; } .flipBoxWrap { position: fixed; right:20px; bottom:10px; z-index:10; width: 200px; height:200px; } .cubeClosed { width:25px; height:25px; background-color:#fff; color:#000; position:absolute; right:-15px; top:-15px; border-radius:50%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); text-align:center; line-height:26px; z-index:1; cursor:pointer; } .flipBoxWrap .side { text-align:center; font-size:15px; line-height:1.3; color:#000; height:200px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); background-color:#f6e6cf; } .flipBoxWrap .side a { color:#fff; text-decoration:none; } .flipBoxWrap .side .titleText { display: block; padding: 7px 10px; font-weight: 600; background-color: #c26430; color: #fff; /*background: rgb(207,110,67); background: linear-gradient(120deg, rgba(207, 110, 67, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(46, 171, 80, 1) 100%); color: #0c1387;*/ background: #262b4a !important; color:#fff!important; } .flipBoxWrap .side .cubeContent { padding:10px; display:block; word-wrap: break-word; } .flipBoxWrap .side .cubeContent img { width:100%; height:auto; } .flipBoxWrap .side1 { background-color:#b5bdf2; } .flipBoxWrap .side1, .flipBoxWrap .side1 a { color:#000; } .flipBoxWrap .side1 .titleText { background-color:#c26430; } .flipBoxWrap .side2 { background-color:#7ce3d8; } .flipBoxWrap .side2 .titleText { background-color:#a1a841; } .flipBoxWrap .side3 { background-color:#efbda0; } .flipBoxWrap .side3 .titleText { background-color:#bd5ed6; } .flipBoxWrap .side4 { background-color:#f9b4ee; } .flipBoxWrap .side4 .titleText { background-color:#2fbad1; } .bannerIframe { position: relative; padding-bottom: 29.7%; /* 16:9 */ height: 0; width:100%; } .bannerIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .meaStrip { padding-bottom: 40px; } .meaStrip img { width: 100%; } .addBannerWrap { position: relative; } .bannerIframe, .addBannerWrap .addBannerLeft, .addBannerWrap .addBannerRight { float:left; } .addBannerWrap .addBannerLeft, .addBannerWrap .addBannerRight { width:12.5%; } .addBannerWrap .addBannerLeft { left: 0; } .addBannerWrap .addBannerRight { right:0; } .addBannerWrap .addBannerLeft img, .addBannerWrap .addBannerRight img { width:100%; } .addBannerWrap .addBannerLeft a, .addBannerWrap .addBannerRight a { display: block; } .homeImgSlider-swiper-pagination { position: absolute; left:200px; right:200px; bottom:10px; width:auto; text-align:center; z-index:1; } .whatsNew .swiper-slide, .p-9 { padding: 5px; } .whatsNew h2 { margin-left:5px; color:#000; text-align:left; } .whatsNewItem { text-decoration:none; display:block; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding:3px; border-radius: 10px; } .whatsNewItem .imgHolder { position: relative; overflow: hidden; display:block; border-radius:6px 6px 0 0; height:282px; } .whatsNewItem .imgHolder img { color:#fff; width:100% !important; height:auto !important; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .whatsNewItem:hover .imgHolder img { transform: scale(1.2); -webkit-transform: scale(1.2); } .whatsNewItem .titleText { font-size:18px; color:#3d4864; display:block; padding: 10px; text-align:center; min-height:77px; } .whatsNewItem:hover .titleText { color: #f96207; } .whatsNew .sliderArrowNext, .whatsNew .sliderArrowPrev { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width:40px; height:40px; margin:0; transform:translateY(-50%); } .whatsNew .sliderArrowNext { right: 12px; background-position: -51px -4px; } .whatsNew .sliderArrowPrev { left: 10px; background-position: -5px -4px; } .whatsNewItem .imgHolder .fa { width: 50px; height: 50px; border-radius: 50%; background-color: #f96207; position: absolute; left: 50%; top: 50%; color: #fff; font-size: 20px; text-align: center; line-height: 50px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all 450ms ease 0s; -webkit-transition: all 450ms ease 0s; } .whatsNewItem .imgHolder { width:100%; height: 100%; } .bannerLeftBtn { position: fixed; left:5px; bottom:30px; z-index:2; border-radius:0; animation: mymove 2s infinite; -webkit-animation: mymove 2s infinite; border:0; width:120px; height:120px; border-radius:50%; text-align:center; text-decoration:none; color:#fff; } .bannerLeftBtn .text { display: block; padding:24px 12px; } .bannerLeftBtn:hover { color:#fff; } @keyframes mymove { 0% { background-color: #f96207; } 25% { background-color: #11b246; } 50% { background-color: #f96207; } 75% { background-color: #11b246; } 100% { background-color: #f96207; } } .logoItem { box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2); padding: 5px; text-align:center; margin-bottom:30px; border-radius: 7px; background:#fff; } .logoItem .imgHolder { margin-bottom: 15px; } .logoItem .imgHolder img { width:100%; border-radius: 5px 5px 0 0; } .logoDownList { margin:0 0 10px 0; padding: 0; list-style: none; } .logoDownList li { display: inline-flex; margin: 5px; justify-content: center; align-items: center;} .logoDownList li a { display: block; padding: 5px 20px; text-decoration:none; border:1px solid #FFD900; border-radius:35px; background-color:#FFD900; color: #2B304E; margin: 2px; } .logoDownList li a:hover { color:#fff; background-color:#2B304E; border-color:#2B304E; } .whatsNew .titleHeader { position: relative; padding-right:80px; } .whatsNew .titleHeader .viewAll { position: absolute; right: 0; top: 4px; text-decoration: none; } .childrenCornerList .blogItem .imgHolder { height: 270px; overflow:hidden; } /*Baloon Animation*/ /*.living-room { display: flex; flex-wrap: wrap; justify-content: center; width: 100vw; height: 100vh; margin: 0 auto; overflow: hidden; position: fixed; cursor: auto; z-index: 999999; top:0; bottom:0; } .helium { position: relative; } .balloon { display: flex; flex-direction: column; align-items: center; width: 80px; height: 100px; margin: 0.25rem; text-align: center; border-radius: 50% 50% 50% 50% / 40% 40% 60% 60%; box-shadow: inset -5px -5px 0 rgba(0, 0, 0, 0.07), 0 0 2px 2px rgba(0, 0, 0, 0.1), 0 0 8px 4px rgba(0, 0, 0, 0.03); animation: flyUp 15s; position: absolute; transition: all 0.2s ease-out; z-index: 1000; } .knot { margin-top: 94px; border-right: 4px solid transparent; border-bottom: 12px solid transparent; border-left: 4px solid transparent; animation: sway 10s ease-in; transition: border-bottom 1s; z-index: -1; } .string { position: absolute; left: -1px; display: block; width: 2px; height: 100px; margin-top: 12px; background: rgba(0, 0, 0, 0.15); opacity: 1; transition: opacity 1s; z-index: -1; } @keyframes flyUp { from { transform: translateY(200vh); opacity: 1; } to { transform: translateY(-200vh); opacity: 1; } } @keyframes sway { 0%, 100% { transform: translateX(-5px); } 50% { transform: translateX(0); } }*/ .popped { animation: noAir 0.2s 1; box-shadow: none !important; } .eventImgHolder { width: 100%; display: block; } /*.eventDetailContent { width: 100%; }*/ .eventIframe p { padding:10px 10px 0 10px; } .mb-30 { margin-bottom:30px; } .rowPM .eventImgHolder { margin-bottom:15px } .whatsNewItem .imgHolder { height:235px; } .youtubeWrap { max-width: 560px; margin-bottom:15px; } @media only screen and (max-width: 1430px) { .whatsNewItem .imgHolder { height: 180px; } } /**/ .eventIframeWrap { position:relative; width: 100%; overflow: hidden; padding-top: 58%; } .eventDetailContent .eventIframeWrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; } button.btn.newbtn a:hover { color: #000; } button.btn.newbtn a { color: #fff; text-decoration: none; } .ministerListWrap { background-color:#f2f2f2; } .ministerList [class*="col-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; } .ministerBlock { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); margin-bottom: 30px; background-color:#fff; display:block; text-decoration:none; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .ministerBlock span { display:block; color:#323232; } .ministerBlock .imgHolder img { width:100%; } .ministerBlock .bottomBlock { padding: 15px; text-align:center; } .ministerBlock .titleText { color: #323232; font-family: 'droid_serif'; margin-bottom: 5px; font-size: 19px; font-weight: 400; } .ministerBlock .dec { color:#686868; margin-bottom:10px; min-height:48px; } .ministerBlock .orange-btn, .catalogueBlock .orange-btn { padding: 7px 10px; display:block; text-align:center; background-color:#fff; color:#f96207; } .ministerBlock .orange-btn:hover, .catalogueBlock .orange-btn:hover { background-color:#f96207; color:#fff; } .ministerBlock .orange-btn { display:inline-block; } .catalogueBlock { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); margin-bottom: 30px; background-color:#fff; position:relative; padding: 15px 15px 15px 170px; min-height:188px; text-decoration:none; } .catalogueBlock, .catalogueBlock .imgHolder, .catalogueBlock .bottomBlock { display:block; } .catalogueBlock .imgHolder { width:140px; position:absolute; left:15px; top:15px; } .catalogueBlock .imgHolder img { width:100%; } .catalogueBlock .bottomBlock { padding: 0; } .catalogueBlock .titleText { color: #323232; margin-bottom: 15px; font-weight: 400; display:block; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .catalogueBlock .orange-btn { transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; display:inline-block; width:133px; } .catalogueBlock:hover .titleText { color:#2b304e; } .selectionsWrap .bulletText li { margin-bottom: 20px; } .selectionsWrap .bulletText li .fa { font-size:13px; } .selectionsWrap .bulletText li a .fa { color: #f96207; } .selectionsWrap .bulletText li a { color: #323232; text-decoration:none; } .selectionsWrap .bulletText li a:hover { color: #f96207; } /*********Desh Bhakti Geet**********/ .deshbhaktiGeet .largeText { font-size: 20px; color:#3d4864; font-weight:500; text-align:center; margin: 0 auto 25px auto; max-width:900px; } .deshbhaktiGeet .ministerBlock { box-shadow: 0 0 0 rgba(0, 0, 0, 0); text-align:center; margin-bottom:0; } .deshbhaktiGeet .ministerBlock .imgHolder { overflow:hidden; width:200px; height: 200px; border-radius:50%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); margin: 0 auto; } .deshbhaktiGeet .ministerBlock h3 { font-size: 22px; font-weight: 600; margin-bottom: 4px; } .deshbhaktiGeet .ministerBlock p { font-size: 17px; } .competitionTable tr th:first-child, .competitionTable tr td:first-child { width: 50px; text-align:center; } .competitionTable tr th:last-child, .competitionTable tr td:last-child { width: 220px; } .competitionTab { margin-bottom: 25px; } .competitionTab .tabNav { margin:0 0 30px 0; padding: 0; border: 0; } .competitionTab .tabNav li { margin:0 50px 0 0; } .competitionTab .tabNav li a { width:100px; height: 100px; text-align:center; border-radius:50%; display:block; padding: 23px 0; font-size:16px; background-color:#272c4c; color:#fff; } .competitionTab .tabNav .r-tabs-state-active a { background-color: #f96207; } .competitionTab .tabNav li:before { display: none; } .competitionTab .tabNav li a span { display:block; font-size:30px; line-height: 1.2; } .competitionTab .tabNav .r-tabs-state-active a:after { display:none; } .competitionTab .tabContainer { padding: 25px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); border-radius:10px; } .competitionTab .tabContent { padding: 0; } .competitionTab .tabNav .r-tabs-state-active a:before { position:absolute; left: 50%; bottom:-50px; width:30px; height: 30px; margin-left:-15px; border-radius:3px; box-shadow: 8px -8px 15px rgba(0, 0, 0, 0.07); content:""; background: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); z-index:1; } /*#navbar-nav li.MenuLi3:before { position:absolute; right:10px; top:0; width:25px; height: 11px; background:url(../Images/flashnews.gif) no-repeat 0 0; content:""; }*/ /********Certificate**********/ .certiWrap, .thankyouMsg { max-width:950px; margin: 0 auto; } .certiWrap table { position:relative; } .thankyouMsg { background-color:#3db74c; padding: 12px 15px; border-radius:5px; color:#fff; text-align:center; margin-bottom:20px; } .thankyouMsg p { margin-bottom:0; } .userName { font-size: 22px; font-weight:700; text-align:center; position:relative; display:block; padding-bottom: 10px; position:absolute; left:0; top:0; width:100%; } .userName span { display:block; margin: 0 auto; max-width:400px; border-bottom:2px solid #b2b2b2; padding-bottom:5px; min-height: 30px; } /*******Registration Form*******/ .registrationForm { max-width: 1100px;width: 100%;padding: 50px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); max-width:950px; margin: 0 auto;background: #fff;border-left: 5px solid #ffd900; } .registrationForm .label-text { display:block; padding-bottom:5px; } /*.registrationForm .form-control { height: 50px; }*/ .registrationForm .customSelectWrap:before { top: 4px; } .registrationForm .radioBox, .registrationForm .radioBox td { border:0; padding: 0; } .registrationForm .radioBox { margin: 9px 0 0 0; } .registrationForm .radioBox input, .registrationForm .radioBox label, .registrationForm .CheckField input, .registrationForm .CheckField label { cursor:pointer; } .registrationForm .radioBox input { position: relative; top: -2px; } .registrationForm .radioBox label { margin-left:5px; } .registrationForm textarea.form-control { height: 133px; resize:none; } .registrationForm input[type="checkbox"], .registrationForm input[type="radio"] { width: 20px; height: 20px; display:inline-block; vertical-align:middle; } .registrationForm .Check strong { display: block; margin-bottom:10px; font-weight:500; } .registrationForm .CheckField { position: relative; padding-left:30px; } .registrationForm .CheckField input[type="checkbox"] { position: absolute; left:0; top:5px; } .registrationForm input[type="file"] { padding-top: 8px; } .registrationForm .fieldNote { margin: 5px 0 0 0; font-size:13px; color:#717171; } .registrationForm .form-group { position: relative; } .registrationForm .error { position: absolute; left: 5px; background: #ff0000; color: #fff !important; border-radius: 3px; padding: 2px 10px; font-size: 13px; z-index: 1; bottom:-14px; } .registrationForm .error:after { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f00; position: absolute; content: ""; left: 15px; top: -5px; } .thankYouPage { margin: 0 auto; max-width: 700px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 50px; text-align:center; } .thankYouPage .fa { width:80px; height: 80px; border-radius:50%; text-align:center; line-height: 80px; background-color:#3db74c; color:#fff; font-size:50px; margin-bottom:25px; } .thankYouPage h2 { color:#3db74c; font-size: 60px; } .thankYouPage .orange-btn { background-color:#3db74c; border-color:#3db74c; margin-right:5px; } .thankYouPage .orange-btn:hover, .thankYouPage .orange-btn:focus { color:#3db74c; background-color:#fff; } .thankYouPage p { font-size: 22px; } .registrationForm .btnField { position: relative; } .registrationForm .btnField .btnGroup { position: absolute; right:0; top:0; z-index: 1; } .registrationForm .btnField .button { border-radius:0; border:0; padding-left:15px; padding-right: 15px; } .registrationForm .btnField .button:hover, .registrationForm .btnField .button:focus { background-color:#3d4864; color:#fff; } .registrationForm .formCaptcha { position: relative; padding-right: 215px; } .registrationForm .formCaptcha .captchImg { position: absolute; right: 0; top:0; } .registrationForm .formCaptcha .captchImg img { width:161px; margin-right:5px; } .registrationForm .formCaptcha .refreshIcon { font-size: 30px; text-decoration: none; position: relative; top: 6px; } .competitionList .blogItem .imgHolder { height: 190px; } .competitionTable table { max-width:900px; } /*****Podcast*****/ .podcastContent { position: relative; } .podcastShare { margin:0; padding:0; list-style:none; } .podcastShare li { display: inline-block; vertical-align: middle; margin-right:10px; } .podcastShare li a { display: block; width:30px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-radius: 50%; border: 1px solid #dfdfdf; } .podcastContent .imgHolder .podcastShare li img { width: auto; padding: 0; background: none; box-shadow: 0 0 0 rgba(0, 0, 0, 0); display: block; } .podcastContent .imgHolder .socialConnectWrap { margin-top: 20px; } .podcastContent .imgHolder .socialConnectWrap p { margin: 0 0 15px 0 } .podcastContent .imgHolder { max-width:400px; margin: 0 25px 25px 0; float:left; } .podcastContent .imgHolder img { width: 100%; padding: 4px; background-color:#fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .podcastContent .podcastRight { position:relative; width: calc(100% - 425px); float: left; } .podcastContent h2 { font-size:40px; margin-bottom: 15px; padding-right: 180px; } .socialConnectWrap { margin-bottom: 25px; } .socialConnectWrap p { margin: 0 15px 0 0; font-size:20px; color:#3d4864; font-weight:500; } .poscastAudioList { margin-bottom: 35px; } .rssFeed, .podcastShare li a.rssFeed { padding: 5px 10px; color:#fff; width:auto; border-radius:5px; border:0; text-decoration:none; font-weight:500; background: rgba(255, 109, 24, 1); background: -moz-linear-gradient(45deg, rgba(255, 109, 24, 1) 0%, rgba(255, 176, 92, 1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255, 109, 24, 1)), color-stop(100%, rgba(255, 176, 92, 1))); background: -webkit-linear-gradient(45deg, rgba(255, 109, 24, 1) 0%, rgba(255, 176, 92, 1) 100%); background: -o-linear-gradient(45deg, rgba(255, 109, 24, 1) 0%, rgba(255, 176, 92, 1) 100%); background: -ms-linear-gradient(45deg, rgba(255, 109, 24, 1) 0%, rgba(255, 176, 92, 1) 100%); background: linear-gradient(45deg, rgba(255, 109, 24, 1) 0%, rgba(255, 176, 92, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6d18', endColorstr='#ffb05c', GradientType=1 ); } .rssFeed .fa, .podcastShare li a.rssFeed .fa { font-size: 20px; display: inline-block; vertical-align:middle; } .poscastRow { border-radius:7px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); padding: 15px 10px 10px 10px; margin-bottom:10px; text-align:left; } .poscastRow p { margin-bottom:0; } .poscastRow p small { font-size: 14px; color:#717171; display:block; } .poscastRow .podcastTitle { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; position:relative; padding-left:40px; min-height:30px; padding-right:20px; } .poscastRow .podcastTitle .srNumber { width:30px; height: 30px; border-radius:50%; background-color:#3d4864; color:#fff; text-align:center; line-height:30px; display:inline-block; vertical-align:middle; position:absolute; left:0; top:6px; } .poscastRow .green-audio-player { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .green-audio-player { height:36px; display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-left:0; padding-right:0; border-radius:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none } .green-audio-player.player-accessible .controls:hover, .green-audio-player.player-accessible .download:hover, .green-audio-player.player-accessible .play-pause-btn:hover, .green-audio-player.player-accessible .volume__button:hover, .green-audio-player.player-accessible .volume__controls:hover { outline:1px dotted #999 } .green-audio-player img, .green-audio-player svg { display:block } .green-audio-player .holder { position:relative } .green-audio-player .holder .loading .loading__spinner { position:absolute; left:-3px; bottom:2px; width:16px; height:16px; border:2px solid #b0b0b0; border-right-color:transparent; border-radius:50%; -webkit-animation:spin .4s linear infinite; animation:spin .4s linear infinite } .green-audio-player .holder .play-pause-btn { visibility:hidden; cursor:pointer; outline:none } .green-audio-player .holder .play-pause-btn:focus { outline:none } .green-audio-player .slider { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; background-color:#d8d8d8; cursor:pointer; position:relative } .green-audio-player .slider .gap-progress { background-color:#f96207; border-radius:inherit; position:absolute; pointer-events:none } .green-audio-player .slider .gap-progress .pin { height:12px; width:12px; border-radius:8px; background-color:#f96207; position:absolute; pointer-events:all; -webkit-box-shadow:0 1px 1px 0 rgba(0, 0, 0, .32); box-shadow:0 1px 1px 0 rgba(0, 0, 0, .32) } .green-audio-player .slider .gap-progress .pin:after { content:""; display:block; background:transparent; width:200%; height:200%; margin-left:-50%; margin-top:-50%; border-radius:50% } .green-audio-player .controls { font-family:Roboto, sans-serif; font-size:16px; line-height:18px; color:#55606e; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-left:10px; margin-right:10px; outline:none } .green-audio-player .controls .controls__slider { margin-left:16px; margin-right:16px; border-radius:2px; height:3px } .green-audio-player .controls .controls__slider .controls__progress { width:0; height:100% } .green-audio-player .controls .controls__slider .controls__progress .progress__pin { right:-8px; top:-5px } .green-audio-player .controls span { cursor:default; cursor: default; font-weight: 400; font-size: 14px; color: #868686; } .green-audio-player .controls:focus { outline:none } .green-audio-player .volume { position:relative } .green-audio-player .volume .volume__button { cursor:pointer; outline:none } .green-audio-player .volume .volume__button:focus { outline:none } .green-audio-player .volume .volume__button.open path { fill:#f96207 } .green-audio-player .volume .volume__controls { width:20px; height:85px; background-color:rgba(0, 0, 0, .62); border-radius:3px; position:absolute; left:-3px; bottom:52px; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex; z-index:2; outline:none } .green-audio-player .volume .volume__controls .volume__slider { margin-top:10px; margin-bottom:10px; width:3px; border-radius:3px } .green-audio-player .volume .volume__controls .volume__slider .volume__progress { bottom:0; height:100%; width:3px } .green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin { left:-5px; top:-8px } .green-audio-player .volume .volume__controls:focus { outline:none } .green-audio-player .volume .volume__controls.hidden { display:none } .green-audio-player .volume .volume__controls.top { bottom: 29px; left: -6px; } .green-audio-player .volume .volume__controls.middle { bottom:-54px; left:54px } .green-audio-player .volume .volume__controls.bottom { bottom:-164px; left:-3px } .green-audio-player .download { display:none; margin-left:16px; cursor:pointer; outline:none } .green-audio-player .download:focus, .green-audio-player:focus { outline:none } .message__offscreen { border:0; clip:rect(1px,1px,1px,1px); -webkit-clip-path:inset(50%); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; word-wrap:normal } .play-pause-btn .play-pause-btn__icon, .volume__speaker, .download__link svg, .download__link { fill: #f96207; } .play-pause-btn .play-pause-btn__icon:focus, .volume__speaker:focus, .play-pause-btn svg:focus, .volume__button svg:focus { outline: 0 none; } .download__link svg, .volume__button svg { width: 15px; } .play-pause-btn svg { width: 12px; } .green-audio-player .controls { margin-right:0; } .green-audio-player .volume { display: none; } .podcastShare .shareEvent { top: 9px; } .poscastRowTitle { padding: 0 10px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .poscastRowTitle .podcastTitle { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; position: relative; padding-left: 40px; } .poscastRowTitle .podcastTitle h3 { margin:0; } .poscastRowTitle .podcastTitle .srNumber { border-radius: 0; background: none; color: #000; font-size: 20px; font-weight: 600; line-height: 1; height: auto; top: 4px; } /*#navbar-nav li.MenuLi3:before { position:absolute; right:10px; top:0; width:25px; height: 11px; background:url(../Images/flashnews.gif) no-repeat 0 0; content:""; }*/ .thanksdta p { } .languageDrop .customSelectWrap { width: 200px; } .languageDrop .displayNone { display: none; } .languageDrop .customSelectWrap:before { top: 6px; } .languageDrop .shareEvent { position: static; margin-right: 10px; margin-top: 8px; } .languageDropForm { max-width: 950px; margin: 0 auto; } .smallCol .row { margin-right: -8px; margin-left: -8px; } .smallCol .row .col-lg-4 { padding-right: 8px; padding-left: 8px; } .scrollEvents .homeTitle { min-height: 57px; } .scrollEvents .homeTitle .smallTag { display: block; font-size: 18px; font-weight: 500; color: #3d4864; } #whatsNew .whatsNewItem .titleText { min-height: 130px; } /*Competition Registration Style Changes 26-11-2021*/ .registrationForm .isdCodeField .monoInput { position: absolute; left: 55px; top: 0; width: calc(100% - 55px); padding-right: 110px; } .registrationForm .isdCodeField .isdCodeBox { width:47px; } .termsConditionWrap .accordion .accTrigger { cursor:pointer; font-weight:600; /*background-color:#fff;*/ color:#323232; padding: 12px 50px 12px 0; margin-bottom: 15px; box-shadow:none; position:relative; border-bottom:1px solid #e5e5e5; } .termsConditionWrap .accordion .accTrigger:before { font-family:'FontAwesome'; content:"\f107"; position:absolute; right:0; top:0; text-indent: 0; color: #546184; background-color: transparent; font-size:18px; width:46px; height: 100%; text-align: center; font-weight:400; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .termsConditionWrap .accordion .accTrigger.active { background-color: transparent; color: #546184; box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); } .termsConditionWrap .accordion .accTrigger.active:before { content:"\f106"; transform: rotate(0deg); -webkit-transform: rotate(0deg); } .termsConditionWrap .accordion { margin: 0; } .termsConditionWrap ul { margin: 0; } .competitionList1 .blogItem .imgHolder { } ul#myTab li::before { display: none; } ul#myTab li { margin: 0 !important; padding: 0; padding-left: 0 !important; width:100%; } ul#myTab { margin: 0; padding: 0; background: #546185; border-radius: 6px !important; overflow: hidden; } .tab-content { padding: 15px; background: #f7941d; border-radius: 5px; } .nav-tabs .nav-link { border: 0 !important; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #ffffff; background-color: #f96207; border-color: #dee2e6 #dee2e6 #fff; border: 0 !important; border-radius: 0 !important; text-decoration: none; } .nav-link { color:#fff; text-align:center; text-decoration: none; } .socialLinks { display: inline-block; vertical-align: middle; } .termsConditionWrap { max-width: 950px; margin: 0 auto; } /*Advance Search Style start - 09-12-2021*/ .advSearchNav { list-style:none; padding:0; margin:0 0 20px; border-bottom:1px solid #cfcfcf; } .advSearchNav li { float:left; margin-right:30px; } .advSearchNav > li a { font-size: 16px; color: #272c4c; padding: 10px 0; display: block; border-bottom: 3px solid transparent; text-decoration: none !important; font-weight:600; } .advSearchNav > li a.hover { text-decoration:none; } .advSearchNav > li.active > a { border-bottom-color:#272c4c; } .advSearchNavSub { list-style:none; padding:0; border:1px solid #c8c8c8; margin:0; position:absolute; left:0; top:40px; display:none; background-color:#efefef; width:260px; box-shadow:0 0 8px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.15); z-index:3; } .moreSearchNav { position:relative; } .advSearchNavSub li { float:left; width:100%; margin:0; } .advSearchNavSub li a { border-bottom: 0 none; padding: 10px 15px; } .advSearchNavSub li a:hover { text-decoration: none !important; background-color: #272c4c; color: #fff; } .advSearchFilter { font-size:15px; padding:15px; background: #efefef; } .advSearchFilter .customSelectWrap { display:inline-block; vertical-align:middle; margin-right: 15px; } .advSearchFilter .customSelectWrap:before { top: 0; } .advSearchFilter span { display:inline-block; padding-right:10px; } .advSearchFilter select { font-size: 15px; padding: 3px 5px; margin-right: 0; color: #555; width: auto; height:30px; width:100px; background-color: #fff; } .advSearchFilter .largeSelect select { width:150px; } .advanceSearch .pagingWrapper { border:0; } .searchResultText { padding:10px 0; margin-bottom:10px; } .searchTextFound { font-size: 16px; color:#272c4c; } .AdvResultCount { font-weight: 700; color: #272c4c; font-size: 19px; } .searchResultListing { margin:0; } .searchResultListing li { font-size: 15px; padding:15px; list-style: none; margin-bottom:0; } .searchResultListing li:last-child { border:0; } .searchResultListing li:nth-child(2n) { background-color: #f2f2f2; } .searchResultListing li > a { font-size: 17px; font-weight: 500; text-decoration: none; display:block; color: #272c4c; } #innerContent .searchResultListing .advSearchDisc { padding:7px 0 0; } #innerContent .advSearchMoreDetail { font-size:13px; font-style:italic; color:#808080; padding:5px 0; } .advSearchNav .moreSearchNav > a { background:url(../../../writereaddata/Portal/images/show-down.gif) right center no-repeat; padding-right:20px; } .advSearchNav .moreSearchNav.showSub .advSearchNavSub { display:block; } .advSchFilterCheckbox input { margin-right:8px; } .pageNoRow br { display:none; } .pageNoRow span:last-child > span { display:none } #ContentPlaceHolder1_UserAdvanceSearchSolr1_divAs table { border: 0; margin:0; background:none; } #ContentPlaceHolder1_UserAdvanceSearchSolr1_divAs table td { border: 0; padding:0; margin:0; background:none; } .advSearchMoreDetail { margin: 0; color:#305d8d; } .advSearchMoreDetail .pipeLine { padding: 0 10px; } .searchContent { margin-bottom:10px; } .searchResultListing li .markText { background: #305d8d; color: #fff; padding:0 5px; } /*Advance Search Style end - 09-12-2021*/ /**********Competition Detail - Rangoli***********/ .competitionDtlBnr { min-height:590px; padding:65px 0; } .competitionDtlBnr .container { position: relative; } .competitionDtlBnr .shareEvent { top:-45px; z-index: 1; } .rangoliBanner { background:url(/writereaddata/Portal/images/rangoli-banner-bg.jpg) no-repeat center top; background-size: cover; position:relative; } .rangoliBanner:before { position: absolute; left:0; top:0; position:absolute; content:""; background:url(/writereaddata/Portal/images/rangoli-banner-left-bg.png) no-repeat 0 0; width:68px; height:158px; } .rangoliBanner .bannerLeftBlock { width: 50%; } .rangoliBanner .bannerLeftBlock h2 { font-size:45px; font-weight:700; background: -webkit-linear-gradient(90deg, #811b4c, #b22d53 50%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:0; } .rangoliBanner .bannerLeftBlock h3 { font-size:100px; font-weight:800; color: transparent; background-clip: text; -webkit-background-clip: text; background-size: 40vw 50vw; background-image:url(/writereaddata/Portal/images/rangoli-text-bg.jpg); background-repeat:no-repeat; background-position:0 0; margin-bottom: 15px; background-attachment: fixed; line-height:1.31; } .rangoliBanner .bannerLeftBlock h3 span { display:block; line-height: 1.3; } @-moz-document url-prefix() { .rangoliBanner .bannerLeftBlock h3 { background-attachment: scroll; } } .rangoliBanner .bannerLeftBlock p { font-size:25px; font-weight:500; color:#000; } .rangoliBanner .bannerLeftBlock img { margin-bottom: 20px; } .rangoliBanner .bannerLeftBlock .orange-btn { font-size:25px; font-weight:500; } .rangoliBanner .bannerRightBlock { position: absolute; right:0; top:0; width:50%; } .competitionDetail .graySection { background-color:#f4f4f4; } .stageList .stageBlock { position: relative; padding: 50px 0 50px 165px; } .stageList .col-md-4 .stageBlock:before { font-weight:700; font-size:210px; color:#6c6c6c; opacity:0.1; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); line-height:170px; } .stageList .col-md-4:first-child .stageBlock:before { content:"1"; } .stageList .col-md-4:nth-child(2) .stageBlock:before { content:"2"; } .stageList .col-md-4:nth-child(3) .stageBlock:before { content:"3"; left: -13px; } .stageBlock .icon { width: 106px; height: 106px; background-color:#fff; border: 2px solid #002c72; border-radius:50%; position:absolute; left:40px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%) } .stageBlock h3 { font-size: 20px; color:#000; margin-bottom:7px; } .stageBlock h3 span { font-size:15px; color:#ff4e25; font-weight:500; display:block; margin-bottom:5px; } .stageBlock p { font-size: 18px; color:#000; margin-bottom:17px; font-weight:500; } .stageBlock .stageDate { background-color:#ffba14; font-size:18px; color:#000; font-weight:500; padding:5px 10px; } .stageList .col-md-4:first-child .stageBlock:after { width:306px; height:58px; position: absolute; left:50%; bottom:-15px; content:""; background:url(../images/stage-1-bg.png) no-repeat 0 0; background-size:100%; margin-left: 30px; } .stageList .col-md-4:nth-child(2) .stageBlock:after { width:278px; height:52px; position: absolute; left:50%; top:6px; content:""; background:url(../images/stage-2-bg.png) no-repeat 0 0; background-size:100%; margin-left: 8px; } .competitionProcess { background:#f4f4f4; min-height:530px; position:relative; } .competitionProcess .processLeftBlock { position: absolute; left:calc((100vw - 1600px) / 2); top:0; height:100%; width:879px; background:url(../images/rangoli-making-bg.jpg) no-repeat left bottom; background-size:cover; } .competitionProcess .processRightBlock { position: relative; width:50%; } .competitionProcess .processRightBlock:before { position: absolute; left:-35px; top:7px; bottom: 25px; width:1px; background-color:#cfcfcf; content:""; } .processStep { margin:0; padding:0; list-style:none; } .processStep li { position: relative; padding: 0 0 22px 0; font-size:20px; color:#000; } .processStep li:not(:last-child):before { position: absolute; left: 34px; top:0; bottom:0; content:""; width:1px; background-color:#ff4e25; } .processStep li .stepNumber { width:69px; height:69px; border-radius:50%; background-color:#ff4e25; color:#fff; font-size:16px; text-align:center; padding:12px 0; z-index:1; position:relative; } .processStep li:not(:first-child) .stepNumber:before { position: absolute; top:-9px; left:31px; content:""; border: solid #ff4e25; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .processStep li .stepNumber span { display:block; font-size:20px; font-weight:700; line-height:1; } .processStep li p { width: calc(100% - 69px); margin-bottom:0; padding-left:15px; } .rewardsPrizes { background-color:#272c4c; } .rewardsPrizes h2, .rewardsPrizes h3 { color:#fff; } .rewardsList { padding:20px 0 60px 0; } .rewardsList .col-md-4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; } .rewardsItem { border-radius:10px; overflow:hidden; background-color:#fff; border:1px solid #d3d3d3; width:100%; } .rewardsItem .imgHolder img { width:100%; } .rewardsItem .titleText { display:block; text-align:center; padding: 25px 15px; font-weight:700; color:#000; font-size:18px; line-height:1.2; } .cashRewards { padding-top: 20px; } .cashRewards .rewards-col { position: relative; } .cashRewards .rewards-col:not(:last-child):before { position: absolute; right:-65px; top:5px; bottom: 5px; width:1px; background-color:#e2e2e2; content:""; opacity:0.2; } .cashRewards h4 { color:#fff; font-size:16px; font-weight:600; } .cashRewardList { margin:0 -25px; padding:0; list-style:none; } .cashRewardList li { display: inline-block; vertical-align:middle; color:#fff; font-size:18px; font-weight:700; padding: 0 25px; } .cashRewardList li span { display:block; font-size:15px; color:#abafba; font-weight:500; } .rangoliShowcase { background-color:#f4f4f4; } .showcaseList { margin: 0 -15px; padding:0; list-style:none; } .showcaseList li { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 15px; } .showcaseItem { display:block; text-decoration:none; overflow:hidden; position:relative; border-radius:10px; border:1px solid #d3d3d3; } .showcaseItem span { display:block; } .showcaseItem .rangoliDetail { position: absolute; left:0; bottom:-100%; width:100%; padding: 25px; font-size:22px; color:#fff; transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; z-index:1; } .showcaseItem:hover .rangoliDetail { bottom:0; } .showcaseItem .rangoliDetail span { opacity:0.7; font-size:14px; } .showcaseItem .imgHolder img { width: 100%; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; display: block; } .showcaseItem:hover .imgHolder img { transform: scale(1.1); -webkit-transform: scale(1.1); } .showcaseItem .fa { width: 70px; height: 70px; border-radius: 50%; background-color: #fff; position: absolute; left: 50%; top: 50%; color: #535353; font-size: 30px; text-align: center; line-height: 70px; transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; z-index:1; } .showcaseItem:hover .fa { transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); } .showcaseItem:before { z-index: 1; position: absolute; left: 0; bottom: -100%; width: 100%; height: 60%; content: ""; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 90%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.75))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 90%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 90%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 90%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 90%); transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .showcaseItem:hover:before { bottom: 0; } .rangoliInquery { text-align:center; } .rangoliInquery p { font-weight:700; font-size: 20px; color:#000; } .rangoliInquery .phoneNumber { font-weight:500; color:#012b65; margin-bottom: 0; } .rangoliInquery .phoneNumber a { text-decoration:none; color:#012b65; margin-left:5px; } .rangoliInquery .phoneNumber a:hover { color:#f96207; } .rangoliInquery .phoneNumber .inqIcon { width:28px; height: 28px; background:url(../images/comptition-inq-icon.png) no-repeat 0 0; margin-right:5px; text-indent:-9999px; } /**********Competition Detail - Lori***********/ .loriBanner { background:url(/writereaddata/Portal/images/lori-banner.jpg) no-repeat right top; background-size:cover; } .loriBanner .bannerLeftBlock h3 { background-image: url(/writereaddata/Portal/images/lori-text-bg.jpg); } .loriBanner .bannerLeftBlock h2 { background: -webkit-linear-gradient(90deg, #ef2b54, #ff7f59 50%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .loriBanner:before, .deshBhaktiBanner:before { display:none; } .competitionProcess .processLeftImg { width:50%; padding-right:120px; } .loriCompeProcess { min-height:1px; } .rangoliShowcase.lori { background:none; } .loriShowcase { position: relative; } .loriShowcase:before { left: 15px; right:15px; bottom:-40px; height:1px; content:""; position:absolute; background-color:#ccc; display:block; } .loriShowcaseItem { text-align:center; padding:25px 0; position:relative; } .loriShowcase .col-md-3:not(:last-child) .loriShowcaseItem:before { position: absolute; right:-15px; top:25px; bottom:25px; content:""; background-color:#cfd3de; width:1px; } .loriShowcaseItem .fa { width:100px; height:100px; border-radius:50%; background-color:#ff4e25; color:#fff; font-size: 50px; line-height: 97px; margin-bottom:20px; } .loriShowcaseItem p { margin-bottom:0; color:#000; font-size:18px; font-weight:700; } .loriShowcaseItem p span { display:block; font-size:16px; font-weight:400; } .cashRewards.lori .rewards-col { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; padding: 0 15px; } .cashRewards.lori h4 { margin-bottom:0; } .cashRewards.lori .rewards-col:not(:last-child):before { right:30px; } /**********Competition Detail - Desh Bhakti***********/ .deshBhaktiBanner { background:url(/writereaddata/Portal/images/deshbhakti-banner.jpg) no-repeat right center; background-size:cover; } .deshBhaktiBanner .bannerLeftBlock h3 { background-image: url(/writereaddata/Portal/images/desh-geet-text-bg.jpg); background-size: 60vw 60vw; } .deshBhaktiBanner .bannerLeftBlock h3 span { line-height:1; } .deshBhaktiBanner .bannerLeftBlock { width:65%; } .deshBhaktiBanner .bannerLeftBlock h2 { background: -webkit-linear-gradient(90deg, #fb3504, #f77e00 50%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .deshbhaktiProcess { min-height: 1px; } .competitionProcess .shadowBox { padding: 60px 60px 40px 60px; box-shadow: 0 3px 57px rgba(216, 216, 216, 0.35); background-color:#fff; } .loriShowcaseItem .fa-play { font-size: 35px; padding-left: 10px; } .stageList.deshBhakti .stageBlock .stageNumber { font-size: 15px; color: #ff4e25; font-weight: 500; display: block; margin-bottom: 5px; } .stageList.deshBhakti { position:relative; } .deshBhakti .stageBlock .stageDate { margin: 5px 0 10px 0; display: inline-block; } .stageList.deshBhakti .col-md-4 .stageBlock:after { display:none; } .deshBhakti .stageBlock p { text-align:justify; font-size:16px; } .deshBhakti .stageBlock { padding-top:0; padding-left:145px; } .deshBhakti .stageBlock .icon { width:85px; height:85px; top:32px; transform: translateY(0); -webkit-transform: translateY(0); } .deshBhakti .col-md-4 .stageBlock:before { top:-10px; line-height:1; transform: translateY(0); -webkit-transform: translateY(0); } .deshBhakti .d-flex:nth-child(2) .col-md-4:first-child .stageBlock:before { content:"3"; } .deshBhakti .d-flex:nth-child(2) .col-md-4:nth-child(2) .stageBlock:before { content:"4"; left:-10px; } .dbLaunchDate { position: absolute; left:50%; top:50%; text-align:center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .dbLaunchDate .dateText { font-size:20px; color:#ff4e25; margin-bottom: 25px; } .dbLaunchDate .dateText span { display:block; font-weight:700; color:#0d235c; font-size: 36px; } .deshBhakti .loriShowcaseItem .green-audio-player { height: 100px; margin-bottom:20px; } .loriShowcase.deshBhakti .green-audio-player .controls { display:none; } .deshBhakti .loriShowcaseItem .green-audio-player .holder { width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; background-color: #ff4e25; position:relative; } .deshBhakti .loriShowcaseItem .green-audio-player .holder .play-pause-btn { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .deshBhakti .loriShowcaseItem .green-audio-player .holder .play-pause-btn svg { width: 40px; height: 40px; } .deshBhakti .loriShowcaseItem .green-audio-player .holder .play-pause-btn .play-pause-btn__icon { fill: #ffffff; } .deshBhakti .loriShowcaseItem .green-audio-player .holder .play-pause-btn[aria-label="Play"] { padding-left:10px; } .competitionBadge { left: 0; right: auto; width:200px; } .contentLink { color: black; } .flipBoxWrap .side .cubeContent a { color:#000; } /*29-12-2021 Start : Random Changes on Homepage*/ .whatsNew { padding:25px 0; } .blogItem.orangeBg { border: 3px solid #ddd; border-image: -webkit-linear-gradient(#ff9d00, #019d42) 30 30; border-image: -moz-linear-gradient(#ff9d00, #019d42) 30 30; border-image:linear-gradient(#ff9d00, #019d42) 30 30; } .importantMsg .impMsgText { display: inline-block; margin: 0 0 15px; font-size: 1em; font-weight: 400; } .importantMsg .eventLastDate { font-weight: 600; display: inline-block; font-size: 1.063em; } .blogItem .imgHolder { margin: 0 -15px 15px -15px; overflow: hidden; height:227px; } .fontSemiBold { font-weight: 400; color: #272c4c; } /*Swatantra Swar Style Start*/ table tr:nth-child(2n+1) td, .evenRow { background-color: #f4f4f4; } .accordion .tableData tr th.firstTh { width: 75px; text-align: center; } .accordion .tableData tr th.lastTh { width: 115px; text-align: center; }/*Swatantra Swar Style End*/ .innerInstagram .instagram-media { width:100%; } /*Kite Flying Style Start*/ .kiteAnimation { height: 100vh; text-align: center; overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999999999; } svg { height: 100%; } .kitesize { width: 100%; position: absolute; transition: all 0.3s ease-out; } .kite1 { animation: kiteflying 10s ease-in-out infinite; left: 5%; bottom: -20%; } .kite2 { animation: kiteflying1 8s ease-in-out infinite; left: 18%; bottom: 0%; } .kite3 { animation: kiteflying3 9s ease-in-out infinite; left: 28%; bottom: -30%; } .kite4 { animation: kiteflying4 8s ease-in-out infinite; left: 42%; bottom: -10%; } .kite5 { animation: kiteflying2 9s ease-in-out infinite; left: 52%; bottom: -40%; } .kite6 { animation: kiteflying 10s ease-in-out infinite; left: 65%; bottom: 5%; } .kite7 { animation: kiteflying1 8s ease-in-out infinite; left: 78%; bottom: -10%; } .kite8 { animation: kiteflying1 9s ease-in-out infinite; left: 20%; bottom: -40%; } .kite9 { animation: kiteflying1 8s ease-in-out infinite; left: 25%; bottom: -20%; } .kite10 { animation: kiteflying1 10s ease-in-out infinite; left: 78%; bottom: -45%; } .kite11 { animation: kiteflying1 9s ease-in-out infinite; left: 54%; bottom: -35%; } .kite12 { animation: kiteflying1 10s ease-in-out infinite; left: 38%; bottom: -30%; } .kite13 { animation: kiteflying1 9s ease-in-out infinite; left: 50%; bottom: -0%; } .kite14 { animation: kiteflying1 8s ease-in-out infinite; left: 46%; bottom: -25%; } .kite15 { animation: kiteflying1 10s ease-in-out infinite; left: 87%; bottom: -38%; } .kite16 { animation: kiteflying1 9s ease-in-out infinite; left: 40%; bottom: -24%; } .kite17 { animation: kiteflying1 9s ease-in-out infinite; left: 82%; bottom: -12%; } .kite18 { animation: kiteflying1 8s ease-in-out infinite; left: 25%; bottom: -10%; } .kite19 { animation: kiteflying1 7s ease-in-out infinite; left: 45%; bottom: -5%; } .kite20 { animation: kiteflying1 9s ease-in-out infinite; left: 28%; bottom: -35%; } .kitesize img { width:80px; height:auto; display: block; max-width: 100%; } .animated-kite img { animation:dash 4s ease-in-out infinite; transform-origin: 60% bottom; } @keyframes dash { 25% { transform:rotate(5deg); } 75% { transform:rotate(-5deg); } } @keyframes kiteflying { from { transform: translateY(120%); opacity: 1; } to { transform: translateY(-900%); opacity: 0.9; } } @keyframes kiteflying1 { from { transform: translateY(130%); opacity: 1; } to { transform: translateY(-900%); opacity: 0.9; } } @keyframes kiteflying2 { from { transform: translateY(141%); opacity: 1; } to { transform: translateY(-900%); opacity: 0.9; } } @keyframes kiteflying3 { from { transform: translateY(168%); opacity: 1; } to { transform: translateY(-900%); opacity: 0.9; } } @keyframes kiteflying4 { from { transform: translateY(175%); opacity: 1; } to { transform: translateY(-900%); opacity: 0.9; } } /*Kite Flying Style End*/ .tweeterFeesList { background-color:#f2f2f2; } .eventWidget { background: #434e6c; padding: 25px 0; } .eventWidget h2 { text-align:center; color:#fff; } .eventWidget .eventList .eventItem { background-color:#fff; } .eventItem .eventTitle a { color: #323232; text-decoration:none; } .eventItem .imgHolder a { display:block; } .themeNameDtl, .eventDetail .eventTheme { font-size: 1.063em; color: #323232; font-weight: 400; margin-bottom: 10px; } .swiper-lazy-preloader-white:after { background-image: url("../../Portal/images/loading.gif"); } .homeImgSlider .swiper-slide { height:auto; background-color:#f3f3f3; } .homeImgSlider .swiper-lazy-preloader, .homeRoadMuseumSlider .swiper-lazy-preloader, .homeWhatsNewSlider .swiper-lazy-preloader { width: 100%; height: 100%; left: 0; top: 0; margin-left: 0; background: #fff; margin-top: 0; -webkit-animation: none; animation: none; } .homeImgSlider .swiper-lazy-preloader:after, .homeRoadMuseumSlider .swiper-lazy-preloader:after, .homeWhatsNewSlider .swiper-lazy-preloader:after { width: 100%; height: 100%; background-size: auto; } /*.competitionList1 .blogItem:hover, .unsungHeroesList .eventItem:hover { background-color: #fff; }*/ .yellowText { color: #FFD900; } .ongoingEvent .themeName { margin-bottom: 0; } .ongoingEvent .themeName span { background-color: #ffd900; color: #2b304e; padding: 3px 10px; border-radius: 20px; text-decoration: none; display: inline-block; font-size: 15px; } /**Spotlight Event Pagination 16-03-2022**/ .eventPagingCount { float:left; } .eventPagingNo { float:right; } .eventPagingCount p, .eventPagingNo p { margin-bottom:0; } /**Numeric UL LI List Style 23-03-2022**/ ol.numericNumber { list-style: none; counter-reset: my-awesome-counter; } ol.numericNumber li { counter-increment: my-awesome-counter; position:relative; padding-left:40px; margin-bottom: 5px; } ol.numericNumber li a { text-decoration: none; color:#323232; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } ol.numericNumber li a:focus, ol.numericNumber li a:hover { text-decoration: underline; color: #393939; } ol.numericNumber li::before { content: counter(my-awesome-counter) ". "; color:#323232; font-weight:normal; position:absolute; left:0; width: 20px; text-align: right; } .iconicEventList .blogItem { padding:0 15px 15px 15px; } /***********Sheet Changes**********/ .eventPara { background-color: #ececf6; padding: 25px; margin-bottom:35px; } .flipBoxWrap { display:none !important; } #navbar-nav .MenuLi8 ul { width: 340px; background:none; } #navbar-nav .MenuLi8 ul > li { border-bottom:1px solid #d3b400; } #navbar-nav .MenuLi8 ul li > a { border:0; } #navbar-nav .MenuLi8 ul li { transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; background-color: #ffd900; } #navbar-nav .MenuLi8 ul li a:hover { background-color: #ffd900; color: #272c4c; } #navbar-nav .MenuLi8 ul li:hover, #navbar-nav .MenuLi8 ul li:hover a { background-color: #272c4c; color:#fff; } #navbar-nav .MenuLi8 ul li ul { position: static; margin: 0; display:block; box-shadow: 0 0 0 #fff; margin-top: -7px; border:0; } #navbar-nav .MenuLi8 ul li ul li { border:0; } #navbar-nav .MenuLi8 ul li ul li a { padding-top:0; font-size: 15px; line-height: 1.2; font-style: italic; } #navbar-nav .MenuLi8 ul li ul li a:before, #navbar-nav .MenuLi8 ul li ul:before { display:none; } /*****Podcast on Freedom Movement sub menu start*****/ #navbar-nav .MenuLi8 ul li:nth-child(5) ul { position: absolute; width: 300px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); display:none; margin-top:0; left:auto; right:100%; } #navbar-nav .MenuLi8 ul li:nth-child(5):hover ul { display:block; } #navbar-nav .MenuLi8 ul li:nth-child(5) ul li { border-bottom: 1px solid #d3b400; } #navbar-nav .MenuLi8 ul li:nth-child(5) ul li a { font-style: normal; font-size:17px; padding:10px 15px 10px 30px; line-height:25px; } #navbar-nav .MenuLi8 ul li:nth-child(5) ul li a { display:block; color:#272c4c; background: #ffd900; } #navbar-nav .MenuLi8 ul li:nth-child(5) ul li a:hover { color:#fff; background: #272c4c; } #navbar-nav .MenuLi8 ul li:nth-child(5) ul li a:before { display:block; } /*****Podcast on Freedom Movement sub menu end*****/ /*****Exhibitions sub menu start*****/ #navbar-nav .MenuLi8 ul li:nth-child(8) ul { position: absolute; width: 300px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); display:none; margin-top:0; left:auto; right:100%; } #navbar-nav .MenuLi8 ul li:nth-child(8):hover ul { display:block; } #navbar-nav .MenuLi8 ul li:nth-child(8) ul li { border-bottom: 1px solid #d3b400; } #navbar-nav .MenuLi8 ul li:nth-child(8) ul li a { font-style: normal; font-size:17px; padding:10px 15px 10px 30px; line-height:25px; } #navbar-nav .MenuLi8 ul li:nth-child(8) ul li a { display:block; color:#272c4c; background: #ffd900; } #navbar-nav .MenuLi8 ul li:nth-child(8) ul li a:hover { color:#fff; background: #272c4c; } #navbar-nav .MenuLi8 ul li:nth-child(8) ul li a:before { display:block; } /*****Exhibitions sub menu end*****/ .smallFont { font-size:17px; } /****Video Gallery With Tabbing - 03-05-2022 - Style Start ***/ ul.linkTabView { margin-bottom: 30px; } ul.linkTabView li { margin-bottom:15px; list-style: none; float: left; margin-right:30px; } ul.linkTabView li:last-child { margin-right:0; } ul.linkTabView li a { text-decoration: none; font-size: 27px; font-weight: 500; color: #6c6c6c; font-family: 'droid_serif'; } ul.linkTabView li a:hover { color: #272c4c; } ul.linkTabView li a.active { color: #272c4c; border-bottom: 4px solid #fdc932; padding-bottom: 8px; } /****Video Gallery With Tabbing - 03-05-2022 - Style End ***/ /*Competition Page Font Change 10-05-2022*/ .pageTitle h2 { font-size: 1.5em; color: #2B304E; font-weight: 500; margin-bottom: 0; font-family: 'droid_serif'; font-style: italic; } .competitionList1 .blogItem { padding-bottom:40px; } .iEventItem .spotlightCard { padding: 3px 15px; background-color: #ffd900;/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);*/ position: absolute; bottom: -14px; right: 20px; color: #2b304e; font-size:15px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; z-index:1; } .iEventItem:hover .spotlightCard { background-color: #2b304e; color: #fff; } .poscastRow.displayNone { display: none !important; visibility: hidden; height:0 !important; width:0 !important; padding:0 !important; } .unsungHeroesList .eventItem .eventTitle { min-height:50px; } .unsungHeroesDetail .eventImgLeft p { padding:5px 10px; margin:0; } .blogItem.iEventItem .iEventCard { padding: 35px 0 0 0; } .blogItem.iEventItem .imgHolderWrap { margin:0 -15px 15px -15px; } .blogItem.iEventItem .imgHolder { margin: 0; } .blogItem.iEventItem .iEventDate { left:15px; } .blogItem.iEventItem .spotlightCard { right:15px; } .blogItem.iEventItem .iEventDate span { margin:0; } .homeAboutContent .hideInDesktop { display: none; width: 100%; text-align: center; padding: 7px 10px; font-size: 15px; font-weight: 400; margin-bottom: 15px; } .homeImgSlider-swiper-pagination { display:none; } .homeImgSlider .swiper-pagination-bullet { background: #ffd900; border-color: #ffd900; opacity:0.5; } .homeImgSlider .swiper-pagination-bullet-active { border-color: #ffd900; background-color:#fff } .harGharTirangaSlider .iEventItem .fa { width: 50px; height: 50px; border-radius: 50%; background-color: #FFD900; position: absolute; left: 50%; top: 50%; color: #2B304E; font-size: 20px; text-align: center; line-height: 50px; transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); transition: all 450ms ease 0s; -webkit-transition: all 450ms ease 0s; z-index:1; } .harGharTirangaSlider .iEventItem:hover .fa { transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); } .harGharTirangaSlider .iEventItem .imgHolderWrap { background-color:#000; transition: all 450ms ease 0s; -webkit-transition: all 450ms ease 0s; } .harGharTirangaSlider .iEventItem .imgHolder { transition: all 450ms ease 0s; -webkit-transition: all 450ms ease 0s; } .harGharTirangaSlider .iEventItem:hover .imgHolder { opacity:0.7; } .harGharTirangaSlider .iEventItem .eventBgImage { background-position:center top; } #harGharTiranga { display:none !important; } .harGharJhandaPage { margin:-40px 0; } .jhandaBanner img { width:100%; } /*Har Ghar Tirnaga 24-05-2022 Start*/ .triviaList .blogItem .imgHolder { height: auto; } .triviaList .blogItem { padding: 0 15px } .triviaList .blogItem:hover { background-color: #fff; } .triviaList .blogItem:hover .imgHolder img { transform: none; -webkit-transform: none; opacity: 1; } /*Har Ghar Tirnaga 24-05-2022 End*//*******Story Detail******/ .storyDetail h3 { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc; } .storyDetail .gallery.photoList li, .storyDetail .gallery.videoList li { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .storyDetail .photoList .galleryBox .imgThumb, .storyDetail .videoList li a { height:120px; overflow:hidden; } .storyDetail .gallery.photoList { margin-bottom:15px; } /*Har Ghar Tiranga FAQs Style Start 22-06-2022*/ .questionAnswerBox { padding: 10px 0; border-bottom: 1px solid #ddd; } .questionAnswerBox p:first-child { font-weight: 500; margin-bottom:5px; color:#272c4c; } .questionAnswerBox p:last-child { margin-bottom: 0; } .questionAnswerBox:last-child { border-bottom:none; } .questionAnswerBox ul { margin: 0; } .questionAnswerBox ul.bulletText li:last-child { margin: 0; } /*Har Ghar Tiranga FAQs Style End*/ .tableData p { margin:0; } .tableData a { color: #2b304e; text-decoration: underline; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .tableData a:hover { color: #555d8e; text-decoration: none; } /*HTG Banner Style Start 20-07-2022*/ /*.htgBannerWrap { margin-bottom: 50px; background: #ececf6; padding:0 0 55px; }*/ .htgBannerWrap { margin-bottom:0; background: #ececf6; padding:0 0 55px; } .htgBannerWrap img { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); padding: 10px; background: #fff; } .htgBannerWrap .htgBannerbox { position:relative; } .htgBannerWrap .htgBannerbox .twoButtonLinks { position: absolute; right: 35px; text-align: right; transform: translateY(-49%); -webkit-transform: translateY(-49%); top: 51%; } .htgBannerWrap .htgBannerbox .twoButtonLinks span { display: inline-block; margin-bottom: 25px; width: 100%; } .orangeBtnNew { color: #272c4c !important; text-decoration: none; background:#ffd900; padding: 10px 25px; font-size: 17px; line-height: normal; transition: all 2s ease-out; text-align: center; font-weight: 600; animation: blink 1.5s infinite; border-radius: 100px; } .blueBtnNew { color: #272c4c !important; text-decoration: none; background:#ffd900; padding: 10px 25px; font-size: 17px; line-height: normal; transition: all 2s ease-out; text-align: center; font-weight: 600; animation: blink2 1.5s infinite; border-radius: 100px; } /*.htgBannerHomebox {position: absolute; left: 60%; top: 86%; transform: translateY(-14%); z-index: 99999;}*/ /*.htgBannerHomebox {position: absolute; left: 20%; top: 70%; transform: translateY(-14%); z-index: 99999;}*/ @keyframes blink { 0% { background-color: rgba(255, 217, 0, 1) } 50% { background-color: rgba(255, 255, 255, 1) } 100% { background-color: rgba(255, 217, 0, 1) } } @keyframes blink2 { 0% { background-color: rgba(255, 255, 255, 1) } 50% { background-color: rgba(255, 217, 0, 1) } 100% { background-color: rgba(255, 255, 255, 1) } } /*HTG Banner Style End 20-07-2022*/ /*22-07-2022*/ .harGharTirangaContentBg { background: #272c4c; padding: 15px 25px; border-radius: 10px; margin-bottom: 15px; } .harGharTirangaContentBg p { color: #fff !important; margin: 0; font-size: 19px; line-height: 32px; text-align: center; } .harGharTirangaContentBg .htgLink { color: #FFD900; font-weight: 600; } .harGharTirangaContentBg .htgLink:hover { color: #fff; text-decoration: none; } .yellowColor { color: #FFD900; font-weight: 600; } .harGharTirangaContentBg a:hover { color: #fff; } .htgBannerHomebox { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -60%); z-index: 99999; } .salientFeaturesContent { background: #fff; padding: 15px; color: #272c4c; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.09); margin-bottom: 25px; } .salientFeaturesContent p:last-child { margin:0; } .linkColor { color: #272c4c; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; text-decoration: underline; } /*HGT Listing Section 02-08-2022*/ .hgtSubPageList { margin: 0 -10px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } .hgtSubPageList li { top: 0 !important; padding: 0 10px; float: left; width: 50%; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; position: relative; margin-bottom:20px; } .hgtSubPageList li a { text-decoration:none; } .hgtSubPageList li .hgtSubPageBox { height: 100%; /*box-shadow: 0 0 30px rgba(0, 0, 0, 0.14);*/ padding: 30px; transform: scale(1) !important; -webkit-transform: scale(1) !important; text-align: center; text-decoration: none; display: block; border-radius: 14px; } .hgtSubPageName { position: static; display: block; font-size: 20px; color: #272c4c; font-weight: 600; height: 100%; border: 1px solid #466068; padding:15px 25px 35px; border-radius: 10px; } .hgtSubPageList li .button.yellowBtn { z-index:1; position: absolute; left: 50%; bottom: 5%; z-index: 1; transform: translateX(-50%); color: #2B304E; font-weight: 600; background-color: #FFF; border-color: #FFF; border-radius: 100px; text-decoration: none; margin: 0; padding: 11px 30px; line-height: 22px; font-size: 16px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; cursor: pointer; font-family: 'Poppins', sans-serif; } .hgtSubPageList li .button.yellowBtn:hover { color: #fff !important; background-color:#2B304E !important; border:1px solid #2B304E !important; } .hgtSubPageList li:hover .button.yellowBtn { color: #fff !important; background-color: #2B304E !important; border: 1px solid #2B304E !important; } .greenBoxBg { background:#a4ffbf; } .yellowBoxBg { background:#ffed92; } .brownBoxBg { background:#fcd08e; } .pingBoxBg { background:#ffbeb4; } .language .goButton { display:none; } h4 a { color: #434a7b; text-decoration: underline; } .fileSize { font-size: 14px; font-weight: 400; color: #6c6c6c; display: inline-block; } /*Independence Banner*/ .idpBannerHomebox { position: absolute; left: 35%; top: 15%; transform: translateY(-85%); z-index: 99999; } /*New CSS for Languages : 30-08-2022*/ .marathiDoc .rangoliBanner .bannerLeftBlock h3 { line-height: 1.5; } .bengaliDoc .homeTitle { font-size: 33px; } .bengaliDoc .cashRewards h4 { font-size: 13px; } .bengaliDoc .cashRewards .rewards-col:not(:last-child)::before { width:0; } .bengaliDoc .themeTab .themeTabList li a { font-size: 16px; } .bengaliDoc .themeTab .themeTabList li a:hover, .bengaliDoc .themeTab .themeTabList li.r-tabs-state-active a { color: #ffd900; font-weight: 400; } .bengaliDoc .themesOfAkam .azadiThemeList { display:flex; } .bengaliDoc .themesOfAkam .azadiThemeList li { display: flex; flex-wrap: wrap; } .malayalamDoc .eventFilterWrap .eventFilter .row .col-md-8, .kannadaDoc .eventFilterWrap .eventFilter .row .col-md-8, .bengaliDoc .eventFilterWrap .eventFilter .row .col-md-8, .tamilDoc .eventFilterWrap .eventFilter .row .col-md-8 { -ms-flex: 0 0 58%; flex: 0 0 58%; max-width: 58%; } /*Telugu Start*/ .teluguDoc #navbar-nav li { padding:0 15px; } .teluguDoc #navbar-nav li a { font-size: 14px; } .teluguDoc .homeTitle { font-size: 27px; } .teluguDoc .themeTab .themeTabList li a { font-size: 15px; } /*Kannada Start*/ .kannadaDoc .cashRewards h4 { font-size: 12px; } .kannadaDoc .cashRewardList li { font-size: 17px; padding: 0 10px; } .kannadaDoc .cashRewards .rewards-col:not(:last-child)::before { width:0; } .kannadaDoc #navbar-nav li { padding:0 10px; } .kannadaDoc #navbar-nav li a { font-size:15px; } .kannadaDoc .homeTitle { font-size:30px; } .kannadaDoc .homeAboutAkam .homeThemeItem .themeTitle { font-size: 15px; } .kannadaDoc .eventFilter .buttonRow { position: static; margin-bottom:10px; } .kannadaDoc .akamThemeList .akamThemeItem .imgHolder img { width: 65%; } /*Malayalam Start*/ .malayalamDoc .homeAboutAkam .homeThemeItem .themeTitle { font-size: 14px; } .malayalamDoc .testimonialsItem .clientSpeak { font-size: 17px; } .malayalamDoc .homeTitle { font-size: 28px; } .malayalamDoc .malyalamTitle { font-size: 21px; } .malayalamDoc #navbar-nav li { padding: 0 8px; } .malayalamDoc #navbar-nav li a { font-size: 14px; } .gujaratiDoc .themesOfAkam .azadiThemeList, .malayalamDoc .themesOfAkam .azadiThemeList, .tamilDoc .themesOfAkam .azadiThemeList, .punjabiDoc .themesOfAkam .azadiThemeList, .teluguDoc .themesOfAkam .azadiThemeList { display: flex; } .gujaratiDoc .themesOfAkam .azadiThemeList li, .malayalamDoc .themesOfAkam .azadiThemeList li, .punjabiDoc .themesOfAkam .azadiThemeList li, .tamilDoc .themesOfAkam .azadiThemeList li, .teluguDoc .themesOfAkam .azadiThemeList li { display: flex; flex-wrap: wrap; } .malayalamDoc .whiteShdowBox .droidTitle { font-size: 1.35em; } .malayalamDoc .eventCategoryNav li a { padding: 15px 10px 14px 10px; } .malayalamDoc .eventFilter { padding-right: 370px; } .malayalamDoc .cashRewards .rewards-col:not(:last-child):before, .tamilDoc .cashRewards .rewards-col:not(:last-child):before { width:0; } /*Tamil Start*/ .tamilDoc .tamilTitle { font-size: 20px; } .tamilDoc .rangoliBanner .bannerLeftBlock h3 { font-size:85px; } .tamilDoc .homeTitle { font-size:24px; } .tamilDoc #navbar-nav li { padding:0 5px; } .tamilDoc #navbar-nav li a { font-size: 15px; } /*13-09-2022 New Style*/ .kannadaDoc .rangoliBanner .bannerLeftBlock h3 { font-size: 110px; line-height: 1.2; } .kannadaDoc .rangoliBanner .bannerLeftBlock h2 { font-size: 42px; margin-bottom: 5px; line-height: 1.3; } .gujaratiDoc .rangoliBanner .bannerLeftBlock h3 { font-size: 110px; line-height: 1.3; } .gujaratiDoc .rangoliBanner .bannerLeftBlock h2 { margin-bottom: 10px; line-height: 1.4; font-size: 40px; } .malayalamDoc .stageBlock h3 span { font-size: 20px; font-weight: 600; } .malayalamDoc .stageBlock .stageDate { display: inline-block; } .malayalamDoc .rangoliBanner .bannerLeftBlock h3 { font-size:100px; line-height:1.3; } .tamilDoc .eventFilterWrap .eventFilter .buttonRow { position: static; margin-bottom:10px; } .tamilDoc .deshBhaktiBanner { background: url(../images/deshbhakti-banner-mob.jpg) no-repeat right -30px top; background-size: cover; } .tamilDoc .rangoliBanner .bannerLeftBlock h2 { font-size: 40px; margin-bottom: 10px; line-height: 1.5; } .tamilDoc .galleryFilter .row .col-md-12 { -ms-flex: 0 0 95%; flex: 0 0 95%; max-width:95%; } .kannadaDoc .search .goBtn, .marathiDoc .search .goBtn, .gujaratiDoc .search .goBtn {/* background: none; */ border: 0; color: #fff; height: 36px; position: absolute; right: 0; top: 1px; width: 45px; cursor: pointer; background: url(../../Portal/images/search-icon.svg) no-repeat center center; text-indent: 9999px; z-index: 1; } .marathiDoc .loriBanner .bannerLeftBlock h2 { line-height: 1.4; } .kannadaDoc .dbLaunchDate .dateText span { font-size: 20px; } /*State Level Competition Result*/ .districtLevelCompetitionResultWrap { background: #f4f4f4; } .districtLevelCompetitionResultWrap .themeTab .themeTabList li { width:33.33%; } .bengaliDoc .districtLevelCompetitionResultWrap .themeTab .themeTabList li a { font-size: 21px; } .feedbackForm .buttons { margin-top: 10px; } .feedbackForm .fieldName { margin-top: 5px; } #ContentPlaceHolder1_UserEnquiry1_Tr1 { display: none; } .gujaratiDoc .dbLaunchDate .dateText span { font-size: 30px; } /*22-09-2023 Tamil Style*/ .malayalamDoc .cashRewards .rewards-col, .teluguDoc .cashRewards .rewards-col, .tamilDoc .cashRewards .rewards-col { position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E1E5FF; } .malayalamDoc .cashRewards .rewards-col:last-child, .teluguDoc .cashRewards .rewards-col:last-child, .tamilDoc .cashRewards .rewards-col:last-child { margin: 0; padding: 0; border: 0; } .malayalamDoc .cashRewards h4, .teluguDoc .cashRewards h4, .tamilDoc .cashRewards h4 { font-size:17px; } .malayalamDoc .cashRewards .rewards-col:not(:last-child)::before, .teluguDoc .cashRewards .rewards-col:not(:last-child)::before, .tamilDoc .cashRewards .rewards-col:not(:last-child)::before { width: 0; } .teluguDoc .rangoliBanner .bannerLeftBlock h3 { line-height:1.2; font-size: 100px; line-height: 1.6; font-size: 40px; } .malayalamDoc .deshBhaktiBanner .bannerLeftBlock h2 { line-height:1.5; } .punjabiDoc .rangoliBanner .bannerLeftBlock h3 { line-height: 1.4; font-size: 100px; } .punjabiDoc .dbLaunchDate .dateText span { font-size:30px; } .tamilDoc .themeTab .themeTabList li a { font-size: 15px; } .hindiDoc #navbar-nav li { padding: 0 19px; } .punjabiDoc .homeTitle, .bengaliDoc .homeTitle, .marathiDoc .homeTitle, .hindiDoc .homeTitle { line-height: 49px; } .bengaliDoc #navbar-nav li { padding: 0 15px; } .marathiDoc #navbar-nav li { padding: 0 15px; } .punjabiDoc #navbar-nav li { padding: 0 15px; } .gujaratiDoc #navbar-nav li { padding: 0 20px; } .search input[type="button"]:hover { background-color: transparent; } .teluguDoc .eventFilter .buttonRow { position: static; margin-bottom:10px; } .prizeWrap { padding: 25px; background: #272C4C; margin-bottom: 30px; } .prizeWrap h3 { color: #ffd900; text-transform: uppercase; } .prizeWrap p { color: #fff !important; font-size: 18px !important; } .prizeWrap ul li { color: #fff; font-size: 18px; margin: 0; } /*Dhara Ayurveda Event Page Style 31-10-2022*/ .downloadFiles { margin-bottom: 20px; } .downloadFiles .downloadFilesBox { padding: 15px; background: #272c4c; margin-bottom: 15px; border-radius: 10px; text-align:center; } .downloadFiles .downloadFilesBox a { display: block; padding-bottom: 5px; color: #fff; text-decoration: none; font-size: 18px; } .downloadFiles .downloadFilesBox a:hover { color: #ffd900; } .downloadFiles .downloadFilesBox span { color: #ffd900; } .gujaratiDoc .eventPara p { line-height: 1.8em; } .logoItem h2 { font-size: 1.600em; color: #272C4C; min-height: 65px; padding: 15px; margin-bottom: 10px; } /*Survey Form Style Start 15-11-2022*/ .eventPara p { line-height: 28px; } .eventFilter .themeLabel { padding-bottom:10px; display:block; } /*16-11-2022*/ .campaignSurveyFormWrap { padding: 0; margin-bottom:0; } .surveyFormContainer { width: 100%; padding: 0; max-width: 1430px; margin: 0 auto; background: #fff; } .logoSection { text-align: center; padding:30px 0 120px; border-bottom: 1px solid #ccc; background:#272c4c; } .logoSection img { margin-bottom:20px; } .logoSection h1.formHeading { color: #fff; text-transform: uppercase; font-size: 1.5em; margin: 0; font-family: 'Poppins'; font-weight: 500; } .surveyFormGroup .eventName { color: #272c4c; font-size: 24px; font-weight: 600; padding-bottom:15px; } .surveyFormGroup .eventDate { font-size: 1.063em; color: #f96207; font-weight: 400; margin-bottom: 20px; } .surveyFormGroup .surveyQuestionBox { margin-bottom: 15px; padding: 15px 25px; border-radius: 10px; background: #f4f4f4; } .surveyFormGroup .surveyQuestionBox .surveyQuestion { font-size: 20px; color: #272c4c; padding-bottom: 0; } .surveyFormGroup .surveyQuestionBox .surveyAnswer label { padding-right: 20px; font-size: 1.1em; color: #393939; } .h100 { height: 100px; } .surveyFormGroup .surveyQuestionBox .feedbackBox textarea { background:#fff; } .surveyFormGroup .surveyQuestionBox .surveyAnswer { } .surveyFormFooter { background: #272c4c; padding: 30px; } .surveyFormFooter p { text-align: center; color: #ffd900; margin: 0; padding: 0; font-size:0.813em; } .formSubmitbutton { display: inline-block; text-decoration: none; margin: 0; padding: 11px 23px; line-height: 22px; border: 0; color: #2B304E; font-size: 16px; font-weight: 500; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; cursor: pointer; font-family: 'Poppins', sans-serif; position: relative; background-color: #FFD900; border-radius: 5px; } .formSubmitbutton:hover { background-color: #2B304E; border-color: #2B304E; color: #fff; } .formResetbutton { display: inline-block; text-decoration: none; margin: 0; padding: 11px 23px; line-height: 22px; border: 0; font-size: 16px; font-weight: 500; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; cursor: pointer; font-family: 'Poppins', sans-serif; position: relative; border-radius: 5px; background: #6f6f6f; color: #fff; } .formResetbutton:hover { background: #393939; color:#fff; } .surveyFormGroup .feedbackColRow { margin-bottom:15px; } .surveyFormGroup .feedbackColRow .feedbackForm .fieldInput { margin-bottom: 20px; position: relative; } .surveyFormGroup .feedbackColRow .captchaBox { padding-right: 0 !important; } .surveyFormGroup .feedbackColRow .captchaBox .captchaImgBox { position: relative; } .surveyFormGroup .feedbackColRow .captchaBox .captchaImgBox .captchImg { right: 0; top: 0; position: absolute; } .surveyFormGroup .feedbackColRow .captchaImgBox .captchaImg, .surveyFormGroup .feedbackColRow .captchaImgBox .refreshCaptcha { width: 100%; padding-right: 190px; display: inline-block; vertical-align: middle; } .surveyFormGroup .feedbackColRow .captchaBox .captchaImgBox .captchImg img { height: 45px; } /*Radio Button Style Start*/ .option-input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 9px; right: 0; bottom: 0; left: 0; height: 30px; width: 30px; transition: all 0.15s ease-out 0s; background:#9faab7; border: none; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; /* position: relative; */ z-index: 1000; } .option-input:hover { background: #9faab7; } .option-input:checked { background: #272c4c; color: #ffd900; } .option-input:checked::before { width: 30px; height: 30px; display: flex; content: '\f00c'; font-size: 16px; font-weight: normal; position: absolute; align-items: center; justify-content: center; font-family: 'FontAwesome'; } .option-input:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #6a6a6a; content: ''; display: block; position: relative; z-index: 100; } .option-input.radio { border-radius: 50%; } .option-input.radio::after { border-radius: 50%; } @keyframes click-wave { 0% { height: 40px; width: 40px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } } .surveyAnswer table, .surveyAnswer table td { border:none; width:auto; padding-left:0; margin:0; } /*Radio Button Style End*/ .surveyFormFeedbackMessageWrap { padding: 25px; box-shadow: 0 0 46px rgba(0, 0, 0, 0.1); max-width: 650px; margin: 0 auto; } .surveyFormSuccessMessage { border: 1px solid #ccc; border-radius: 15px; padding: 35px 25px; text-align: center; font-size: 24px; text-transform: uppercase; font-weight: 600; color: #fff; } .surveyFormSuccessMessage span { display: block; font-size: 40px; margin-bottom: 10px; color: #fff; } /*17-11-2022*/ /*section{padding: 20px;}*/ .more { display: none; } .post { color: #393939; font-size: 18px; line-height: 25px; } .post:not(:last-child) { margin-bottom: 30px; } .accTrigger.readMoreNewLink { color: #393939; border:0; } .surveyAnswer table tr:nth-child(2n+1) td, .surveyAnswer .evenRow { background-color: transparent; } .kannadaDoc .headerRow:before { margin-left: -540px; } .menuBox { background: #272c4c; } /*19-12-2022*/ /*Panch Pran Graphic Style Start*/ .panchPranGraphicWrap { position: relative; padding-left: 50px; } .panchPranGraphicWrap .verticalTitle { position: absolute; left: -55px; top: 145px; transform: rotate(-90deg); font-size: 30px; line-height: 30px; font-weight: 700; background: #F2F2F2; padding: 15px; color: #2B304E; } .panchPranContentBox { padding-left: 20px; } .panchPranGraphicBox { position:relative; } .panchPranGraphicBox .panchPranBg { margin-bottom: 10px; } .panchPranGraphicBox .panchPranBg .pranText { position:absolute; left:75px; top:22px; text-transform:uppercase; font-size:24px; font-weight:600; } .panchPranGraphicBox .panchPranCategoryTitle { font-size: 20px; font-weight: 500; margin-bottom: 5px; min-height: 65px; } .panchPranGraphicBox .panchPranBg { margin-bottom: 15px; border-bottom: 1px dashed #9b9b9b; padding-bottom: 15px; } .panchPranGraphicList ul li { width: 19%; float: left; list-style: none; padding: 0 20px; margin-bottom:20px; } .panchPranThemeList p { margin-bottom:7px; } .panchPranThemeList p a { color:#646464; text-decoration:none; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; font-size:16px; } .panchPranThemeList p a:hover { color:#272c4c; padding-left:3px; } .panchPranGraphicBox .panchPranBg { position:relative; } .panchPranGraphicBox .panchPranBg::before { position: absolute; right: 0; bottom: -7px; content: ""; font-family: 'FontAwesome'; content: "\f111"; font-size: 9px; color: #b1b1b1; } /*ul.panchPranBulletText { list-style:none; padding:0; } ul.panchPranBulletText li { padding-left:20px; margin-bottom: 10px; line-height:1.5; position: relative; } ul.panchPranBulletText li:before { position: absolute; left: 0; top:4px; content:""; font-family:'FontAwesome'; content: "\f111"; font-size:12px; color:#b1b1b1;} ul.panchPranBulletText li a{color:#646464; text-decoration:none; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; font-size:16px;} ul.panchPranBulletText li a:hover{color:#393939;} */ .marathiDoc .panchPranGraphicBox .panchPranCategoryTitle { font-weight: 600; } .marathiDoc .panchPranGraphicWrap .verticalTitle { position: absolute; left: -57px; top: 136px; transform: rotate(-90deg); font-size: 30px; line-height: 30px; font-weight: 700; background: #F2F2F2; padding: 15px 40px; color: #2B304E; } .bengaliDoc .panchPranGraphicBox .panchPranCategoryTitle { font-weight: 600; } .bengaliDoc .panchPranGraphicWrap .verticalTitle { position: absolute; left: -61px; top: 140px; transform: rotate(-90deg); font-size: 27px; line-height: 30px; font-weight: 700; background: #F2F2F2; padding: 15px; color: #2B304E; } .kannadaDoc .panchPranGraphicBox .panchPranCategoryTitle { font-weight: 600; } .kannadaDoc .panchPranGraphicWrap .verticalTitle { position: absolute; left: -57px; top: 135px; transform: rotate(-90deg); font-size: 28px; line-height: 30px; font-weight: 700; background: #F2F2F2; padding: 15px; color: #2B304E; } .tamilDoc .panchPranGraphicBox .panchPranCategoryTitle { font-weight: 600; } .tamilDoc .panchPranGraphicWrap .verticalTitle { position: absolute; left: -110px; top: 187px; transform: rotate(-90deg); font-size: 24px; line-height: 30px; font-weight: 500; background: #F2F2F2; padding: 15px; color: #2B304E; } .tamilDoc .panchPranGraphicBox .panchPranBg .pranText { position: absolute; left: 70px; top: 27px; text-transform: uppercase; font-size: 16px; font-weight: 600; } .malayalamDoc .panchPranGraphicWrap .verticalTitle { position: absolute; left: -59px; top: 137px; transform: rotate(-90deg); font-size: 24px; line-height: 30px; font-weight: 500; background: #F2F2F2; padding: 15px; color: #2B304E; } .malayalamDoc .panchPranGraphicBox .panchPranBg .pranText { position: absolute; left: 75px; top: 27px; text-transform: uppercase; font-size: 18px; font-weight: 600; } /*Panch Pran Graphic Style End*/ /*Theme 2.0 Slider and Theme 2.0 Inner Page Style Start*/ .eventPara p:last-child { margin: 0; } .themeSubHeading { color: #4c5695; font-weight: 600; display: block; } .themeContentBox { box-shadow: 0 0 20px rgba(0, 0, 0, 0.09); padding:30px 25px; /*border: 1px solid #ccc;*/ margin-bottom: 20px; } .themeContentBox ul.bulletText { margin:0; } .themeContentBox ul.bulletText li { border-bottom: 1px solid #e3e3e3; padding-bottom: 10px; } .themeContentBox ul.bulletText li:last-child { margin: 0; padding-bottom: 0; border-bottom: 0; } /*Home Nine Theme Slider*/ /*.nineThemeHomeSlider { position:relative; padding: 0 40px; margin-top:20px; }*/ .nineThemeHomeSlider { position:relative; padding: 0; margin-top:20px; } .nineThemeHomeSlider .swiper-slide a { display: block; text-align: center; text-decoration: none; color: #272c4c; font-size: 16px; font-weight: 500; padding: 0 15px; } .nineThemeHomeSlider .swiper-slide a img { width: 85px; height:90px; margin:0 auto 5px; max-width: 100%; display:block; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .nineThemeHomeSlider .swiper-slide a img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); } .nineThemeHomeSlider .sliderSmallArrow { position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin:0; } /*.nineThemeHomeSlider .nineThemeHomeSlider-prev { left:0; } .nineThemeHomeSlider .nineThemeHomeSlider-next { right:0; }*/ .nineThemeHomeSlider .nineThemeHomeSlider-prev { left:0; display:none; } .nineThemeHomeSlider .nineThemeHomeSlider-next { right:0; display:none; } .themeIntroduction { margin-top: 40px; } .post a { display: inline-block; border: none; outline: none; padding: 5px 13px; text-transform: capitalize; cursor: pointer; font-size: 16px; font-weight: normal; color: #ffd900 !important; background: #272c4c; border-radius: 8px; } .post a:hover { background: #ffd900; color: #272c4c !important; } .themeContentBox p:last-child { margin: 0; } /*Theme 2.0 Slider and Theme 2.0 Inner Page Style End*/ .slWeekSlider { margin-bottom: 35px; } .slWeekSlider .swiper-slide { padding: 10px; } .slWeekSlider .iEventItem .iEventCard { padding: 20px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .slWeekSlider .iEventItem .recordCategory { padding-top: 0; min-height: auto; } .iEventItem { display:inline-block; } .campaignCnt { margin-bottom: 10px; margin-top: 10px; padding: 5px 10px; background: #f1f1f1; display: inline-block; color: #393939; border-radius: 5px; } .campItem .eventItemRight { padding: 20px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; position: relative; } .campItem .eventTitle { font-size:18px; font-family: 'droid_serif'; font-weight: 700; min-height: 55px; } .punjabiDoc ul.bulletText li:before, .tamilDoc ul.bulletText li:before { position: absolute; left: 0; top: 0; content: ""; font-family: 'FontAwesome'; content: "\f105"; font-size: 18px; } .tenderBoxWrap { padding:30px; margin-bottom: 35px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); background-color: #fff; } .tenderBoxWrap h3 { font-size: 1.300em; color: #272c4c; line-height: 1.5; margin-bottom: 20px; font-weight: 700; font-family: 'droid_serif'; } .tenderBoxWrap p:last-child { margin: 0; } .feedbackFormTitleBox .accordionWrap .accordion .accTrigger { background: #ffd900; padding: 15px 20px; color: #272c4c; font-size: 20px; text-align: left; border-radius: 10px; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; position:relative; } .feedbackFormTitleBox .accordionWrap .accordion .accTrigger:hover { background: #272c4c; color: #ffd900; } .feedbackFormTitleBox .accordionWrap .accordion .accTrigger:before { font-family: 'FontAwesome'; content: "\f107"; position: absolute; right: 5px; top: 13px; text-indent: 0; color: #272c4c; background-color: transparent; font-size: 25px; width: 46px; height: 100%; text-align: center; font-weight: 400; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .feedbackFormTitleBox .accordionWrap .accordion .accTrigger:hover:before { color: #ffd900; } .slideControler.titleHeader .sliderNavWrap { position: absolute; right: 25px; top: 0; margin-bottom:15px; } .campaignListBg { background-color: #ececf6; padding: 35px 0; margin-bottom:40px; } /*Republic Day Banner Style*/ .republicDayBannerLink { position: absolute; right: 5%; bottom: 5%; transform: translateY(-95%); z-index: 99999; } .republicDayBannerLink img { width: auto !important; } .republicButtonBlink { color: #272c4c !important; text-decoration: none; background:#ffd900; padding: 18px 30px; transition: all 2s ease-out; text-align: center; animation: blink 1.7s infinite; border-radius: 50px; border: 3px solid #182651; } /*Campaign Page View All Link Style Start 02-03-2023*/ .campaignsSlider .viewMoreLink { color: #272c4c; text-decoration: none; font-size: 16px; position: relative; padding: 5px 35px 5px 10px; background: #ffd900; border-radius: 5px; } .campaignsSlider .viewMoreLink::before { position: absolute; right: 10px; top: 50%; content: ""; background: url(../../Portal/images/arrow-right.svg) no-repeat center right; width: 16px; height: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .campaignsSlider .viewMoreLink:hover { color: #fff; background: #272c4c; } .campaignsSlider .viewMoreLink:hover::before { filter:brightness(100); } /*Campaign Page View All Link Style Eng 02-03-2023*/ /*National Level Competition Result Style Start 28-02-2023*/ .resultItem { box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2); padding: 15px; margin-bottom: 25px; border-radius:0; background: #f7f7f7; } .rankCategory .labelName { font-size: 25px; font-weight: 500; line-height: 27px;/*! display: none; */ } .rankCategory { text-align: left; padding: 5px 0; margin-bottom: 0; } .nationalLevelResult { padding: 30px 0 5px 0; } .nationalLevelResult .category { margin-bottom: 5px; } .category .labelName { font-size: 17px; font-weight: normal; width:75px; display: inline-block; color: #272c4c; } .category .labelDetail { font-size: 17px; font-weight: 500; } .nationalLevelResult a { text-decoration: none; color: #272c4c; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .nationalLevelResult a:hover { text-decoration: none; color: #272c4c; } .resultItem .imgHolder { position: relative; } .resultItem .rank { position: absolute; right:10px; bottom: -30px; width: 60px; height: 60px; } .rank { background: #ffd900; color: #272c4c; padding: 5px; text-align: center; border-radius:5px; } .rankText { display: block; font-size: 15px; } .rankNumber { font-size: 25px; font-weight: 600; line-height: 26px; } .resultItem .imgHolder img { width: 100%; border-radius: 5px; } /*National Level Competition Result Style End 28-02-2023*/ .hindiDoc #navbar-nav .MenuLi8 ul li { transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; background-color: #ffd900; padding: 0; } /*Stories of Freedom Fighter Banner Style Start 06-04-2023*/ .freedomFighterBannerHomebox { position: absolute; left: 34%; bottom: 15%; transform: translateY(-85%); z-index: 99999; } .firstButton { margin: 10px; } .thirdButton { margin: 10px; } /*Stories of Freedom Fighter Banner Style End 06-04-2023*/ .displayBlock { display: block; color: #272c4c; font-weight: 600; } /*New Flash Button Place on Theme 2.0 and Campaign Menu Link Style Start*/ #navbar-nav li.MenuLi3 a::before { content: ""; background: url(https://amritmahotsav.nic.in/writereaddata/images/flashnews.gif); background-repeat: no-repeat; text-align: center; background-position: center 0px; bottom: 0; position: absolute; width: 27px; height: 11px; left: 50%; top: -5px; transform: translateX(-50%); } #navbar-nav li.MenuLi5 a::before { content: ""; background: url(https://amritmahotsav.nic.in/writereaddata/images/flashnews.gif); background-repeat: no-repeat; text-align: center; background-position: center 0px; bottom: 0; position: absolute; width: 27px; height: 11px; left: 50%; top: -5px; transform: translateX(-50%); } #navbar-nav li.MenuLi6 a.menuFirstNode::before { content: ""; background: url(https://amritmahotsav.nic.in/writereaddata/images/flashnews.gif); background-repeat: no-repeat; text-align: center; background-position: center 0px; bottom: 0; position: absolute; width: 27px; height: 11px; left: 50%; top: -5px; transform: translateX(-50%); } /*New Flash Button Place on Theme 2.0 and Campaign Menu Link Style End*/ /*Mamm Ki Baat Style Start*/ .mannKiBaatWrap { background: #272c4c; padding: 40px 0; margin: -40px 0 -40px; } .mannKiBaatWrap h2 { font-size: 1.750em; color: #FFD900; margin-bottom: 15px;} .mannKiBaatWrap h3 { font-size: 1.300em; color: #272C4C; min-height: auto; margin-bottom: 5px !important; } .mannKiBaatWrap p { font-size: 1em; color: #FFF; line-height: 28px; } .w-100.text-center a:hover { border: 1px solid #fff; } /*Mamm Ki Baat Style End*/ /*DDR Introduction for akam.nic.in style Start*/ .pcbInstruction { text-align: center; padding: 25px; border: 1px solid #fff; background: #363d6a; border-radius: 20px; margin-bottom: 20px; position: relative; } .pcbInstruction p { font-size: 19px; letter-spacing: 1px; color: #fff; margin-bottom: 10px; } .centerButton { text-align: center; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -22px; } /*DDR Introduction for akam.nic.in style End*/ /*title and view all link style start 27-07-2023*/ .campaignEventTitle { margin-bottom: 20px; position: relative; } .campaignEventTitle .campaignEventLink { position: absolute; right: 0; top: 0; } .campaignEventTitle .viewMoreLink { color: #272c4c; text-decoration: none; font-size: 16px; position: relative; padding: 5px 27px 5px 10px; background: #ffd900; border-radius: 5px; } .campaignEventTitle .viewMoreLink:hover { color: #fff; background: #272c4c; } .campaignEventTitle .viewMoreLink::before { position: absolute; right: 6px; top: 50%; content: ""; background: url(../../Portal/images/arrow-right.svg) no-repeat center right; width: 16px; height: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } /*title and view all link style end 27-07-2023*/ /*Meri Miti Mera Desh Style Start*/ .mmmdContentBg { background: #272c4c url(../images/tagline-bg.jpg); padding: 40px 15px; margin-bottom: 40px; margin-top: -40px; background-repeat: no-repeat; background-size: cover; background-position: center; } .mmmdLeftItem { margin-bottom:15px; } .mmmdRightItem { } .mmmdContentBg .mmmdTitle { font-size: 40px; color: #fff; text-align: center; font-weight: 300; display: block; text-transform: uppercase; } .mmmdContentBg .mmmdTitle span { display: inline-block; line-height:40px; } .mmmdContentBg .mmmdTitle strong { color: #ffd900; } .mmmdContentBg .mmmdSubTitle { text-align: center; color: #fff; font-size: 25px; font-weight: 500; text-transform: uppercase; } .mmmdContentBg .mmmdOtherTitle { font-size: 30px; color: #fff; text-align: left; font-weight:400; display: block; text-transform: uppercase; margin-bottom:5px; } .mmmdContentBg .mmmdOtherSubTitle { text-align: left; color: #FFD900; font-size: 20px; margin-bottom:20px; font-weight:300; } .mmmdLogo { text-align: center; display:none; } .mmmdLogo .mmmdSmallLogo { border: 1px solid #fff; padding: 5px; display: inline-block; border-radius: 50%; } .mmmdLogo .mmmdSmallLogo img { width:100px; height:100px; } .programsAtaGlance { margin-bottom: 20px; } .programsAtaGlance .row .col-md-6 { display:flex; } .programsAtaGlance .programAtaGlanceBox { padding: 20px; margin-bottom: 20px; border-radius: 10px; border: 5px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); width: 100%; } .lightGreenBoxBg { background: #d3ffe0; } .lightYellowBoxBg { background: #fff6c6; } .lightBrownBoxBg { background: #ffe8c6; } .lightPingBoxBg { background: #ffded9; } .iframeBox { margin-top: 40px; } /*New Content Style Start 02-08-2023*/ .mmmdContentBlock { } .mmmdContentBlock .mmmdContentBox { background:#f5f0ff; padding: 20px; margin-bottom: 20px; border-radius: 10px; border: 5px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); width: 100%; } .mmmdContentBlock .mmmdContentBox p { font-size: 17px; color: #272C4C; } .mmmdContentWrapper { margin-top: -40px; margin-bottom: 40px; padding:40px 0; } ul.pledgeListView { list-style: none; } ul.pledgeListView li { margin-bottom: 5px; line-height: 1.5; position: relative; color: #272c4c; font-size: 17px; background: #fff; padding: 7px 7px 7px 25px; border-radius: 5px; } ul.pledgeListView li:last-child { margin-bottom:0; } ul.pledgeListView li::before { position: absolute; left: 10px; top: 13px; content: ""; font-family: 'FontAwesome'; content: "\f0c8"; font-size: 8px; color: #272c4c; } .importantDatesWrapper { padding:40px 0; margin-bottom: -40px; background: #272C4C; } .importantDates { padding: 10px 20px; margin-bottom: 20px; border-radius: 10px; border: 1px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); width: 100%; background: transparent; } .mmmdEventsDate { font-size: 18px; font-weight: 600; color:#FFD900; } .importantDatesWrapper h2 { font-size: 1.750em; color: #FFD900; } .importantDatesWrapper .bulletText, .importantDatesWrapper p { color:#fff; } /*New Content Style End*/ /*Meri Miti Mera Desh Small Home Banner Style Start*/ .mmmdBannerWrap { margin-bottom:0; background: #ececf6; padding:0 0 55px; } .mmmdBannerWrap img { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); padding: 10px; background: #fff; } .mmmdBannerWrap .mmmdBannerbox { position:relative; } .mmmdBannerWrap .mmmdBannerbox .twoButtonLinks { position: absolute; left: 8%; text-align: right; top: 50%; transform: translate(-50%, -55%); -webkit-transform: translate(-50%, -55%); } .mmmdBannerWrap .mmmdBannerbox .twoButtonLinks span { display:flex; margin-bottom:10px; } /*Meri Miti Mera Desh Main Home Banner Style Start*/ .mmmdHomeBannerLinks { z-index: 99999; position: absolute; text-align: right; left:55.5%; bottom: 15px; margin-left: -57px; } .mmmdHomeBtnNew { color: #fff !important; text-decoration: none; background:#fc8640; padding: 10px 25px; font-size: 17px; line-height: normal; transition: all 2s ease-out; text-align: center; font-weight: 600; animation: blink3 1.5s infinite; border-radius: 100px; } @keyframes blink3 { 0% { background-color: rgba(252, 103, 31, 1) } 50% { background-color: rgba(4, 106, 56, 1) } 100% { background-color: rgba(255, 103, 31, 1) } } .takePledgeWrap { text-align: center; border-radius: 10px; margin: 20px 0 0; } .takePledgeWrap .takePledgeLabel { font-size: 18px; padding: 10px; margin: 0; font-weight: 600; color: #fff; } .takePledgeWrap .takePledgeLink a { text-decoration: none; font-size: 18px; font-weight: 500; color: #272c4c; border: 1px solid #fff; padding: 5px; background: #fff; border-radius: 5px; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .takePledgeWrap p { margin: 0; } .takePledgeWrap .takePledgeLink a:hover { background: #272c4c; color: #fff; border: 1px solid #fff; } .malayalamDoc .mmmdBannerWrap .mmmdBannerbox .twoButtonLinks { position: absolute; left: 15%; text-align: right; top: 50%; transform: translate(-50%, -55%); -webkit-transform: translate(-50%, -55%); } .teluguDoc .mmmdBannerWrap .mmmdBannerbox .twoButtonLinks { position: absolute; left: 10%; text-align: right; top: 50%; transform: translate(-50%, -55%); -webkit-transform: translate(-50%, -55%); } .yuvaLink a { text-decoration: none; padding: 4px 5px; background: transparent; margin-top: 10px; display: inline-block; border-radius: 8px; margin-left: 5px; color: #272c4c; border: 1px solid #272c4c; font-weight: 500; } .yuvaLink a:hover { background: #fff; color: #272c4c; } /*Meri Miti Mera Desh Style End*/ .eventPara br { display: none; } .harGharTirangaContentBg a { color: #ffd900 !important; font-weight: 600; } .kannadaDoc .mmmdBannerWrap .mmmdBannerbox .twoButtonLinks { position: absolute; left: 12%; text-align: right; top: 50%; transform: translate(-50%, -55%); -webkit-transform: translate(-50%, -55%); } .kannadaDoc .mmmdBannerWrap .mmmdBannerbox .twoButtonLinks { } /**Combined Mitti HGT Home Banner Style Start**/ .combinedMittiHtgBannerWrap { margin-bottom: 0; background: #ececf6; padding: 0 0 55px; display: none; } .combinedMittiHtgBannerWrap img { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); padding: 10px; background: #fff; } .combinedMittiHtgBannerWrap .combinedMittiHtgBannerBox { position: relative; } .combinedMittiHtgBannerWrap .combinedMittiHtgBannerBox .twoButtonLinks { position: absolute; left: 10%; text-align: right; top: 15%; } .combinedMittiHtgBannerWrap .combinedMittiHtgBannerBox .twoButtonLinks span { width: 100%; margin-bottom: 25px; display: inline-block; } /**Combined Mitti HGT Home Banner Style End**/ /**Combined Mitti HGT Home Slider Banner Style Start**/ .combinedMittiHtgHomeSliderBnrBox .twoButtonLinks { position: absolute; left:10%; text-align: right; top: 15%; } .combinedMittiHtgHomeSliderBnrBox .twoButtonLinks span { width: 100%; margin-bottom: 25px; display: inline-block; } /**Combined Mitti HGT Home Slider Banner Style End**/ /*Independence Day Home Slider Banner Style Start*/ .independenceDayHomeSliderBnrBox .twoButtonLinks {position: absolute; left: 35%; text-align: right; top: 30%; z-index: 99999;} .independenceDayHomeSliderBnrBox .twoButtonLinks span {width: auto; margin-bottom: 25px; display: inline-block;} /*Independence Day Home Slider Banner Style End*/ /* popup style start*/ .autoPopupOverlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: -1; opacity:0; visibility:hidden; transition: 350ms ease; -webkit-transition: 350ms ease; } .autoPopupOverlay.active { z-index:999999; opacity:1; visibility:visible; } .autoPopupOverlay .autoPopup { background: #fff; padding:5px; margin: 0 auto; max-width:550px; width: 100%; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); text-align: center; } .autoPopupOverlay .autoPopup p { margin:0; text-align: center; font-size: 17px; line-height: 1.5; color: #3f50a1; font-weight: 600; } .autoPopupOverlay .autoPopup p span { color:#E65A15; font-weight:700; display:block; margin-bottom:5px;} .autoPopupOverlay .autoPopup .autoPopupClose { width: 30px; height: 30px; border-radius: 50%; background: #e65a15; color: #fff; display: block; text-align: center; line-height: 30px; font-weight: 600; position: absolute; right: 5px; top: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); cursor: pointer; } .autoPopupOverlay .autoPopup iframe { width: 100%; } /* popup style end*/ /*Meri Maati Mera Desh – Amrit Kalash Yatra Banner Link Style Start*/ .mmmdAkyHomeBannerLinks { position: absolute; text-align: right; right: 13%; bottom:20px; margin-left: -57px; z-index: 99999; } .mmmdAkyHomeBannerLinks .mmmdHomeBtnNew { color: #fff !important; text-decoration: none; background: #fc8640; padding: 5px 20px; font-size: 17px; line-height: normal; transition: all 2s ease-out; text-align: center; font-weight: 600; animation: blink3 1.5s infinite; border-radius: 100px; } /*Meri Maati Mera Desh – Amrit Kalash Yatra Banner Link Style End*/ .socialfeeds nav a.nav-item img {padding-bottom: 4px;} /*Meri Maati Mera Desh Amrit Kalash Yatra Banner Live Link Style Start*/ .mmmdAkyHomeBannerLiveLink { position: absolute; text-align: right; left: 40%; top: 30px; margin-left: -57px; z-index: 99999; } .mmmdAkyHomeBannerLiveLink .orangeBtnNew { color: #272c4c !important; text-decoration: none; background: #ffd900; padding: 10px 40px; font-size: 25px; line-height: normal; transition: all 2s ease-out; text-align: center; font-weight: 600; animation: blink 1.5s infinite; border-radius: 100px; } /*Meri Maati Mera Desh Amrit Kalash Yatra Banner Live Link Style End*/ /*COC Related Style Start 18-03-2024*/ /*section#testimonials {display: none;} section.mmmdBannerWrap {display: none;} section.htgBannerWrap {display: none;} .htgBannerWrap .htgBannerbox .twoButtonLinks{display:none;} section#homeOngoingEvent {padding: 55px 0 0;} .aboutInaEvent {display: none;} .testimonialsSliderWrap {display: none;} section#homeVideoGallery {display: none;} section#homeOngoingEvent {display: none;} .homeAboutVideo {display: none;} .col-lg-7.homeAboutContent {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .ministerListWrap.commonPad {display: none;} section#homeAboutAkam .row .col-lg-7 {max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%;} .rewardsPrizes .row .col-md-4:first-child {display: none;}*/ /*COC Related Style End 18-03-2024*/ .partitionHorrorsWrap {background: #272c4c; padding: 33px 20px 20px; border-radius: 15px;} .htgBannerWrap { display: none;} /*LLD Style Start 13-06-2025*/ .lldIntroWrapper { background: #fff; padding: 40px 0; margin: -40px 0 0; animation: fadeInUp 2s ease forwards; opacity: 0;} @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .lldIntroWrapper h2 { font-size: 1.750em; color: #FFD900; margin-bottom: 15px; font-family: 'droid_serif'; } .lldIntroWrapper p { font-size: 1em; color: #323232; line-height: 28px; } .lldDownloadWrapper { margin-top: -40px; margin-bottom: 40px; padding: 40px 0; background-color: #f2f2f2; } .lldIntroWrapper p:last-child { margin: 0; } .lldIntroWrapperBanner img { background: #fff; border-radius: 10px; border: 5px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); width: 100%; padding: 0; } .lldIntroWrapperBanner { padding: 40px 0; background: #f1f3ff; } .lldIntroWrapperBanner p:last-child {margin-bottom: 0;} .lldIntroWrapperIntro p:last-child { margin: 0; } .lldIntroWrapperIntro { padding: 40px 0; } .mrgB40 { margin-bottom: 40px !important; } .importantDatesWrapper { margin-bottom:20px; } .importantDatesWrapper h3 { font-size: 1.400em; color: #fff; background: #313868; padding: 15px 20px; margin-bottom: 10px; border-radius: 15px 15px 0 0; display: flex; align-items: center; } .importantDatesWrapper h3 .fa { font-size: 20px; color: #f1f3ff; padding-right: 13px; } .importantTimelineDates { padding: 15px 10px 15px 0; margin-bottom: 0; border-radius: 0; border-bottom: 1px solid #313868; width: 100%; } .importantTimelineDates:last-child { margin-bottom:20px; } ul.importantTimelineBullet { list-style: none; padding: 0; } ul.importantTimelineBullet li { padding-left: 20px; margin-bottom: 10px; line-height: 1.5; position: relative; color:#fff; } ul.importantTimelineBullet li::before { position: absolute; left: 0; top: 6px; content: ""; font-family: 'FontAwesome'; content: "\f111"; font-size: 8px; color: #fff; } ul.importantTimelineBullet ul { padding: 0; list-style: none; margin-top: 15px; } ul.importantTimelineBullet li:last-child { margin: 0; } .downloadBoxes {display: block; transition: box-shadow .3s ease-out,transform .3s ease-out; /* box-shadow: 0 0 8px 0 transparent; */ transform: translate(0);} .downloadBoxes:hover {transition: box-shadow .3s ease-out,transform .3s ease-out; box-shadow: 0 7px 10px 5px rgba(0,0,0,.09); transform: translateY(-4px);} #navbar-nav li.MenuLi6 a.menuFirstNode::after { content: ""; background: url(../../images/flashnews.gif); background-repeat: no-repeat; text-align: center; background-position: center 0px; bottom: 0; position: absolute; width: 27px; height: 11px; left: 50%; top: -5px; transform: translateX(-50%); } /*LLD Style End 17-06-2025*/ /*LLD Banner Button Style Start*/ .lldHomeBannerLinks { z-index: 99999; position: absolute; text-align: right; left: 31%; top: 45%; margin-left: -57px; } .lldHomeBtnNew { color: #fff !important; text-decoration: none; background:#fc8640; padding: 10px 25px; font-size: 17px; line-height: normal; transition: all 2s ease-out; text-align: center; font-weight: 600; animation: blink3 1.5s infinite; border-radius: 100px; } @keyframes blink3 { 0% { background-color: rgba(252, 103, 31, 1) } 50% { background-color: rgba(4, 106, 56, 1) } 100% { background-color: rgba(255, 103, 31, 1) } } /*SOP Style Start 24-06-2025*/ .sopForDownloadWrap { margin-bottom:40px;} .sopForDownloadBox { padding: 15px; background: #fff; margin-bottom: 15px; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; } /*SOP Style End 24-06-2025*/ .lldDownloadWrapper .row .col-lg-3 {display: flex; flex-wrap: wrap;} /*New Pagination Style Start 21-06-2024*/ .page-item.active .page-link { z-index: 1; color: #272c4c !important; background-color: #FFD900 !important; border-color: #FFD900 !important; border-radius: 3px; } .pagination li.page-item a.page-link { border: 1px solid #272c4c; border-radius: 3px; font-size: 17px; color: #272c4c; font-weight: 400; padding: 4px 7px; line-height: 1; background: #fff; min-width: 30px; min-height: 30px; text-align: center; cursor: pointer; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; text-decoration: none; } .page-link:hover { background: #FFD900; color: #272c4c; border-color: #FFD900; font-weight: 400 !important; border-radius: 3px; } .pagination li.page-item a:hover { background: #FFD900; border-color: #FFD900; color: #272c4c; } .pagination li.PagedList-pageCountAndLocation { justify-content: start; order: -1; flex: 1; } .pagination li.page-item, .pagination li.page-link { height: 2rem; width: auto; display: flex; align-items: center; padding: 0; } .pagination li.page-item .page-link { padding: .3rem .75rem; } .partitionHorrorsWrap { background: #272c4c; padding: 33px 20px 20px; border-radius: 15px; } /*New Pagination Style End 21-06-2024*/ .gallery li .viewAlbum img { width: 100% !important; } /*Loader Start*/ #DivLoading { position: fixed; background: rgba(0,0,0,0.8); left: 0; top: 0; width: 100%; height: 100%; z-index: 11111 !important; } .loader { height: 20px; width: 170px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .loader--dot { animation-name: loader; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: infinite; height: 15px; width: 15px; border-radius: 50%; background-color: black; position: absolute; border: 0 none; } .loader--dot:first-child { background-color: #1b91f7; animation-delay: 0.5s; } .loader--dot:nth-child(2) { background-color: #fac24c; animation-delay: 0.4s; } .loader--dot:nth-child(3) { background-color: #7a45e5; animation-delay: 0.3s; } .loader--dot:nth-child(4) { background-color: #fa5667; animation-delay: 0.2s; } .loader--dot:nth-child(5) { background-color: #60beeb; animation-delay: 0.1s; display: none; } .loader--dot:nth-child(6) { background-color: #fbef5a; animation-delay: 0s; display: none; } .loader--text { position: absolute; top: 200%; left: 0; right: 0; width: 4rem; font-size: 18px; margin: auto; color: #fff; } .loader--text:after { content: "Loading"; font-weight: bold; animation-name: loading-text; animation-duration: 3s; animation-iteration-count: infinite; } @keyframes loader { 15% { transform: translateX(0); } 45% { transform: translateX(150px); } 65% { transform: translateX(150px); } 95% { transform: translateX(0); } } @keyframes loading-text { 0% { content: "Loading"; } 25% { content: "Loading."; } 50% { content: "Loading.."; } 75% { content: "Loading..."; } } /*Loader End*/ .eventItemRight .eventTitle {font-size: 18px; font-family: 'droid_serif'; font-weight: 700; min-height: 70px; margin-bottom: 10px;} .eventItemRight p.eventCategory.withLink {margin: 0;} /* For Chrome, Safari, Edge */ ::placeholder {color: #000; opacity: 1;} /* For Firefox */ :-moz-placeholder {color: #000; opacity: 1;} ::-moz-placeholder {color: #000; opacity: 1;} /* For Internet Explorer 10-11 */ :-ms-input-placeholder {color:#000;} /* For Microsoft Edge Legacy */ ::-ms-input-placeholder {color: #000;} .bannerImgWrap img {width: 100%;} /*Marquee 18-07-2025 Start*/ .scrollerTextWrap { padding: 15px; background: #ececf6; } .scrollerText { width: 95%; overflow: hidden; white-space: nowrap; position: relative; } .scrollerText-content { display: inline-block; animation: 25s linear infinite; font-size: 16px; color: #323232; padding-left: 100%; animation-play-state: running; font-weight:600; } /* Pause when class is added */ .scrollerText-content.paused { animation-play-state: paused !important; } /* Pause on hover (only if not paused manually) */ .scrollerText-content:hover:not(.paused) { animation-play-state: paused; } @keyframes { from { transform: translateX(0); } to { transform: translateX(-100%); } } /*Marquee 18-07-2025 End*/ /**Sewa Parv Style Start 08-09-2025**/ .sewaParvIntroduction p:last-child { margin-bottom:0; } .sewaParvIntroduction { margin-bottom: 30px; animation: fadeInUp 2s ease forwards; opacity: 0; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .sewaParvObjectives { background: #272c4c url(/writereaddata/Portal/images/boliviainteligente.jpg) no-repeat; padding: 30px 0; margin-bottom: 40px; width: 100%; background-position: center center; background-attachment: fixed; background-size: cover; } ul.sewaParvListView { list-style: none; margin: 0; } ul.sewaParvListView li { margin-bottom: 8px; line-height: 1.5; position: relative; color: #272c4c; font-size: 17px; background: #fff; padding: 10px 10px 10px 35px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } ul.sewaParvListView li::before { position: absolute; left: 15px; top: 20px; content: ""; font-family: 'FontAwesome'; content: "\f0c8"; font-size: 7px; color: #272c4c; } ul.sewaParvListView li:last-child { margin-bottom: 0; } .sewaParvTagLineWrap { margin-bottom: 20px; text-align:center; } .sewaParvTag { background: #f5f0ff; margin: 0; padding: 20px 25px; display: inline-block; color: #272c4c; font-size: 1.400em; border-radius: 0; position: relative; animation: fadeInUp 2s ease forwards; opacity: 0;} @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 2; transform: translateY(0); } } .sewaParvTagLine { color: #272c4c; } .sewaParvTag::after { position: absolute; content: ''; width: 75%; height: 3px; background:#272c4c; bottom: 0; left: 50%; transform: translate(-50%, 50%); } /**Sewa Parv Style End 08-09-2025**/

/*Sewa Parv Count CSS Start 11-09-2025*/ .sewaParvScore { margin-bottom:30px; padding: 20px 0; border-bottom: 4px solid #ffd900; border-top: 4px solid #ffd900; background-color: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05); } .sewaParvScoreItem { text-align: center; } .sewaParvScore .col-lg-4:not(:last-child) .sewaParvScoreItem { border-right: 1px solid #d4d4d4; } .sewaParvScoreItem h2 { font-family: 'Poppins', sans-serif; color: #2b304e; font-size: 33px; font-weight: 500; margin-bottom: 5px; line-height: 1; } .sewaParvScoreItem p { color: #2b304e; font-size: 18px; font-weight: 400; margin-bottom: 0; } /*Sewa Parv Count CSS End 11-09-2025*/

/*Sewa Parv Registration Form Style Start 11-09-2025*/
.sewaParvColRow {
  padding: 50px;
  background: #f4f4f4;
}
.sewaParvColRow input[type="file"],
.sewaParvColRow input[type="email"],
.sewaParvColRow input[type="number"],
.sewaParvColRow input[type="password"],
.sewaParvColRow input[type="search"],
.sewaParvColRow input[type="tel"],
.sewaParvColRow input[type="text"],
.sewaParvColRow input[type="url"],
.sewaParvColRow select,
.sewaParvColRow textarea,
.sewaParvColRow input[type="date"],
.sewaParvColRow .form-control,
.sewaParvColRow select.form-control:not([size]):not([multiple]) {
  border: 0;
  width: 100%;
  color: #272c4c;
  height: 46px;
  padding: 12px;
  font-size: 16px;
  line-height: normal;
  font-family: 'Poppins', sans-serif;
  background-color: #fff;
  border-bottom: 1px solid #272c4c;
  border-radius: 0;
  background: #fff;
  position: relative;
  z-index: 1;
}
.sewaParvColRow button {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 10px 30px;
  line-height: 25px;
  color: #FFD900;
  font-size: 17px;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  position: relative;
  background-color: #2B304E;
  border: 1px solid #2B304E;
  border-radius: 25px;
  text-transform: uppercase;
}
.sewaParvColRow button:hover {
  color: #2B304E;
  background-color: #FFD900;
  border: 1px solid #FFD900;
}
.confirmCheckField {
  display: flex;
}
.confirmCheckField input {
  margin-right: 10px;
}
#ISDCode {
  text-align: center;
}
.sewaParvColRow .form-group {
  margin-bottom: 30px;
}


/* submission form */
.modal-dialog {
    margin-top: 100px;
}

.thankYouPageContent {
    text-align: center;
    padding: 50px;
}

    .thankYouPageContent .fa.fa-check {
        font-size: 22px;
        background: #007b59;
        padding: 20px;
        border-radius: 50% 50%;
        color: #fff;
        margin-bottom: 20px;
    }

    .thankYouPageContent h3 {
        margin-bottom: 50px;
    }

.modal-header.thanksBox {
    
    display: block;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
/* submission form */