/* Minification failed. Returning unminified contents. (70,2): run-time error CSS1031: Expected selector, found '/' (70,2): run-time error CSS1025: Expected comma or open brace, found '/' (682,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-webkit-font-smoothing' */ a,a:hover{text-decoration:none;outline:0}body,html{overflow-x:hidden}*,img,table,table tr td,table tr th{border:none}@font-face{font-family:HelveticaNeueLTStd45Light;src:url(../fonts/helveticaneueltstd-lt.eot);src:url(../fonts/helveticaneueltstd-lt.eot?#iefix) format("embedded-opentype"),url(../fonts/helveticaneueltstd-lt.woff) format("woff"),url(../fonts/helveticaneueltstd-lt.ttf) format("truetype"),url(../fonts/helveticaneueltstd-lt.svg#HelveticaNeueLTStd45Light) format("svg")}@font-face{font-family:helveticaneuethin;src:url(../fonts/helvetica-neue-thin-1361522098-webfont.eot);src:url(../fonts/helvetica-neue-thin-1361522098-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica-neue-thin-1361522098-webfont.woff) format("woff"),url(../fonts/helvetica-neue-thin-1361522098-webfont.ttf) format("truetype"),url(../fonts/helvetica-neue-thin-1361522098-webfont.svg#helveticaneuethin) format("svg");font-weight:400;font-style:normal}@font-face{font-family:helveticaneuemedium;src:url(../fonts/helvetica-neue-medium-1361522099-webfont.eot);src:url(../fonts/helvetica-neue-medium-1361522099-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica-neue-medium-1361522099-webfont.woff) format("woff"),url(../fonts/helvetica-neue-medium-1361522099-webfont.ttf) format("truetype"),url(../fonts/helvetica-neue-medium-1361522099-webfont.svg#helveticaneuemedium) format("svg");font-weight:600;font-style:normal}@font-face{font-family:helvetica_ce_55_romanregular;src:url(../fonts/helvetica-neue-ce-55-roman-1361522164-webfont.eot);src:url(../fonts/helvetica-neue-ce-55-roman-1361522164-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/helvetica-neue-ce-55-roman-1361522164-webfont.woff) format("woff"),url(../fonts/helvetica-neue-ce-55-roman-1361522164-webfont.ttf) format("truetype"),url(../fonts/helvetica-neue-ce-55-roman-1361522164-webfont.svg#helvetica_ce_55_romanregular) format("svg");font-weight:600;font-style:normal}@font-face{font-family:robotolight;src:url(../fonts/roboto-light-webfont.eot);src:url(../fonts/roboto-light-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-light-webfont.woff) format("woff"),url(../fonts/roboto-light-webfont.ttf) format("truetype"),url(../fonts/roboto-light-webfont.svg#robotolight) format("svg");font-weight:600;font-style:normal}body{font-size:62.5%;font-family:robotolight,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4,h5,h6,input,li,ol,p,ul{margin:0;padding:0;list-style:none}a{color:#fff}a.selected{color:#333;cursor:default;outline:0}html{width:100%;height:100%;-webkit-text-size-adjust:100%}input,p{font-size:1.1em}h1{font-size:1.8em;line-height:1.2em}.clear,.clearfix:after{line-height:0;clear:both}h2{font-size:1.5em}h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{font-size:1.2em}h3 a,h4 a,h5 a,h6 a{font-size:1em;text-decoration:underline}.clearfix:after{content:".";visibility:hidden;height:0}* html .clearfix{height:1%}*{-webkit-tap-highlight-color:transparent;-webkit-border-radius:0}.clear{font-size:1%;height:0;width:0;float:none}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,nav,section,summary{display:block;width:100%} /*! jQuery UI - v1.8.20 - 2012-04-30 * https://github.com/jquery/jquery-ui * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.theme.css * Copyright (c) 2012 AUTHORS.txt; Licensed MIT */.ui-widget-content a,.ui-widget-header,.ui-widget-header a{color:#222}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);fill:transparent}.ui-helper-zfix,.ui-widget-overlay{position:absolute;top:0;left:0;height:100%;width:100%}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{zoom:1}.ui-helper-zfix{opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-accordion{width:100%}.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1}.ui-accordion .ui-accordion-li-fix{display:inline}.ui-accordion .ui-accordion-header-active{border-bottom:0!important}.ui-accordion .ui-accordion-header a{display:block;font-size:1em;padding:.5em .5em .5em .7em}.ui-accordion-icons .ui-accordion-header a{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;margin-top:-2px;position:relative;top:1px;margin-bottom:2px;overflow:auto;display:none;zoom:1}.ui-accordion .ui-accordion-content-active,.ui-menu{display:block}.ui-autocomplete{position:absolute;cursor:default}* html .ui-autocomplete{width:1px}.ui-menu{list-style:none;padding:2px;margin:0;float:left}.ui-menu .ui-menu{margin-top:-3px}.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1}.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-hover{font-weight:400;margin:-1px}.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;text-decoration:none!important;cursor:pointer;text-align:center;zoom:1;overflow:visible}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:1.4}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-icons-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-icons-only .ui-button-icon-primary,.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary{left:.5em}.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker-cover{display:none;display:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px}.ui-dialog{position:absolute;padding:.2em;width:300px;overflow:hidden}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0;padding:1px;height:18px}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}.ui-dialog .ui-dialog-titlebar-close:focus,.ui-dialog .ui-dialog-titlebar-close:hover{padding:0}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto;zoom:1}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin:.5em 0 0;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-tabs{position:relative;padding:.2em;zoom:1}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0!important;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom:0;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a,.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}.ui-tabs .ui-tabs-hide{display:none!important}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;color:#222}.ui-widget-header{border:1px solid #aaa;background:url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;font-weight:700}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6;font-weight:400;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #999;background:url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;font-weight:400;color:#212121}.ui-state-hover a,.ui-state-hover a:hover{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;font-weight:400;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-widget :active{outline:0}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;color:#cd0a0a}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-icon{width:16px;height:16px}.ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png)}.ui-state-active .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-off{background-position:-96px -144px}.ui-icon-radio-on{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-widget-overlay,.ui-widget-shadow{background:url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px} .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /* -------------------------------- Main components -------------------------------- */ /* Changes done by rahul */ /* 1) .nav-right {bottom: 20px;} */ /* 2) commented */ /* body{ */ /* overflow-x: hidden; */ */ /* overflow-y: scroll !important; */ /* } */ /* @media only screen (max-device-width: 350px){ .cd-nav-trigger .fa.fa-times{ margin-right:25px; } .has-children>a::before, .has-children>a::after{ right:40px; } } */ @font-face { font-family: 'ubuntubold'; src: url('../fonts/ubuntu/ubuntu-bold.woff2') format('woff2'), url('../fonts/ubuntu/ubuntu-bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubuntulight'; src: url('../fonts/ubuntu/ubuntu-l.woff2') format('woff2'), url('../fonts/ubuntu/ubuntu-l.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubuntumedium'; src: url('../fonts/ubuntu/ubuntu-medium.woff2') format('woff2'), url('../fonts/ubuntu/ubuntu-medium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../fonts/ubuntu/ubuntu-r.woff2') format('woff2'), url('../fonts/ubuntu/ubuntu-r.woff') format('woff'); font-weight: normal; font-style: normal; } body { font-family: 'ubunturegular' !important; } ol, ul { list-style: none; } .cd-main-content, .cd-main-header { /* Force Hardware Acceleration in WebKit */ /* -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform;*/ } .cd-main-content, .cd-main-header { position: relative; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-primary-nav .cd-secondary-nav ul li { list-style-type: none; border-bottom: solid 1px #f5b1b4; text-transform: capitalize; padding: 0; } .cd-primary-nav .cd-secondary-nav hr { margin-top: 0; margin-bottom: 7px; border: 0; border-top: 2px solid #e7252d; } /* New Header chenges starts edited on 13_March_2019 */ .Nippon-logo { float: right; padding: 15px 0px 5px 5px; background-color: #fff; } /*#header-BG {*/ /* background:#9e070d url('https://www.nipponindiamf.com/SiteCollectionImages/SiteImages/head-bg.jpg') center center repeat-y;*/ /*background: #ffffff;*/ /* Old browsers */ /*background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 76%, #ffffff 76%);*/ /* FF3.6-15 */ /*background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 76%, #ffffff 76%);*/ /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to right, #ffffff 0%, #ffffff 76%, #ffffff 76%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);*/ /* IE6-9 */ /*background-size: 100%;*/ /*}*/ .rel-dropdown { margin: 25px 15px 10px 15px; } #top { background: none !important; padding: 0px; } .login ul { color: #231f20; padding: 20px 0px 0px; } .login ul.dropdown-menu { padding-top: 0 !important; } .login ul.dropdown-menu li { margin-top: 0 !important; padding: 0 !important; } .login ul.dropdown-menu li:last-child { /*padding-right: 12px;*/ } .login ul.dropdown-menu li:hover { background-color: #f5f5f5; } .login ul.dropdown-menu li a:hover { background-color: transparent; } .login ul.dropdown-menu li a { padding-top: 10px; } .green-bg { padding-right: 15px; } .top-logo { padding: 10px 0px; } /* New Header chenges ends edited on 13_March_2019 */ @media only screen and (max-width: 990px) { .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible { -webkit-transform: translateX(360px); -moz-transform: translateX(360px); -ms-transform: translateX(360px); -o-transform: translateX(360px); transform: translateX(360px); width: 100%; background: transparent; position: absolute; top: 0; } .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible { -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); } } .cd-main-content { z-index: 2; } .cd-main-header { height: 1px; background: transparent; z-index: 3; } .nav-is-fixed .cd-main-header { /* add .nav-is-fixed class to body if you want a fixed navigation on > 991px */ position: fixed; top: 0; left: 0; width: 100%; } @media only screen and (min-width: 480px) { .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible { position: absolute; top: 0px; -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); } /* .cd-main-content { background: #fff; min-height: 100vh; z-index: 2; }*/ } @media only screen and (min-width: 991px) { /* .text-li ul { */ /* margin-top: 20px; */ /* } */ .cd-main-header { height: 40px; } .cd-main-header::after { clear: both; content: ""; display: table; } .navbar-header { display: none; } } .cd-logo { position: absolute; top: 12px; left: 5%; } .cd-logo img { display: block; } @media only screen and (max-width: 990px) { .nav-on-left .cd-logo { left: auto; right: 5%; } .cd-primary-nav a, .cd-primary-nav ul a { border-bottom: 1px solid #e7252d; } } @media only screen and (min-width: 991px) { .cd-logo { top: 26px; left: 4em; } } .cd-header-buttons { position: absolute; display: block; top: 3px; left: 5%; } .cd-header-buttons li { display: inline-block; } @media only screen and (max-width: 990px) { .nav-on-left .cd-header-buttons { right: auto; left: 5%; } .nav-on-left .cd-header-buttons li { float: right; } } @media only screen and (min-width: 991px) { .cd-header-buttons { top: 0px; right: 4em; height: 0px; } } .cd-nav-trigger { position: relative; display: block; width: 44px; height: 44px; overflow: hidden; white-space: nowrap; /* hide text */ color: transparent; z-index: 3; } .cd-search-trigger { position: relative; display: block; float: left; width: 38px; height: 38px; overflow: hidden; white-space: nowrap; /* hide text */ color: transparent; z-index: 3; right: 15px; } .cd-search-trigger::before, .cd-search-trigger::after { /* search icon */ content: ''; position: absolute; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-search-trigger::before { /* lens */ top: 11px; left: 11px; width: 18px; height: 18px; border-radius: 50%; border: 3px solid #fff; } .cd-search-trigger::after { height: 3px; width: 8px; background: #fff; bottom: 8px; right: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-search-trigger span { /* container for the X icon */ position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .cd-search-trigger span::before, .cd-search-trigger span::after { /* close icon */ content: ''; position: absolute; display: inline-block; height: 3px; width: 22px; top: 50%; margin-top: -2px; left: 50%; margin-left: -11px; background: #fff; opacity: 0; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .cd-search-trigger span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-search-trigger span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after { /* hide search icon */ opacity: 0; } .cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after { /* show close icon */ opacity: 1; } .cd-search-trigger.search-is-visible span::before { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .cd-search-trigger.search-is-visible span::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after { /* hamburger icon in CSS */ position: absolute; display: inline-block; height: 3px; width: 24px; background: #808080; } .cd-nav-trigger span { /* line in the center */ position: absolute; top: 50%; right: 10px; margin-top: -2px; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s; } .cd-nav-trigger span::before, .cd-nav-trigger span::after { /* other 2 lines */ content: ''; right: 0; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s 0.3s; -moz-transition: -moz-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; } .cd-nav-trigger span::before { /* menu icon top line */ top: -6px; } .cd-nav-trigger span::after { /* menu icon bottom line */ top: 6px; } .cd-nav-trigger.nav-is-visible span { /* hide line in the center */ background: rgba(46, 50, 51, 0); } .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after { /* keep visible other 2 lines */ background: #fff; } .cd-nav-trigger.nav-is-visible span::before { -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg); -moz-transform: translateX(4px) translateY(-3px) rotate(45deg); -ms-transform: translateX(4px) translateY(-3px) rotate(45deg); -o-transform: translateX(4px) translateY(-3px) rotate(45deg); transform: translateX(4px) translateY(-3px) rotate(45deg); } .cd-nav-trigger.nav-is-visible span::after { -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg); -moz-transform: translateX(4px) translateY(2px) rotate(-45deg); -ms-transform: translateX(4px) translateY(2px) rotate(-45deg); -o-transform: translateX(4px) translateY(2px) rotate(-45deg); transform: translateX(4px) translateY(2px) rotate(-45deg); } @media only screen and (min-width: 991px) { .cd-nav-trigger { display: none; } } .custom-close, .custom-close a { background: #414042; float: left; width: 100%; } .custom-close a { color: #fff !important; } .cd-dropdown.dropdown-is-active { visibility: visible; -webkit-transform: translateY(360); -moz-transform: translateY(360); -ms-transform: translateY(360); -o-transform: translateY(360); transform: translateY(360); -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s; -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s; transition: transform 0.5s 0s, visibility 0s 0s; } .cd-primary-nav, .cd-primary-nav ul { position: fixed; top: 0; right: 0; padding-left: 0px; height: 100%; width: 360px; background: rgba(255, 255, 255, 0.95); overflow: auto; -webkit-overflow-scrolling: touch; z-index: 9999; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-primary-nav a, .cd-primary-nav ul a { display: block; /* height: 50px;*/ line-height: 50px; padding: 0 20px; color: #e7252d !important -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform, opacity; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden { /* secondary navigations hidden by default */ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a { /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } @media only screen and (max-width: 990px) { .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul { right: auto; left: 0; } } .cd-primary-nav .see-all a { /* different style for the See all button on mobile and tablet */ color: #e7252d; } .cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item { /* items with picture (or icon) and title */ height: 80px; line-height: 80px; } .cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 { overflow: hidden; text-overflow: ellipsis; font-size: 18px; } .cd-primary-nav .cd-nav-gallery .cd-nav-item { padding-left: 90px; } .cd-primary-nav .cd-nav-gallery .cd-nav-item img { position: absolute; display: block; height: 40px; width: 60px; left: 20px; top: 50%; margin-top: -20px; } .cd-primary-nav .cd-nav-icons .cd-nav-item { padding-left: 0px; } .cd-primary-nav .cd-nav-icons .cd-nav-item p { color: #2e3233; font-size: 1.3rem; /* hide description on small devices */ display: none; } .cd-primary-nav .cd-nav-icons .cd-nav-item::before { /* item icon */ content: ''; display: block; position: absolute; left: 20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px; } /*.cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before { background-image: url("../../img/line-icon-1.svg"); } .cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before { background-image: url("../../img/line-icon-2.svg"); } .cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before { background-image: url("../../img/line-icon-3.svg"); } .cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before { background-image: url("../../img/line-icon-4.svg"); } .cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before { background-image: url("../../img/line-icon-5.svg"); } .cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before { background-image: url("../../img/line-icon-6.svg"); } .cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before { background-image: url("../../img/line-icon-7.svg"); } .cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before { background-image: url("../../img/line-icon-8.svg"); }*/ @media only screen and (max-width: 990px) { .cd-primary-nav { /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */ visibility: hidden; -webkit-transition: visibility 0s 0.3s; -moz-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; left: 0; } .cd-primary-nav.nav-is-visible { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; } } /* .cd-primary-nav > li:nth-child(2) a{padding: 7px 21px 0px 0px;} */ @media only screen and (min-width: 991px) { .cd-primary-nav { position: static; padding: 0px 0%; height: auto; width: auto; /*float: right;*/ overflow: visible; background: transparent; margin-bottom: 0px; } .cd-primary-nav::after { clear: both; content: ""; display: table; } .cd-primary-nav.moves-out > li > a { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } .cd-primary-nav ul { position: static; height: auto; width: auto; background: transparent; overflow: visible; z-index: 3; } .cd-primary-nav ul.is-hidden { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-primary-nav ul.moves-out > li > a { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 0; } .cd-primary-nav > li { float: left; padding-top: 2px; /*margin-left: 1.1em;*/ padding-right: 6px; padding-left: 20px; } .cd-primary-nav > li:first-child { float: left; margin-left: 0em; } .cd-primary-nav > li > a { /* main navigation buttons style */ position: relative; display: inline-block; padding: 0px 2px; color: #231f20 !important; overflow: visible; border-bottom: none; -webkit-transition: color 0.3s, box-shadow 0.3s; -moz-transition: color 0.3s, box-shadow 0.3s; transition: color 0.3s, box-shadow 0.3s; font-size: 13px; } .cd-primary-nav > li:hover > a { color: #231f20 !important; border-bottom: 5px solid #fff; } .cd-primary-nav > li > a.selected { color: #231f20; } .cd-primary-nav .go-back, .cd-primary-nav .see-all { display: none; } /*---------------------------------------------------------------------10/05/2016-----------------------------------------------*/ .cd-secondary-nav { display: none; } .cd-primary-nav > li:hover ul.cd-secondary-nav { display: block; } .cd-nav-gallery { display: none; } .cd-primary-nav > li:hover ul.cd-nav-gallery { display: block; } .cd-nav-icons { display: none; } .cd-primary-nav > li:hover ul.cd-nav-icons { display: block; } /*--------------------------------------------------------------------End 10/05/2016------------------------------------------------*/ .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons { /* dropdown menu style */ position: absolute; top: 57px; width: 1170px; /*width: 100vw;*/ background: #e9e8e9; /* padding: 48px 64px 130px;*/ padding: 20px 30px 30px; box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; -webkit-box-shadow: 0px 13px 28px -12px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 13px 28px -12px rgba(0, 0, 0, 0.75); box-shadow: 0px 13px 28px -12px rgba(0, 0, 0, 0.75); left: 0; } .cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after { clear: both; content: ""; display: table; } .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden { opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all { /* this is the BIG See all button at the bottom of the dropdown menu */ /*display: block;*/ display: none; position: absolute; left: 0; bottom: 0; height: 40px; width: 100%; overflow: hidden; /* reset some inherited style */ margin: 0; padding: 0; } .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 1.8rem; font-weight: bold; text-align: center; line-height: 40px; border-top: 1px solid #e2e3df; border-bottom: none; margin: 0; padding: 0; -webkit-transition: color 0.2s, background 0.2s, border 0.2s; -moz-transition: color 0.2s, background 0.2s, border 0.2s; transition: color 0.2s, background 0.2s, border 0.2s; } .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover { background: #2e3233; border-color: #2e3233; color: #ffffff; } .cd-primary-nav .cd-secondary-nav > li { height: initial; width: 19%; /*min-height: 350px;*/ float: left; margin-right: 0.66%; overflow: hidden; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .cd-primary-nav .cd-secondary-nav > li span { border-bottom: 1px solid #e7252d; } .cd-primary-nav .cd-secondary-nav > li:nth-child(5n+2) { /* +2 because we have 2 list items with display:none */ margin-right: 0; border-right: none; } .cd-primary-nav .cd-secondary-nav > li > a, .cd-primary-nav .cd-nav-icons > li > a { /* secondary nav title */ color: #000000; font-family: 'Ubuntumedium'; font-weight: 500; font-size: 16px; } .cd-primary-nav .cd-secondary-nav > li p { font-size: 11px; } .cd-primary-nav .cd-secondary-nav a { /* height: 30px; */ line-height: 26px; padding: 0 18% 0 0; color: #231f20; /* border-bottom: none; */ font-size: 1.4rem; } .cd-primary-nav .cd-secondary-nav a:hover { color: #231f20; } .cd-primary-nav .cd-secondary-nav ul { /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-primary-nav .cd-secondary-nav ul ul { /* tertiary navigation */ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .cd-primary-nav .cd-secondary-nav ul ul.is-hidden { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-primary-nav .cd-secondary-nav ul ul .go-back { display: block; } .cd-primary-nav .cd-secondary-nav ul ul .go-back a { color: transparent; } .cd-primary-nav .cd-secondary-nav ul ul .see-all { display: block; } .cd-primary-nav .cd-secondary-nav .moves-out > li > a { /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .cd-primary-nav .cd-nav-gallery li { /* set here number of columns - use width percentage */ width: 22%; float: left; margin: 0 4% 40px 0; } .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) { /* +2 because we have two additional list items with display:none */ margin-right: 0; } .cd-primary-nav .cd-nav-gallery .cd-nav-item { border-bottom: none; padding: 0; height: auto; line-height: 1.2; } .cd-primary-nav .cd-nav-gallery .cd-nav-item img { position: static; margin-top: 0; height: auto; width: 100%; margin-bottom: .6em; } .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 { color: #fea100; font-weight: bold; padding: 0 .4em; font-size: 18px; } .cd-primary-nav .cd-nav-icons li { /* set here number of columns - use width percentage */ width: 23%; float: left; margin: 0 0% 20px 0; } .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) { /* +2 because we have two additional list items with display:none */ margin-right: 0; } .cd-primary-nav .cd-nav-icons .cd-nav-item { border-bottom: none; height: 55px; line-height: 1.2; padding: 11px 0 0 11px; position: relative; } .cd-primary-nav .cd-nav-icons .cd-nav-item:hover { background: #f6f6f5; } .cd-primary-nav .cd-nav-icons .cd-nav-item h3 { color: #fea100; font-weight: bold; font-size: 15px; margin: 0px; line-height: 18px; } .cd-primary-nav .cd-nav-icons .cd-nav-item p { display: block; font-size: 12px; } .cd-primary-nav .cd-nav-icons .cd-nav-item::before { left: 25px; } .cd-secondary-nav > li { margin: 0 0 20px; } } .has-children > a, .go-back a { position: relative; } .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { /* arrow icon in CSS - for element with nested unordered lists */ content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px; background: #464c4e; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .has-children > a::before, .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .has-children > a::after, .go-back a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media screen and (min-width: 991px) { .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { background: #c9cbc4; } .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after { background: #fea100; } } .has-children > a { padding-right: 40px; } .has-children > a::before, .has-children > a::after { /* arrow goes on the right side - children navigation */ right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%; } .cd-primary-nav .go-back a, .cd-secondary-nav .go-back a { padding-left: 40px !important; font-size: 20px; font-weight: bold; } .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { /* arrow goes on the left side - go back button */ left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; } /*@media only screen and (min-width: 1366px){ .has-children > a::before, .has-children > a::after { right: 30% !important; } }*/ @media screen and (min-width: 991px) { .has-children > a::before, .has-children > a::after { right: 15%; } .cd-primary-nav > .has-children > a { /* main navigation arrows on larger devices */ /* padding-right: 23px !important; */ /* padding-left: 10px; */ } .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after { width: 7px; display: none; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #c9cbc4; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.3s, -webkit-transform 0.3s; -moz-transition: width 0.3s, -moz-transform 0.3s; transition: width 0.3s, transform 0.3s; } .cd-primary-nav > .has-children > a::before { right: 12px; } .cd-primary-nav > .has-children > a::after { right: 7px; } .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after { width: 8px; } .cd-primary-nav > .has-children > a.selected::before { -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg); } .cd-primary-nav > .has-children > a.selected::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after { /* remove arrows on secondary nav titles */ display: none; } .cd-primary-nav .go-back a { padding-left: 20px; } .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { left: 1px; } } .cd-search, .cd-search-ft { position: absolute; height: 50px; width: 100%; left: 0; z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-search form, .cd-search-ft form { height: 100%; width: 100%; } .cd-search input, .cd-search-ft input { border-radius: 0; border: none; background: #ffffff; height: 100%; width: 100%; padding: 0 5%; box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .cd-search input::-webkit-input-placeholder, .cd-search-ft input::-webkit-input-placeholder { color: #c9cbc4; } .cd-search input::-moz-placeholder, .cd-search-ft input::-moz-placeholder { color: #c9cbc4; } .cd-search input:-moz-placeholder, .cd-search-ft input:-moz-placeholder { color: #c9cbc4; } .cd-search input:-ms-input-placeholder, .cd-search-ft input:-ms-input-placeholder { color: #c9cbc4; } .cd-search input:focus, .cd-search-ft input:focus { outline: none; } .cd-search.is-visible, .cd-search-ft.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .nav-is-fixed .cd-search, .nav-is-fixed .cd-search { position: fixed; } @media screen and (min-width: 991px) { .cd-search, .cd-search-ft { height: 51px; top: 62px; } .cd-search input, .cd-search-ft input { padding: 0 2em; font-size: 2.2rem; font-weight: 300; } } .cd-overlay { /* shadow layer visible when navigation is active */ position: fixed; z-index: 1; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; /* background-color: rgba(16, 16, 16, 0.82);*/ background: transparent; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; } .cd-overlay.is-visible { opacity: 0.1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; } @media screen and (max-width: 990px) { .cd-overlay.is-visible { -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); } .nav-on-left .cd-overlay.is-visible { -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); } .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } /* -------------------------------- support for no js -------------------------------- */ .no-js .cd-primary-nav { position: relative; height: auto; width: 100%; overflow: visible; visibility: visible; z-index: 2; } .no-js .cd-search, .no-js .cd-search-ft { position: relative; top: 0; opacity: 1; visibility: visible; } @media screen and (min-width: 991px) { .no-js .cd-primary-nav { position: absolute; z-index: 3; display: inline-block; width: auto; top: 0; right: 150px; padding: 0; } .no-js .nav-is-fixed .cd-primary-nav { position: fixed; } } @media screen and (max-device-width:768px) { body.modal-open { /*/ block scroll for mobile; // causes underlying page to jump to top; // prevents scrolling on all screens*/ overflow: hidden; position: fixed; } .cd-primary-nav a, .cd-primary-nav ul a { text-align: left; } .has-children > a, .go-back a { position: relative; /*width: 96%;*/ } /*.go-back { position: absolute;right:0px;}*/ .cd-primary-nav .cd-nav-icons .cd-nav-item { text-transform: capitalize; font-weight: normal; font-size: 18px; border-top: solid 5px transparent; font-family: 'Ubuntu', sans-serif; } } @media screen and (max-device-width:990px) { .cd-primary-nav a, .cd-primary-nav ul a { border-bottom: 1px solid #e7252d; } .cd-nav-trigger .fa.fa-times { background: #fff; border-radius: 50%; color: #939393; float: right; padding: 3px 0 4px; position: relative; top: 50%; transform: translateY(-13px); text-align: center; width: 25px; margin-right: -6px; } } .cd-search, .cd-search-ft { background: #0c4da2; padding: 10px; } body.viewport-lg { /*/ block scroll for desktop; // will not jump to top; / will not prevent scroll on mobile*/ position: absolute; } /* body { */ /* overflow-x: hidden; */ /* overflow-y: scroll !important; */ /* } */ #myfilter .calender { z-index: 9999; } .cd-primary-nav > li a { /* margin-left: 0.6em;*/ /* padding: 2px 30px 2px; border-right:1px solid rgba(103, 102, 101, 0.23);*/ text-transform: capitalize; font-weight: normal; font-size: 18px; border-bottom: solid 5px transparent; font-family: 'Ubunturegular'; } .cd-primary-nav > li a:hover, .cd-primary-nav > li a:focus { text-decoration: none; } .cd-primary-nav > li:last-child a { border-right: 0px solid rgba(103, 102, 101, 0.23); } .cd-primary-nav > li .cd-nav-icons a { float: left; margin-left: 0.6em; padding: 2px 0px; border-right: 0px solid rgba(103, 102, 101, 0.23); width: 90%; } .text-li span { float: left; padding-bottom: 6px; width: 90%; font-size:14px; } .menu_top { display: flex; } .form_text { align-self: center; color: #231f20; font-size: 14px; } /* Style Default*/ .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #top { background: #9e070d; color: #eeeeee; /* padding: 10px 0 5px;*/ } header .container-fluid { padding-right: 60px; padding-left: 60px; } header .container-fluid .nipponrow { position: relative; } /*#top .login { float: right; } */ #top .login a { font-size: 16px; color: #231f20; text-decoration: none; text-transform: none; letter-spacing: 0rem; font-weight: 500; } #top .login a img { width: 20px; padding-right: 5px; } @media (max-width: 768px) { #top .login { float: left; } .header-BG { display: none; } .affix .navbar-brand { padding: 0px; } .navbar-brand { padding: 0px; } } .navbar { border: none; } .navbar .navbar-buttons { float: right; } .navbar-affixed-top { top: -32px; } .navbar-affixed-top.affix-top { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .navbar-affixed-top.affix { position: fixed; width: 100%; top: 0; z-index: 1000; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn { font-weight: 700; font-family: 'Ubuntu', sans-serif; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; border-radius: 0; } .navbar { position: relative; margin-bottom: 0; border-bottom: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 0px; } .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-affixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } .navbar-brand { float: left; padding: 10px 15px; font-size: 18px; line-height: 20px; height: 62px; } .navbar-default { background-color: rgba(210, 206, 205, 0.4) !important; border-color: #cccccc; border-bottom: none; min-height: 57px; } .navbar-default .navbar-brand { color: #555555; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #cccccc; } .nav-right { position: absolute; z-index: 999; right: 10px; width: auto; top: 0; font-size: 16px; } #lnkQuickInvest, #lnkLogin { line-height: 2.5; } .nav-right .btn { display: inline; margin-right: 30px; } #lnkQuickInvest { margin-right: 0px !important; } .affix .btn-lg { padding: 9px 18px; font-size: 14px; line-height: 1.33; font-weight: normal; } .affix .nav-right { bottom: 8px; } .dropdown-menu { z-index: 1000; font-size: 14px; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu > li > a { padding: 5px 20px; line-height: 1.42857143; color: #333333; white-space: nowrap; } .yamm .nav, .yamm .collapse, .yamm .dropup.use-yamm, .yamm .dropdown.use-yamm { position: static; } .yamm .container { position: relative; } .affix .navbar.navbar-default { min-height: 50px; border-bottom: 0px solid transparent; background-color: rgba(210, 206, 205, 1) !important; } .nav-logo { display: none !important; } .top-logo { float: left; } .rel-dropdown { margin: 0 !important; border: 1px solid rgba(0, 0, 0, 0.53); float: left; padding: 0; } .rel-dropdown .dropdown { padding: 4px 11px; } #top .dropdown a { color: #000000; font-family: 'Ubuntumedium'; font-weight: 500; font-size: 16px; } #top .dropdown .dropdown-menu a { color: #000; } .top-menu-two li { border-right: 1px solid #4c494a; padding: 0px 12px; margin: 20px 0px 0px; } .top-menu-two li:last-child { border-right: 0px solid #fff; padding-right: 0px; } .no-border { border: none !important; } .btn-red { background: #818485; color: #fff; text-decoration: none; } .btn-red:hover { /* background: #cc161d; */ color: #fff; } .btn-white { background: #fff; color: #231f20 !important; } .btn-white:hover, .btn-white:hover:active { background: #fff; color: #231f20 !important; } .right-btn { margin: 18px 0% 0% 0%; } .right-btn .btn { box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2); } .right-btn .btn-lg { padding: 8px 17px; font-size: 16px; font-weight: 100; font-family: 'ubuntulight'; } .affix .right-btn { margin: 2% 0% 2% 5%; float: right } .navbar-collapse { padding-right: 0px; padding-left: 0px; } .btn-round { border-radius: 20px !important; } .btn-lg { padding: 10px 40px; } .no-padding { padding-left: 0px !important; padding-right: 0px !important; } .form_text p { font-size: 14px; } @media (max-width:1199px) { .custom-close { display: none; } .cd-primary-nav > li { padding-right: 10px; padding-left: 10px; } .cd-primary-nav > li a { font-size: 16px; } .right-btn .btn-lg { padding: 7px 10px; font-size: 12px; } .right-btn .btn:first-child, .nav-right .btn { margin-right: 5px !important; } .btn.after_login { padding: 1px 8px 0px 8px; } .comman_icon { width: 22px; height: 22px; background-size: 22px auto; } .downArrowIcon::after { font: normal normal normal 19px/1 FontAwesome; } } @media (max-width:1024px) { .right-btn { margin: 0px 0% 0% 0%; } .right-btn .btn-lg { padding: 7px 11px; font-size: 12px; } .cd-primary-nav > li { padding-right: 6px; padding-left: 6px; } .cd-primary-nav > li a { font-size: 15px; } header .container-fluid { padding-right: 28px; padding-left: 28px; } .login ul { padding: 0px; } .nav-right { top: 16px; } .form_text p { font-size: 11px; } #navbar .form_text { display: none; } .login ul { padding: 10px 0 0; } .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons { width: 100%; } } @media (max-width:990px) { .custom-close { display: block; } .navbar { min-height: 50px; } .navbar-brand { height: 50px; } .nav-right { bottom: 10px; } .navbar-buttons .cd-header-buttons1 { margin-bottom: 0; margin-top: 5px; padding: 0; } .cd-primary-nav > li a { font-size: 18px; color: #231f20; } .cd-primary-nav > li.changeInvestor a { border: 1px solid #000; border-width: 0px 1px 0px 0px; float: left; font-size: 11px; height: auto; line-height: 12px; margin: 20px 0; padding: 2px 10px; text-align: center; width: auto; } .cd-primary-nav > li.changeInvestor a:last-child { border: none; } .login ul { padding: 0px; } } @media (max-width:767px) { .nav-logo { display: block !important; width: 62%; } /* test */ .rel-dropdown { display: block; } .navbar { min-height: 50px; } #top { padding: 0px 0; } .navbar .navbar-buttons { float: left; } .navbar-brand { float: left; padding: 11px 0px; font-size: 18px; line-height: 20px; height: 44px; } .nav-right { position: absolute; z-index: 999; right: 0; bottom: 8px; width: 160px !important; bottom: 4px; } .comman_icon.userIcon { background-position: 0px -126px; } .btn.after_login { padding: 0px 10px 0px 20px; } .right-btn { margin: 0% 0% 0% 5%; float: right; } .nav-right .right-btn .btn-lg { padding: 5px 7px; font-size: 12px; } .cd-primary-nav > li a { color: #231f20 !important; } .hidden-lg.custom-close { padding-top: 6px; } .form_text p { font-size: 14px; } #navbar .form_text { display: block; } .login ul { padding: 0px; } } /* Style Default*/ /*Custom CSS*/ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { .nav-logo { display: block !important; width: 62%; } .navbar { min-height: 50px; } .navbar-default { background-color: #fff; } #top { padding: 0px 0; } .navbar .navbar-buttons { float: left; } .navbar-brand { float: left; padding: 10px 0px; font-size: 18px; line-height: 20px; height: 44px; } .nav-right { position: absolute; z-index: 999; right: 0; bottom: 8px; width: 160px !important; } .affix .nav-right { bottom: 15px; } .right-btn { margin: 0% 0% 0% 5%; float: right; } .nav-right .right-btn .btn-lg { padding: 5px 7px; font-size: 12px; } .text-li ul { margin-top: 00px; } } @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { #top { padding: 0px 0; } } @media only screen and (min-width:481px) and (max-width:640px) { .right-btn { margin: -10px 0% 0% 0% !important; } header .container-fluid { padding-right: 15px !important; padding-left: 15px !important; } } @media only screen and (min-width:414px) and (max-width:480px) { header .container-fluid { padding-right: 0px !important; padding-left: 0px !important; } header .col-xs-1 { padding-left: 0px !important; } .right-btn { margin: 0px !important; font-size: 13px; width: 80%; margin: 0px; } .myAccWrapper .myAccHeader ul { float: left !important; margin: 0px 0px 15px 0px !important; clear: both; } .nav-logo { float: none; margin-top: 8px; } #navbar .form_text { display: block; width: 80%; } .form_text p { font-size: 12px; } } @media only screen and (max-width:413px) { header .container-fluid { padding-right: 0px !important; padding-left: 0px !important; } header .col-xs-1 { padding-left: 0px !important; } .nav-right { width: 115px !important; } .nav-logo { float: left !important; margin-top: 8px; } .right-btn { margin: 0px !important; font-size: 12px; } #navbar .form_text { display: block; width: 75%; } .form_text p { font-size: 11px; } .myAccWrapper .myAccHeader ul { margin: 0px 0px 15px 0px; float: left; } } @media only screen and (max-device-width:350px) { .cd-nav-trigger .fa.fa-times { margin-right: 20px; } .has-children > a::before, .has-children > a::after { right: 45px; } } /*Custom CSS*/ /* Media for 2 logos edited on 13_March_2019 */ @media screen and (min-width:992px) and (max-width: 1199px) { #top .dropdown a { font-size: 13px; } .top-menu-two li { padding: 0px 5px; margin: 20px 0px 0px; } #top .login a { font-size: 12px; } .rel-dropdown { margin: 25px 12px 10px 0px; } } @media screen and (min-width:768px) and (max-width: 991px) { /*#header-BG {*/ /*background: #9e070d;*/ /* Old browsers */ /*background: -moz-linear-gradient(left, #9e070d 0%, #9e070d 76%, #ffffff 76%);*/ /* FF3.6-15 */ /*background: -webkit-linear-gradient(left, #9e070d 0%, #9e070d 76%, #ffffff 76%);*/ /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to right, #9e070d 0%, #9e070d 76%, #ffffff 76%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e070d', endColorstr='#ffffff', GradientType=1);*/ /* IE6-9 */ /*background-size: 100%;*/ /*}*/ #top .login a { font-size: 12px; } .top-menu-two li { padding: 0px 5px; margin: 20px 0px 0px; } .Nippon-logo { padding: 9px 0px 5px 5px; } .hide-tab { display: none; } .navbar .navbar-buttons { float: left; } } @media screen and (min-width:640px) and (max-width: 767px) { .nav-logo { width: auto !important; } .Nippon-logo { padding: 5px 15px 0px 0px; } .nav-logo { width: 88% !important; } } @media screen and (max-width: 767px) { #header-BG { display: none !important; background: none !important; } .navbar-brand { padding: 0px !important; } header .container-fluid { padding-right: 40px; padding-left: 40px; } .form_text { text-align: center; padding: 5px 0; } .navbar-affixed-top.affix-top { border-bottom: 1px solid #d2cecd; } } @media screen and (min-width:480px) and (max-width: 639px) { .nav-logo { width: auto !important; } .Nippon-logo img { width: auto !important; float: right; padding: 0px 15px 0px 0px; } .Nippon-logo { padding: 0px; } } @media screen and (max-width:479px) { .nav-logo { width: 91% !important; float: right; } .Nippon-logo img { width: 80% !important; float: right; padding: 0px; } #navbar .col-xs-6 { width: 48%; } .Nippon-logo { padding: 5px; } .cd-nav-trigger { height: 35px; } .navbar-brand { padding: 2px 0px 0px 0px !important; } } @media screen and (max-width:370px) { #footer .list-inline > li img { max-width: 40px; height: auto; } } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot'); src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2') format('woff2'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf') format('truetype'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; /* text-rendering: auto; */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-check:before { content: "\f00c"; } .fa-spinner:before { content: "\f110"; } /* Animations */ .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /************** Start Font Family **********/ @font-face { font-family: 'HelveticaNeueLTStd45Light'; src: url('/fonts/helveticaneueltstd-lt.eot'); src: url('/fonts/helveticaneueltstd-lt.eot?#iefix') format('embedded-opentype'), url('/fonts/helveticaneueltstd-lt.woff') format('woff'), url('/fonts/helveticaneueltstd-lt.ttf') format('truetype'), url('/fonts/helveticaneueltstd-lt.svg#HelveticaNeueLTStd45Light') format('svg'); } @font-face { font-family: 'helveticaneuethin'; src: url('/fonts/helvetica-neue-thin-1361522098-webfont.eot'); src: url('/fonts/helvetica-neue-thin-1361522098-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/helvetica-neue-thin-1361522098-webfont.woff') format('woff'), url('/fonts/helvetica-neue-thin-1361522098-webfont.ttf') format('truetype'), url('/fonts/helvetica-neue-thin-1361522098-webfont.svg#helveticaneuethin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuemedium'; src: url('/fonts/helvetica-neue-medium-1361522099-webfont.eot'); src: url('/fonts/helvetica-neue-medium-1361522099-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/helvetica-neue-medium-1361522099-webfont.woff') format('woff'), url('/fonts/helvetica-neue-medium-1361522099-webfont.ttf') format('truetype'), url('/fonts/helvetica-neue-medium-1361522099-webfont.svg#helveticaneuemedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helvetica_ce_55_romanregular'; src: url('/fonts/helvetica-neue-ce-55-roman-1361522164-webfont.eot'); src: url('/fonts/helvetica-neue-ce-55-roman-1361522164-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/helvetica-neue-ce-55-roman-1361522164-webfont.woff') format('woff'), url('/fonts/helvetica-neue-ce-55-roman-1361522164-webfont.ttf') format('truetype'), url('/fonts/helvetica-neue-ce-55-roman-1361522164-webfont.svg#helvetica_ce_55_romanregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotolight'; src: url('/fonts/roboto-light-webfont.eot'); src: url('/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-light-webfont.woff') format('woff'), url('/fonts/roboto-light-webfont.ttf') format('truetype'), url('/fonts/roboto-light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rupee'; src: url('/fonts/rupee_foradian-webfont.eot'); src: url('/fonts/rupee_foradian-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/rupee_foradian-webfont.woff') format('woff'), url('/fonts/rupee_foradian-webfont.ttf') format('truetype'), url('/fonts/rupee_foradian-webfont.svg#robotolight') format('svg'); font-weight: 600; font-style: normal; } /************** End Font Family **********/ /***** Global Classes and declarations *****/ body { font-size: 100%; font-family: 'robotolight', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; } body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, input { margin: 0; padding: 0; list-style: none; } a { text-decoration: none; outline: none; color: #fff; } a.selected { color: #333; cursor: default; } a:hover.selected { text-decoration: none; } /*a:visited{ color:#60615f; text-decoration:underline;}*/ img { border: none; } html { width: 100%; height: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; } p, input { font-size: 1.1em; } h1 { font-size: 1.8em; line-height: 1.2em; } h2 { font-size: 1.5em; } h3, h3 a { font-size: 1.2em; } h4, h4 a { font-size: 1.2em; } /* h5, h5 a { */ /* font-size: 1.2em; */ /* } */ h6, h6 a { font-size: 1.2em; } h3 a, h4 a, h5 a, h6 a { font-size: 1em; text-decoration: underline; } table, table tr td, table tr th { border: none; } .clearfix:after { content: "."; /*display: block;*/ clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { /*display: inline-block;*/ } * html .clearfix { height: 1%; } * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: none; -webkit-border-radius: 0; } .clear { font-size: 1%; height: 0; line-height: 0; width: 0; float: none; clear: both; } html[xmlns] .clearfix { /*display: block;*/ } input { outline: none; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark { display: block; width: 100%; } /* Start styling scrollbar */ #wrapper::-webkit-scrollbar { width: 5px; height: 5px; } /* Track */ #wrapper::-webkit-scrollbar-track { -webkit-box-shadow: inset 10 0 6px rgba(0, 0, 0, 1); -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */ #wrapper::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6); } #wrapper::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.3); } /* End styling scrollbar */ .background-gray { background: #f7f7f7; } .imp_link { font-size: 28px; color: #e7252d !important; } #Important_Links h3 { font-size: 20px; margin-bottom: 20px !important; margin-top: 20px !important; min-height:44px; } #Important_Links ul li a { color: #282828; font-size: 16px; transition: all 0.4 ease-in-out 0s; -o-transition: all 0.4 ease-in-out 0s; -ms-transition: all 0.4 ease-in-out 0s; -webkit-transition: all 0.4 ease-in-out 0s; word-wrap: break-word; } #Important_Links ul li a:hover { color: #9e070d; text-decoration: none; } #Important_Links ul li { padding: 5px 0px 5px; } #getAppwebSite{ padding:30px; } #getAppwebSite h1{ margin-top:0px; margin-bottom:20px; } footer h1 { color: #231f20 !important; font-size: 14px; font-family: 'ubuntumedium' !important; margin-top:0px !important; margin-bottom:20px; } #copyright { background: #fff; clear:both; color: #231f20; padding: 15px 0; font-size: 12px; line-height: 18px; } .nipponbackgrnsprl { background-image: url('../images/RMFNIPON/main-bg-50x50.jpg') !important; background-repeat: repeat; } #Important_Links .container{ max-width:1170px; } #retailWrap h2, .clickRetail, .rhsHead ul li a, ul.retailWrap li a { text-transform: uppercase; } .accontDetail .rowMail, .accordDetail .detailBlock .detail, .accordDetail .detailBlock .detail .quickBox, .accordDetail .testimonialBlock, .accordDetail .testimonialBlock .blockDetail, .accordDetail .testimonialBlock h2, .accordDivDetail, .accordDivDetail .download ul li a, .contentWrap, .fndDtl .rowDtl ul li, .folioAccordHead, .folioAccordHead1, .folioTitle, .folioTitle1, .folioWrap .row, .footer, .fundAccord .accordDiv, .haveusDetail, .haveusDetail input[type=text], .headTitle, .header, .investTabWrap .tabDetail .row, .investTabWrap ul.tab li, .linkFolios .folioWrap, .linkFolios .linkFolioContent, .loginWrapper .loginContent, .moreIntresting .moreDetl, .moreIntresting h2, .myAccWrapper .infoContent, .myAccWrapper .navTabs ul.folioTab li, .myAccWrapperContent, .navTabs1 ul.folioTab li, .searchfundDetail input, .selectedvalue, .stepConfirm, .subscribeBox input, .tabDetail h3, .tableContent, .videoDetail, .videoDetail input[type=text], .whyInvest ul.nav li a, nav.divices, nav.divices .searchBoxDevice, p.topHd, ul.bullet li, ul.footerList li ul.subList li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } footer, nav, section { width: 100%; margin: 0 auto; padding: 0; float: left; position: relative; } #footerBtm, header { border-top: 3px solid #203349; } article.midWrap { width: 940px; margin: 0 auto; } #mainWrapper { position: relative; width: 100%; float: left; } .footer, .header { width: 940px; margin: 0 auto; padding: 0; height: 95px; } .headWrap a.logo { float: left; margin-top: 25px; } .headWrap, ul.retailWrap { width: 100%; float: left; } #retailWrap, .retailInvestor { width: 100%; margin: 0 auto; padding: 0; background: #203349; display: none; } #retailWrap { width: 750px; height: 60px; padding-top: 10px; display: block; } #retailWrap h2 { display: none; color: #333; font-size: 1.6em; font-weight: 400; margin: 10px 0 0; } ul.retailWrap { display: none; top: -60px; } ul.retailWrap li { width: auto; float: left; } ul.retailWrap li a { color: #fefeff; padding: 14px 13px; float: left; font-size: 1.4em; } .rhsHead, .rhsHead ul { float: right; } ul.retailWrap li:first-child a { background: #d8dee5; color: #203349; } ul.retailWrap li:last-child a { padding-right: 0; } .clickRetail { width: 200px; margin: 0 auto; height: 20px; background: url(../images/arrowSprite.png) center 22px no-repeat #203349; border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; border: none; text-align: center; color: #c1c9d3; font-size: 1.2em; cursor: pointer; padding: 5px 0; } .clickRetail span { color: #fff; background: url(../images/arrowLft.png) 0 center no-repeat; padding-left: 8px; margin-left: 5px; } .clickRetail.act { background-position: center -27px; } .rhsHead h3, .rhsHead p { text-align: right; color: #034da2; font-size: 1.8em; line-height: 1.1em; font-weight: 400; font-family: Arial,Helvetica,sans-serif; } .rhsHead p { font-size: 1.1em; } .rhsHead ul { margin: 10px 0 5px; } .rhsHead ul li { width: auto; float: left; text-align: right; } .rhsHead ul li a { float: left; color: #034da2; font-size: 1.3em; padding: 0 15px 0 5px; font-family: robotolight; } .rhsHead ul li.userNameClick a { background: url(../images/arwDown.png) right center no-repeat; text-transform: none; } .rhsHead ul li.userNameClick2 a { background: url(../images/toparrow2.png) right center no-repeat; text-transform: none; } .rhsHead ul li:first-child a { color: #666; padding: 0 10px 0 0; cursor: default; text-transform: none; background: 0 0; } .rhsHead ul li.chatwithus a { background: 0 0; border-right: 1px solid #c0d2e8; height: 24px; padding: 0 6px 0 0; } .rhsHead ul li.userNameClick a, .rhsHead ul li.userNameClick2 a { padding-top: 4px; } .logedinWrapper { padding: 12px; background: #d9dde6; position: absolute; width: 164px; display: none; z-index: 10; } .logedinWrapper a { background: #f92f2f; float: right; font-size: 1.5em; line-height: 1em; margin: 10px 0; position: relative; text-align: center; text-transform: uppercase; width: 100px; padding: 10px 0; } .logedinWrapper a span { background: url(../images/rgtArrow.png) right center no-repeat; padding-right: 14px; } .logedinWrapper h2 { font-size: 1.3em; color: #034da2; } .logedinWrapper p { color: #333; text-align: left; font-size: 1.2em; padding: 10px 0 0; } ul.nav { width: 100%; float: left; } ul.nav li.firstLi a { width: 60px; height: 63px; border-left: none; cursor: pointer; } ul.nav li a, ul.nav li.lastLi { border-left: 1px solid #3571b5; } ul.nav li.firstLi:hover { background: 0 0; } ul.nav li { float: left; position: relative; } ul.nav li a { cursor: pointer; padding: 10px 25px 9px 18px; float: left; min-height: 63px; width: 200px; text-align: center; font-size: 1.7em; text-transform: uppercase; line-height: 1.3em; font-family: robotolight,Tahoma; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.nav li:hover { background: #d8dee5; } ul.nav li a.activeFirstLevel { background: #d8dee5; color: #333; } ul.nav li ul li ul.subMenuMain li a.activeThirdLevel { color: #034da2; } ul.nav li:hover a { color: #203349; } ul.nav li.lastLi:hover { background: 0 0; } ul.nav li.lastLi { width: 54px; min-height: 58px; } ul.nav li.lastLi .searchBtn { float: right; margin-top: 16px; cursor: pointer; display: block; } .searchBox, ul.nav li ul, ul.nav.serchTab li ul, ul.serchTab li.lastLi .searchBtn { display: none; } ul.nav li ul li a.transacticon::after { background-position: -199px -622px; } ul.nav li ul li a.ekyc::after { background-position: -358px -620px; } ul.nav li ul li a.waystotransacticon::after { background-position: -312px -619px; } .searchBox { width: 266px; float: left; min-height: 47px; padding-left: 12px; position: absolute; margin-top: 11px; } .searchBox .serchBx, .searchBox .serchBx input { width: 225px; float: left; height: 35px; background: #fff; } .searchBox .serchBx input { width: 83%; float: left; background: 0 0; border: none; padding: 5px; height: 25px; font-size: 1.4em; } .searchBox .serchBx a { border: none; width: auto; padding: 0; margin-top: 5px; min-height: 0; } .closeSearch { float: right; margin-top: 5px; cursor: pointer; } ul.nav li ul { position: absolute; width: 500px; float: left; background: #d8dee5; z-index: 1; top: 63px; padding: 10px 15px; box-shadow: 0 2px 1px 1px #bababa; -moz-box-shadow: 0 2px 1px 1px #bababa; -webkit-box-shadow: 0 2px 1px 1px #bababa; left: 1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.nav li ul.invstServic { left: auto; right: 0; } ul.nav li ul.waysTran { left: -160px; } .whyInvest ul.nav li, ul.nav li ul li { float: left; } .whyInvest ul.nav li a, ul.nav li ul li a { border: none; padding: 3px 0 3px 44px; float: none; text-align: left; border-bottom: 1px solid #b3bcc6; min-height: 0; width: 183px; color: #203349; font-size: 1.5em; height: 34px; display: table-cell; vertical-align: middle; line-height: 1.1em; } .whyInvest ul.nav li a:after, ul.nav li ul li a.stbInc:after, ul.nav li ul li a:after { content: ''; position: absolute; width: 50px; height: 40px; float: left; background: url(../images/navSprite.png) no-repeat; left: 0; top: 0; } ul.nav li ul li a.toolsPage:after { background-position: -55px 0; } ul.nav li ul li a.createWealth:after { background-position: -119px 0; } ul.nav li ul li a.marktOutLook:after { background-position: -168px 0; } ul.nav li ul li a.manageCash:after { background-position: -219px 0; } ul.nav li ul li a.basicsMF:after { background-position: 2px -50px; } ul.nav li ul li a.saveTax:after { background-position: -54px -53px; } ul.nav li ul li a.eqFund:after { background-position: -118px -49px; } ul.nav li ul li a.liqFund:after { background-position: -224px -49px; } ul.nav li ul li a.debtFund:after { background-position: -169px -49px; } ul.nav li ul li a.gldFund:after { background-position: 0 -98px; } ul.nav li ul li a.transOnl:after { background-position: -280px 2px; } ul.nav li ul li a.transPhone:after { background-position: -280px -49px; } ul.nav li ul li a.transApp:after { background-position: -280px -98px; } ul.nav li ul li a.transPhyApp:after { background-position: -58px -98px; } ul.nav li ul li a.transSms:after { background-position: -338px 0; } ul.nav li ul li a.transStkEx:after { background-position: -335px -49px; } ul.nav li ul li a.transAtm:after { background-position: -335px -98px; } ul.nav li ul li a.trasServ:after { background-position: -390px 0; } ul.nav li ul li a.acntStmnt:after { background-position: -394px -49px; } ul.nav li ul li a.custServ:after { background-position: -394px -98px; } ul.nav li ul li a.distrLctr:after { background-position: -111px -98px; } ul.nav li ul li a.innovPrdct:after { background-position: -167px -100px; } ul.nav li ul li a.assetIcon:after { background-position: -375px -413px; } ul.nav li ul li a.solutionIcon:after { background-position: -375px -473px; } ul.nav li ul li a.nfoIcon:after { background-position: -1px -486px; background-size: 400px auto; } ul.nav li ul li a.retirementCalcIcon:after { background-position: -195px -234px; background-size: 400px auto; } ul.nav li ul li a.faqIcon:after { background-position: -196px -413px; } ul.nav li ul li a.glossaryIcon:after { background-position: -257px -412px; } ul.nav li ul li a.jabweinvestIcon:after { background-position: -313px -413px; } ul.nav li ul li a.mfwhyIcon:after { background-position: -3px -474px; } ul.nav li ul li a.simplyIcon:after { background-position: -57px -474px; } ul.nav li ul li a.insightIcon:after { background-position: -112px -474px; } ul.nav li ul li a.videoIcon:after { background-position: -167px -472px; } ul.nav li ul li a.downloadIcon:after { background-position: -221px -472px; } ul.nav li ul li a.navIcon:after { background-position: -273px -472px; } ul.nav li ul li a.subscribeIcon:after { background-position: -331px -472px; } ul.nav li ul li { border-top: 1px solid #b3bcc6; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; } ul.nav li ul li:first-child { border-top: none; } ul.nav li ul li a { border-bottom: medium none; display: block; min-height: 40px; padding-top: 12px; width: 100%; } ul.nav li ul li, ul.nav li ul li:hover { background: url(../images/selectbg.png) 99% 14px no-repeat; cursor: pointer; } ul.nav li ul li ul.subMenuMain { width: 100%; box-shadow: none; padding: 0 0 0 40px; margin: 0; position: relative; top: 0; display: none; } ul.nav li ul li ul.subMenuMain li { background: url(../images/blueLeftArrow.png) 0 4px no-repeat; float: left; width: 50%; border-top: none; } ul.nav li ul li ul.subMenuMain li a { height: auto; padding: 0 10px 10px 15px; float: left; text-transform: capitalize; min-height: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.nav li ul li ul.subMenuMain li a:after { background: 0 0; } ul.nav li ul li ul.subMenuMain li a:hover { color: #034da2; } ul.nav li ul li.subMenuOpen { background-image: url(../images/selectbg-upside.png); } .noBg { background: 0 0 !important; } nav.divices { height: 58px; padding: 10px 15px; display: none; position: relative; } nav.divices ul { float: right; } nav.divices ul li { float: left; width: auto; } nav.divices ul li a { padding: 0 8px; border-left: 1px solid #81a6d1; display: table-cell; height: 35px; vertical-align: middle; } nav.divices ul li:first-child a { border: none; } nav.divices .searchBoxDevice { width: 100%; position: absolute; height: 50px; left: 0; top: 0; padding: 8px 15px 0; background: #034da2; display: none; } .searchBoxDevice .inputBox { width: 90%; float: left; background: #fff; height: 35px; } .searchBoxDevice .inputBox input { width: 85%; height: 35px; float: left; } .searchBoxDevice .inputBox a { border: none; margin: 5px 5px 0 0; min-height: 0; padding: 0; width: auto; float: right; } .searchBoxDevice .closeSearch { margin-left: 5px; } .logedinInfo, .logoutClick, .mobNav #retailWrap { display: none; } .bannerWrap .banner2 { background: #f3d3ba; } .bannerWrap .tabWrap, .bannerWrap article { width: 940px; margin: 0 auto; position: relative; } .bannerWrap .banWrap { float: left; background: url(../images/sliderBg1.jpg) right bottom no-repeat #fdebdf; width: 100%; position: absolute; height: 423px; display: block; } .bannerWrap .banWrap.banWrap1 { background: #f4d9c1; display: none; } .bannerWrap article { height: 423px; } .bannerWrap article aside { width: 340px; float: left; height: 98%; text-align: center; color: #333; } .bannerWrap article aside h2 { font-size: 4.9em; font-family: helveticaneuethin; text-transform: uppercase; line-height: 1em; margin: 45px 0 0; position: relative; left: -200%; opacity: 0; font-weight: 400; } .bannerWrap article aside p { font-size: 1.8em; width: 100%; float: left; margin: 15px 0 10px; left: -200%; position: relative; } .bannerWrap article aside p.btmTxt { font-size: 1.1em; text-transform: uppercase; font-family: robotolight; } .bannerWrap img { position: absolute; opacity: 0; } .selectschemename, select { -moz-opacity: 0; } .bannerWrap img.rhsImg { right: 40px; top: 10px; } .bannerWrap img.couple { bottom: 30px; } .bannerWrap .knowMor { left: -200%; position: relative; } .investOption .imgSrc, .knowMor a { float: left; left: 50%; text-align: center; } .knowMor { width: 100%; text-align: center; } .knowMor a { background: #f92f2f; width: 159px; height: 30px; font-size: 1.8em; padding-top: 5px; text-transform: uppercase; position: relative; margin: 10px 0 10px -80px; line-height: 1em; } .knowMor a span { background: url(../images/rgtArrow.png) right center no-repeat; padding-right: 14px; } .bannerWrap ul.tabWrap { position: absolute; right: 315px; width: 40px; bottom: 25px; } .bannerWrap ul.tabWrap li { background: url(../images/bannerLi.png) right 0 no-repeat; width: 10px; height: 10px; float: left; cursor: pointer; margin-right: 8px; } .bannerWrap ul.tabWrap li.sel { background-position: left 0; } .topHead { width: 535px; margin: 35px auto 0; text-align: center; color: #333; } .topHead .lineHead span { background: #fff; font-size: 3em; color: #333; font-family: helveticaneuethin; } .topHead h2 { font-size: 4.2em; font-weight: 400; text-transform: uppercase; font-family: robotolight; } .topHead p { font-size: 1.6em; } .topHead p span { font-family: helveticaneuemedium; } .mutualWrap .topHead { width: 760px; } .mutualWrap .topHead .lineHead span { font-size: 4.7em; color: #fff; background: #284b72; font-family: robotolight; } .mutualWrap .topHead h2 { font-size: 2.5em; color: #fff; font-family: robotolight; } .investPlan { width: 100%; float: left; margin: 30px 0; } .investOption { width: 302px; float: left; min-height: 475px; position: relative; } .investOption .imgSrc { width: 100%; height: 297px; position: relative; margin-left: -140px; } .investOption .imgSrc img { position: absolute; bottom: 0; left: 0; } .accordWrap, .investOption a { position: relative; float: left; } .investOption h3 { text-align: center; font-size: 3em; color: #333; text-transform: uppercase; font-weight: 400; margin: 15px 0 10px; float: left; width: 100%; } .investOption h3 span { font-family: helveticaneuemedium; } .investOption p { font-size: 1.8em; text-align: center; margin: 0 auto 15px; float: left; padding: 0 25px; width: 250px; } .investOption a { width: 166px; padding: 17px 0 17px 40px; background: url(../images/arrowLft1.png) 160px center no-repeat #f92f2f; font-size: 1.8em; text-transform: uppercase; line-height: 1em; left: 50%; margin-left: -105px; } .mutualWrap { background: #284b72; padding-bottom: 70px; top: -188px; } .accordWrap { width: 756px; margin: 65px 0 25px; } .accordWrap .accordHead, .planInvset { width: 153px; height: 205px; background: #d8dee5; border: 1px solid #ced5de; margin-right: 14px; float: left; position: relative; padding: 10px; text-align: center; cursor: pointer; z-index: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .accordWrap .accordHead.act { background-position: 10px -60px; } .accordWrap .accordHead p, .planInvset p { width: 100%; float: left; text-align: center; font-size: 2.5em; text-transform: uppercase; margin-top: 30px; padding: 0 22px; line-height: 1em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .accordWrap .accordHead img.plus { text-align: left; float: left; width: auto; } .accordWrap .imgSrc, .planInvset .imgSrc { width: 153px; display: table-cell; vertical-align: bottom; height: 85px; } .accordDetail { position: absolute; min-height: 255px; width: 900px; float: left; left: 0; z-index: 1; top: -35px; background: #d8dee5; padding: 15px 20px; display: none; } .accordDetail .detailBlock { width: 60%; float: left; } .accordDetail .detailBlock .imgPath { width: 10%; float: left; } .accordDetail .detailBlock .imgPath img { width: 45px; } .accordDetail .detailBlock .detail { width: 90%; float: left; padding-right: 20px; } .accordDetail .detailBlock .detail h2, .accordDetail .detailBlock .detail p, .accordDetail .testimonialBlock h2 { width: 100%; float: left; color: #333; font-weight: 400; font-size: 1.6em; line-height: 1.2em; } .accordDetail .detailBlock .detail h2 { font-size: 2.9em; text-transform: uppercase; margin: 10px 0; } .accordDetail .detailBlock .detail .quickBox { width: 100%; border: none; padding: 0 20px 0 0; height: auto; margin: 20px 0 0; } .accordDetail .detailBlock .detail .quickBox ul li { width: 50%; margin: 0 0 2%; padding: 0; } .accordDetail .detailBlock .detail .quickBox ul li a { width: 97%; font-size: 1.8em; text-transform: none; padding: 10px 0; height: 20px; } #footerBtm p, .quickBox p, .quickBox ul li a, .quickSearch h2, .searchFund a { text-transform: uppercase; } .accordDetail .testimonialBlock { width: 40%; float: left; padding-right: 40px; } .accordDetail .testimonialBlock h2 { font-size: 1.8em; text-transform: uppercase; background: url(../images/testimonials.png) no-repeat; padding-left: 30px; margin: 10px 0 15px; } .accordDetail .testimonialBlock .blockDetail { width: 100%; background: #eaedf0; min-height: 185px; float: left; padding: 15px 10px; } .accordDetail .testimonialBlock .blockDetail p { width: auto; float: left; font-size: 1.4em; color: #666; line-height: 1.1em; } .accordDetail .testimonialBlock .blockDetail p img { float: left; margin-right: 10px; } .accordDetail .testimonialBlock .blockDetail p span { width: auto; float: left; margin: 10px 0 0; } .accordDetail a.closeBtn { position: absolute; right: 10px; top: 10px; } .divideLine { width: 100%; float: left; margin: 10px 0; height: 1px; background: #cdd1d6; } .planInvset { background: #f92f2f; border-color: #e04535; width: 173px; padding: 0; margin: 65px 0 25px; height: 225px; float: right; } .planInvset p { color: #fff; width: 153px; padding: 0 10px; text-align: left; line-height: 1.1em; margin-top: 40px; font-size: 2.2em; background: url(../images/investArrow.png) 94% center no-repeat; } .planInvset .imgSrc { height: 107px; width: 173px; } .quickSearch { width: 100%; float: left; margin-top: 35px; position: relative; } .quickSearch h2 { color: #fff; font-size: 3em; font-family: helveticaneuethin; margin-bottom: 20px; } .quickBox { width: 735px; float: left; height: 102px; border: 1px solid #6f8bab; border-right: none; padding: 10px 25px; position: relative; z-index: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .regBand, .regisContent .contentWrapper .regContent p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .quickBox p { color: #d7dde4; font-size: 1.3em; margin-bottom: 5px; } .quickBox ul { width: 100%; float: left; } .quickBox ul li { float: left; margin-left: 14px; } .quickBox ul li:first-child { margin: 0; } .quickBox ul li a { background: #f92f2f; float: left; width: 159px; height: 34px; text-align: center; font-size: 1.8em; padding-top: 18px; line-height: 1em; } .quickBox ul li a span { background: url(../images/rgtArrow.png) right center no-repeat; padding-right: 14px; } .searchFund { width: 204px; float: left; height: 102px; background: url(../images/lftArrow.png) 10px center no-repeat #d8dee5; } .searchFund a { height: 102px; display: table-cell; vertical-align: middle; padding: 0 10px 0 55px; width: 140px; color: #f92f2f; font-size: 1.6em; background: url(../images/redSearch.png) 22px center no-repeat; } .searchfundDetailBox { width: 0; overflow: hidden; height: 102px; background: #d8dee5; left: 736px; position: absolute; z-index: 1; } .searchfundDetail { width: 576px; height: 57px; float: left; position: absolute; left: 0; padding: 30px 80px 15px; display: none; } .searchfundDetail input { width: 92%; height: 45px; position: relative; float: left; padding: 10px 15px; border: 1px solid #f92f2f; border-right: none; background: #fff; font-size: 1.4em; } .searchfundDetail .closeQuick, .searchfundDetail .searchQuick { float: left; width: 7%; background: #fff; border: 1px solid #f92f2f; border-left: none; height: 38px; padding: 5px 0 0; } .searchfundDetail .closeQuick { background: 0 0; border: none; position: absolute; width: auto; height: auto; margin: 5px 0 0 10px; } ul.footerList, ul.footerList li ul.subList li.acntTrns { width: 100%; float: left; } .searchFund.active, .searchFund.active a { background-image: none; } footer { background: #667c8d; padding: 45px 0 35px; float: left; line-height: 1em; } #footerBtm { background: #344e61; border: none; padding: 30px 0 25px; text-align: center; } #footerBtm p { color: #ccc; font-size: 1.4em; line-height: 1.1em; } #footerBtm p.copyRgt { text-transform: none; margin-top: 12px; } .footer { height: 100%; padding-bottom: 35px; line-height: 1em; } ul.footerList { margin-bottom: 10px; } ul.footerList li.colSec { width: 450px; margin-right: 40px; float: left; position: relative; } ul.footerList li.colSec.marRgt { margin-right: 0; } ul.footerList li ul.subList { width: 220px; float: left; margin: 25px 0 0; } ul.footerList li ul.subList.ftRght { margin-left: 10px; } ul.footerList li ul.subList li.acntTrns a, ul.footerList li ul.subList li.downloadApp { display: block; padding: 15px 10px; background: #3b536e; text-transform: uppercase; color: #fff; font-size: 1.4em; margin-bottom: 10px; } ul.footerList li ul.subList li.acntTrns a { width: 100%; text-align: center; padding: 15px 0; } ul.footerList li ul.subList li.acntTrns a span { background: url(../images/arrowLft1.png) right center no-repeat; padding-right: 12px; } ul.footerList li ul.subList li.downloadApp { padding: 20px 0 0; background: 0 0; margin-top: 10px; border-top: 1px solid #7e94a5; float: left; } .lineHead { width: 100%; float: left; text-align: center; background: url(../images/lineDivider.jpg) 0 center repeat-x; } .lineHead span { padding: 0 10px; background: #667c8d; color: #c3d9ea; font-size: 1.8em; text-transform: uppercase; } ul.footerList li ul.subList.ftRght li { padding-left: 10px; width: 210px; float: left; margin-bottom: 12px; } ul.footerList li ul.subList.ftRght li a { width: auto; float: left; font-size: 1.4em; color: #fff; text-transform: uppercase; } ul.footerList li p, ul.footerList li p.line { width: 100%; float: left; margin: 5px 0 15px; text-align: center; color: #fff; font-size: 1.4em; } ul.footerList li p.line { margin: 35px 0 25px; text-transform: uppercase; } ul.footerList li p.line:after, ul.footerList li p.line:before { content: ''; display: block; width: 218px; border-top: 1px solid #7e94a5; top: -15px; position: relative; left: 50%; margin-left: -112px; } ul.footerList li p.line a { cursor: default; } ul.footerList li p.emailStyle a { font-family: robotolight; } ul.footerList li p.line:after { top: 15px; } ul.footerList li ul.subList.downloadMob { margin: 0; clear: both; } .subscribe { width: 385px; margin: 25px auto 0; padding: 0; } .subscribe a, .subscribe input { width: 226px; border: 1px solid #3b536e; float: left; height: 16px; padding: 12px 10px 10px; font-size: 1.4em; color: #333; } .subscribe a { border: none; width: 104px; height: 12px; margin-left: 10px; padding-top: 17px; text-transform: uppercase; color: #fff; background: #3b536e; } .subscribe a span { width: 120px; background: url(../images/rgtArrow.png) right center no-repeat; margin: 0 auto 0 -38px; position: relative; left: 50%; padding-right: 15px; } /*ul.commonLink { width: 100%; float: left; margin: 15px 0 } ul.commonLink li { float: left; width: auto } ul.commonLink li a { margin-left: 10px }*/ /*ul.commonLink li a span { width: 47px; height: 47px; float: right; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; overflow: hidden; background: url(../images/sprite.png) no-repeat #3b536e }*/ ul.commonLink.socialMedia li.twitterImg span { background: url(../images/twitter.png) 5px 9px no-repeat #3b536e; } ul.commonLink li:first-child a, ul.commonLink.reachUs li:first-child a, ul.commonLink.socialMedia li a, ul.commonLink.socialMedia li:first-child { margin-left: 0; } ul.commonLink li.appleImg a span { background-position: 8px 7px; } ul.commonLink li.androidImg a span { background-position: -50px 7px; } ul.commonLink li.blbImg a span { background-position: -105px 6px; } ul.commonLink li.windowsImg a span { background-position: -164px 7px; } ul.commonLink.reachUs { width: 450px; float: none; margin: 25px auto; } ul.commonLink.reachUs li a { text-align: center; width: 74px; float: left; margin-left: 19px; font-size: 1.3em; color: #fff; text-transform: uppercase; line-height: 1.1em; } ul.commonLink.reachUs li a span { width: 74px; height: 74px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; margin-bottom: 8px; } ul.commonLink.reachUs li label { width: 100%; float: left; } ul.commonLink.reachUs li.callImg a span { background-position: -219px 20px; } ul.commonLink.reachUs li.chatImg a span { background-position: -288px 20px; } ul.commonLink.reachUs li.videoImg a span { background-position: -469px 20px; } ul.commonLink.reachUs li.locateImg a span { background-position: -355px 18px; } ul.commonLink.reachUs li.advisorImg a span { background-position: -415px 21px; } ul.commonLink.socialMedia { width: 435px; } ul.commonLink.socialMedia li { width: 25%; margin: 0; position: relative; } ul.commonLink.socialMedia li span { float: left; margin-right: 5px; } ul.commonLink.socialMedia li.facebookImg span { background-position: 10px -45px; } ul.commonLink.socialMedia li.youtubeImg span { background-position: -36px -45px; } ul.commonLink.socialMedia li.googleImg span { background-position: -92px -45px; } ul.commonLink.socialMedia li.linkedImg span { background-position: -146px -45px; } ul.commonLink.socialMedia li label { width: 42px; height: 19px; float: left; text-align: center; color: #333; font-size: 1.2em; margin-top: 10px; background: #8ca1b2; padding: 9px 2px 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; position: relative; } .haveusDetail input[type=text], .videoDetail input[type=text] { font-size: 1.4em; color: #333; font-family: robotolight,Arial,Helvetica,sans-serif; float: left; } ul.commonLink.socialMedia li label:before { content: ''; display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-left-width: 0; border-right-color: #8ca1b2; left: -5px; } .haveusDetail { width: 320px; float: left; background: #e2e6eb; padding: 20px 45px 15px 15px; box-shadow: 0 4px 5px 3px #3a4751; -webkit-box-shadow: 0 4px 5px 3px #3a4751; -moz-box-shadow: 0 4px 5px 3px #3a4751; position: absolute; z-index: 1; left: -320px; top: 60px; display: none; } .haveusDetail a.close { position: absolute; right: 10px; top: 10px; } .haveusDetail input[type=text] { width: 100%; margin-top: 15px; height: 40px; border: 1px solid #8e9cac; padding: 10px; } .haveusDetail input[type=text]:first-child { margin: 0; } .haveusDetail .selectbg { width: 100%; float: left; margin: 15px 0; } .haveusDetail .selectbg .selectedvalue { border: 1px solid #8e9cac; width: 100%; } .haveusDetail .knowMor a { margin: 0; left: 0; background: #3b536e; } .haveusDetail .captcha { width: 100%; float: left; margin-bottom: 15px; } .haveusDetail .captcha .captchaImg, .haveusDetail .captcha .captchaText { width: 50%; float: left; } .haveusDetail .captcha .captchaImg { width: 45%; padding: 3px 5% 0 0; } .haveusDetail .captcha .captchaImg img { width: 100%; } .haveusDetail span.arrow { position: absolute; left: 315px; top: 85px; width: 11px; height: 22px; background: url(../images/haveusArrow.png) no-repeat; } .videoDetail { width: 320px; float: left; background: #e2e6eb; padding: 20px 45px 15px 15px; box-shadow: 3px 4px 5px 0 #3a4751; -webkit-box-shadow: 3px 4px 5px 0 #3a4751; -moz-box-shadow: 3px 4px 5px 0 #3a4751; position: absolute; z-index: 1; left: 189px; top: -20px; display: none; } .videoDetail a.close { position: absolute; right: 10px; top: 10px; } .videoDetail input[type=text] { width: 100%; margin-top: 15px; height: 40px; border: 1px solid #8e9cac; padding: 10px; } .videoDetail input[type=text]:first-child { margin: 0; } .videoDetail .selectbg { width: 100%; float: left; margin: 15px 0; } .videoDetail .selectbg .selectedvalue { border: 1px solid #8e9cac; width: 100%; } .videoDetail .knowMor a { margin: 0; left: 0; background: #3b536e; } .videoDetail .captcha { width: 100%; float: left; margin-bottom: 15px; } .videoDetail .captcha .captchaImg, .videoDetail .captcha .captchaText { width: 50%; float: left; } .videoDetail .captcha .captchaImg { width: 45%; padding: 3px 5% 0 0; } .videoDetail .captcha .captchaImg img { width: 100%; } .videoDetail span.arrow { position: absolute; left: -11px; top: 70px; width: 11px; height: 22px; background: url(../images/haveusArrow.png) no-repeat; } .chatusBox .knowMor { margin: 15px 0 0; float: left; } .chatusBox { left: 181px; z-index: 6; } .videoBox { left: 274px; z-index: 6; } .selectschemename, .selectsmall, select { -khtml-opacity: 0; height: 40px; line-height: 35px; z-index: 0; cursor: pointer; } .chatus footer, .chatus ul.footerList li.colSec { position: static; } .selectedvalue, .selectschemename, .selectsmall, select { position: absolute; } .chatus .chatusBox span.arrow { background-position: 0 -25px; left: 280px; width: 21px; top: -10px; } select { opacity: 1 !important; width: 219px; top: 0; font-size: 14px; } .selectschemename { opacity: 0; width: 375px; top: 0; } .selectsmall { -moz-opacity: 0; opacity: 0; width: 40px; top: 0; } .selectbg, .selectbgcategory, .selectbgpolitallyexposed, .selectbgsmall { position: relative; height: 40px; float: left; } .selectbgsmall { width: 100px; } .selectbgcategory { width: 120px; } .selectbgpolitallyexposed { width: 300px; } .selectedvalue { padding: 7px 25px 13px 10px; width: 219px; font-size: 1.2em; color: #333; overflow: hidden; height: 40px; background: url(../images/selectbg.png) 96% center no-repeat #fff; line-height: 25px; } .selectedschemenamevalue, .selectedvaluenri, .selectedvaluepoliticallyexposed, .selectedvaluesmall { font-size: 1.4em; padding: 10px 25px 13px 10px; color: #333; background: url(../images/selectbg.png) 96% center no-repeat #fff; line-height: 25px; position: absolute; overflow: hidden; } .selectedschemenamevalue { width: 340px; height: 18px; } .selectedvaluesmall { width: 40px; height: 18px; } .selectedvaluenri { width: 200px; height: 18px; } .selectedvaluepoliticallyexposed { width: 300px; height: 18px; } .selectedvaluecategory { padding: 10px 25px 13px 10px; position: absolute; width: 80px; font-size: 1.6em; color: #333; overflow: hidden; height: 18px; background: url(../images/selectbg.png) 96% center no-repeat #fff; line-height: 25px; } .overlay { top: 0; left: 0; } .fixContainer { float: left; position: absolute; right: 0; background: #e2e6eb; top: 0; z-index: 9; } ul.fixWrapper { width: 130px; float: left; position: absolute; left: -130px; top: 0; } ul.fixWrapper li { width: 100%; float: left; margin-bottom: 1px; } ul.fixWrapper li a { width: 90px; background: #c9ddf2; font-size: 1.4em; text-transform: uppercase; padding: 18px 20px; text-align: center; float: left; font-family: 'Ubuntu', sans-serif; line-height: 1em; position: relative; } .subscribeBox .subscribeButton, .subscribeBox h2, .subscribeBox input { font-family: robotolight; } ul.fixWrapper li a.active { background: #034da2; } ul.fixWrapper li a span { background: url(../images/fixLftArrow.png) no-repeat; position: absolute; width: 10px; height: 18px; right: -10px; top: 50%; margin-top: -10px; display: none; } ul.fixWrapper li a.active span { display: block; } ul.fixWrapper li:last-child a { padding: 12px 20px; } ul.fixWrapper li a:hover { background: #c9ddf2; } .subscribeBox { width: 219px; height: 140px; background: url(../images/subscribeBg.png) no-repeat; position: fixed; right: 0; bottom: 0; padding: 30px 40px 30px 25px; display: none; } .subscribeBox .closeSub { position: absolute; right: 20px; top: 15px; cursor: pointer; } .subscribeBox a, .subscribeBox h2, .subscribeBox input, .subscribeBox p { width: 100%; float: left; } .subscribeBox h2 { text-transform: uppercase; font-size: 2.2em; color: #fff; } .subscribeBox input, .subscribeBox p { color: #fff; font-size: 1.5em; margin-bottom: 8px; } .subscribeBox input { color: #999; padding: 10px 15px; border: none; margin-bottom: 2px; background-color: #fddfdf; } .subscribeBox .subscribeButton, .subscribeBox a { background: #203349; padding: 8px 0; font-size: 1.8em; text-transform: uppercase; text-align: center; } .subscribeBox .subscribeButton { color: #fff; margin-left: 0; } .subscribeBox a span { background: url(../images/rgtArrow.png) right center no-repeat rgba(0,0,0,0); padding-right: 14px; } .container { width: 940px; margin: 0 auto; } .headWrp, .headWrp h1 span, p.smallHead, ul.breadcrumb { width: 100%; float: left; } ul.breadcrumb { margin: 10px 0 0; } ul.breadcrumb li { float: left; padding: 0 15px; background: url(../images/brdcrumbArrow.png) right 5px no-repeat; } ul.breadcrumb li a { color: #333; font-size: 1.2em; } ul.breadcrumb li a.sel { color: #034da2; } ul.breadcrumb li:first-child { padding-left: 0; } ul.breadcrumb li:last-child { background: 0 0; } .headWrp { padding: 20px 0 10px; } p.smallHead { font-size: 1.5em; color: #333; padding: 5px 0 0; border-top: 1px solid #c6d1dd; } .headWrp h1 { font-size: 3.6em; color: #333; font-family: 'Ubuntu', sans-serif; float: left; text-transform: uppercase; margin: 0 20px 0 0; font-weight: 400; } .headWrp h1 span { font-size: .6em; text-transform: none; line-height: 1.1em; } .headWrp .selectbg { width: 140px; border: 1px solid #9da9b6; margin: 6px 25px 0 0; height: 30px; } .headWrp .selectedvalue { width: 130px; height: 16px; padding: 6px 0 8px 10px; } .headWrp .selectbg select { width: 140px; font-family: robotolight; font-size: 1.4em; line-height: 35px; -webkit-appearance: menulist-button; height: 30px; } .hideSelect { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .riskCat { width: auto; border-left: 1px solid #c6d1dd; height: 40px; float: left; padding: 3px 0 0 20px; } .riskCat span { width: 13px; height: 13px; float: left; margin: 3px 0 0; } .riskCat span.colorClass { background: #963; } .riskCat .rhsRisk { width: auto; float: left; padding: 0 0 0 10px; } .riskCat .rhsRisk p { font-size: 1.4em; color: #333; margin: 0; line-height: 1em; } .riskCat .rhsRisk a { font-size: 1.2em; color: #034da2; } .investBox { width: 100%; float: left; margin: 10px 0; position: relative; } .investBox .chkFund, .investBox .knowMor { width: auto; float: left; } .investBox .knowMor a { margin: 0; left: 0; } .investBox .chkFund { margin-left: 20px; display: block; } .investBox .chkFund li { float: left; margin-right: 20px; height: 23px; background: #e9eef3; display: table-cell; vertical-align: middle; min-width: 175px; padding: 10px; } .investBox .chkFund li label { font-size: 1.6em; color: #333; text-transform: uppercase; float: left; position: relative; cursor: pointer; } .investBox .chkFund li label input { margin-right: 5px; position: absolute; left: 0; z-index: 0; display: block !important; opacity: 0; height: 20px; width: 20px; } .checkbox { width: 19px; height: 20px; padding: 0 5px 0 0; background: url(../images/chk.png) no-repeat; display: block; clear: left; float: left; } .investBox .invstMore { float: right; padding: 5px 0 0; display: none; } ul.bullet { width: 100%; float: left; } ul.bullet li { width: 100%; float: left; background: url(../images/bullet.png) 0 8px no-repeat; font-size: 1.4em; color: #333; padding-left: 12px; margin: 0 0 5px; line-height: 1em; } .whyInvest { width: 450px; float: left; margin: 15px 30px 15px 0; } .howInvset { width: 380px; margin-right: 0; } .recommendFund h2, .whyInvest h2 { width: 100%; float: left; color: #333; font-size: 2.7em; font-family: helveticaneuethin; text-transform: uppercase; margin-bottom: 10px; font-weight: 400; } .whyInvest ul.accord, .whyInvest ul.nav, .whyInvest ul.nav li { width: 100%; position: relative; margin: 0; } .whyInvest ul.nav li a { width: 450px; border-bottom: none; border-top: 1px solid #b3bcc6; font-size: 1.6em; padding-left: 90px; text-transform: none; cursor: default; } .whyInvest ul.nav li a:hover, .whyInvest ul.nav li:hover { background-color: #fff; } .whyInvest ul.nav li a span { font-family: helveticaneuemedium; } .whyInvest ul.nav li a:after { width: 55px; height: 40px; left: 15px; } .whyInvest ul.nav li:first-child a span, .whyInvest ul.nav li:last-child a span { font-family: robotolight; color: #034da2; } .whyInvest ul.nav li a.help:after { background-position: 0 -154px; } .whyInvest ul.nav li a.lastYr:after { background-position: -77px -154px; } .whyInvest ul.nav li a.ofrFree:after { background-position: -147px -154px; } .whyInvest ul.accord li { background: #d8dee5; width: 100%; float: left; margin: 0 0 4px; } .whyInvest ul.accord li h3 { color: #333; font-size: 1.8em; font-weight: 400; padding: 15px 15px 15px 40px; cursor: pointer; background: url(../images/plus11.png) 18px -34px no-repeat; } .whyInvest ul.accord li.active h3 { background-position: 18px 21px; } .whyInvest ul.accord li .knowMor { display: none; } .whyInvest ul.accord li .knowMor a { margin: 0 0 15px; left: 40px; } .whyInvest ul.accord li ul.wayInvest { width: 100%; float: left; position: relative; left: 50%; margin: 5px 5px 5px -180px; } .whyInvest ul.accord li ul.wayInvest li { margin-left: 4px; width: 70px; } .whyInvest ul.accord li ul.wayInvest li:first-child { margin-left: 0; } .whyInvest ul.accord li ul.wayInvest li a { color: #f92f2f; float: left; width: 70px; height: 70px; border-radius: 100%; background: #fff; position: relative; } .whyInvest ul.accord li ul.wayInvest li a span { width: 35px; height: 35px; background: url(../images/navSprite.png) no-repeat; float: left; position: relative; left: 50%; margin: 8px 0 0 -18px; } .whyInvest ul.accord li ul.wayInvest li a label { width: 100%; float: left; text-align: center; cursor: pointer; } .whyInvest ul.accord li ul.wayInvest li a.sms span { background-position: -2px -206px; } .whyInvest ul.accord li ul.wayInvest li a.phone span { background-position: -65px -210px; } .whyInvest ul.accord li ul.wayInvest li a.wap span { background-position: -120px -210px; } .whyInvest ul.accord li ul.wayInvest li a.form span { background-position: -172px -210px; } .whyInvest ul.accord li ul.wayInvest li a.advisor span { background-position: -224px -210px; } .fundAccord, .recommendFund { width: 100%; float: left; margin: 25px 0; } .recommendFund .fundBox { width: 245px; height: 165px; float: left; margin: 0 20px 0 0; background: #eaedf1; padding: 10px 15px; } .recommendFund .fundBox:last-child { margin: 0; } .recommendFund .fundBox h3 { font-size: 2.1em; color: #034da2; font-weight: 400; line-height: 1em; margin: 0 0 10px; } .recommendFund .fundBox label { width: 100%; float: left; padding: 8px 0; border-bottom: 1px solid #bdc7d3; height: 22px; font-size: 1.6em; } .recommendFund .fundBox label span { float: right; font-family: robotolight; font-size: 1.4em; } .marTop15 { margin-top: 15px; } .fundAccord { width: 860px; margin: 10px 0 15px; } .fundAccord .accordDiv { width: 100%; float: left; background: url(../images/fundAcrd.png) 15px -23px no-repeat #d8dee5; padding: 22px 0 22px 45px; margin-top: 15px; min-height: 94px; cursor: pointer; } .fundAccord .accordDiv.act { background-color: #284b72; background-position: 15px 40px; } .fundAccord .accordDiv.act h2 { color: #fff; } .fundAccord .accordDiv.act ul li { color: #ccc; border-color: #567190; } .fundAccord .accordDiv.act ul li span { color: #fff; } .fundAccord .accordDiv h2 { color: #333; font-size: 2.1em; text-transform: uppercase; font-weight: 400; float: left; line-height: 1em; margin-right: 20px; padding-top: 15px; min-width: 215px; } .fundAccord .accordDiv ul, .fundAccord .accordDiv ul li { width: auto; float: left; color: #666; font-size: 1.1em; line-height: 1.4em; } .fundAccord .accordDiv ul li { width: 160px; border-left: 1px solid #fff; padding: 5px 10px 5px 20px; height: 40px; } .fundAccord .accordDiv ul li:last-child { width: 250px; } .fundAccord .accordDiv ul li span { width: 100%; float: left; font-size: 1.7em; font-family: robotolight; color: #333; line-height: 1.1em; } .accordDivDetail { width: 100%; float: left; background: #e9eef3; padding: 10px 25px; display: none; } .accordDivDetail p, .tableView .selectInfo .dateBox, .tableView .selectInfo .dateBox input { font-size: 1.2em; color: #666; } .accordDivDetail .detailView, .accordDivDetail .tableView { width: 100%; float: left; border: 1px solid #ccc; border-left: none; border-right: none; padding: 20px 0; margin: 0 0 10px; } .accordDivDetail .tableView table { border-left: 1px solid #bfd8e1; border-right: 1px solid #bfd8e1; } .accordDivDetail .tableView table tr td { height: 55px; display: table-cell; vertical-align: middle; border-bottom: 1px solid #bfd8e1; font-size: 1.4em; text-align: center; width: 20%; line-height: 1.1em; } .accordDivDetail .tableView table tr td.fCol { padding-left: 15px; text-align: left; width: 40%; } .accordDivDetail .tableView table tr td.fCol, .accordDivDetail .tableView table tr td.sCol { display: table-cell; } .accordDivDetail .tableView table tr.firstRow { background: #00b0f0; color: #fff; } .accordDivDetail .tableView table tr.firstRow td { font-family: robotolight; font-size: 1.6em; } .accordDivDetail .radioWrap { width: auto; float: left; } .accordDivDetail .radioWrap label { width: auto; float: left; color: #333; font-size: 1.8em; margin: 10px 25px 0 0; line-height: 1em; cursor: pointer; } .radio { width: 19px; height: 22px; padding: 0 5px 0 0; background: url(../images/radioBtn.png) no-repeat; display: block; clear: left; float: left; cursor: pointer; margin-top: -2px; } .accordDivDetail a.readMore, .tableView .selectInfo.yearList, .tableView .tabList { display: none; } ul.fundTab { width: auto; float: right; } ul.fundTab li { background: url(../images/sprit-tab.png) -71px center no-repeat; width: 25px; height: 25px; float: left; cursor: pointer; margin: 0 0 0 10px; padding: 10px; } ul.fundTab li.act { background-position: -110px center; background-color: #fff; } ul.fundTab li:first-child { margin-left: 0; background-position: 10px center; } ul.fundTab li.act:first-child { background-position: -30px center; background-color: #fff; } .graphTab, .graphTab .detlWrap { width: 100%; float: left; } .graphTab h2, .tableView .selectInfo { margin-left: 115px; } .graphTab h2 { font-size: 1.6em; color: #333; font-weight: 400; } .graphTab h2 span { font-family: helveticaneuemedium; } .fndDtl .btmtxt, .fndDtl .rowDtl span { font-family: robotolight; } .tableView .selectInfo { width: 680px; height: 60px; background: #dbe3ea; padding: 15px 0 0 15px; } .tableView .selectInfo .dateBox, .tableView .selectInfo p { width: 85px; float: left; text-align: center; } .tableView .selectInfo p span { margin-left: -10px; position: relative; left: 50%; } .tableView .selectInfo p label { width: 100%; float: left; } .tableView .selectInfo .dateBox { width: 110px; float: left; text-align: left; margin-left: 10px; } .tableView .selectInfo .dateBox .dtBox { width: 108px; background: #fff; border: 1px solid #999; height: 24px; } .tableView .selectInfo .dateBox .dtBox input { width: 80px; float: left; height: 20px; margin: 2px; color: #333; } .tableView .selectInfo .dateBox .dtBox img { margin: 3px 3px 0 0; float: right; cursor: pointer; } .graphTab img.graphImg { margin-left: -11px; } .accordDivDetail p.moreCont { display: block; } .overlay, .portF .selectbg { display: none; } .fndDtl .rowDtl { border-bottom: 1px solid #afbdcc; padding: 20px 0 10px; } .fndDtl .rowDtl, .fndDtl ul.arrowBullet, .fndDtl ul.arrowBullet li { width: 100%; float: left; color: #333; } .fndDtl p { font-size: 1.4em; line-height: 1.1em; width: 100%; float: left; margin: 5px 0; color: #333; } .fndDtl .rowDtl .colDtl_1 { width: 180px; float: left; text-align: right; margin: 0 20px 0 0; font-size: 1.7em; } .fndDtl .rowDtl .colDtl_2 { width: 215px; float: left; margin: 0 20px 0 0; } .fndDtl .rowDtl .colDtl_2 p.selColor { color: #034da2; } .fndDtl .rowDtl .colDtl_3 { width: 330px; float: left; } .fndDtl .rowDtl .colDtl_3 p.hd { width: auto; float: left; font-size: 1.7em; margin: 0 15px 0 0; } .fndDtl .rowDtl .colDtl_4 { width: 570px; float: left; } .fndDtl .rowDtl:last-child { margin-bottom: 15px; } .fndDtl ul.arrowBullet li { background: url(../images/blueLeftArrow.png) 0 3px no-repeat; padding-left: 15px; font-size: 1.4em; line-height: 1.1em; margin-bottom: 5px; } .fndDtl .colDtl_4 ul.arrowBullet li { margin-bottom: 10px; } .fndDtl .rowDtl span { font-size: 2.4em; float: left; line-height: 1em; } .fndDtl .rowDtl span.rupee { background: url(../images/rs.png) 0 3px no-repeat; padding-left: 15px; } .fndDtl .btmtxt { margin: 15px 0 10px; } .createUsername h2, .loginReg h2 { font-family: helveticaneuemedium,Arial,Helvetica,sans-serif; font-weight: 600; } .fndDtl ul.arrowBullet li label { width: auto; float: left; } .fndDtl ul.arrowBullet li span { width: 15px; height: 15px; float: left; margin: 0 10px; } .fndDtl ul.arrowBullet li span.colorCode { background: #963; } .fndDtl ul.arrowBullet li a { color: #034da2; font-size: .9em; } .accordDivDetail .detailView { padding: 40px 0 15px; margin: 10px 0; border-bottom: none; } .detailView .pieChart, .detailView .pieChartDetl { width: 50%; margin: 0 auto; padding: 0; float: left; } .detailView .pieChartDetl { float: right; } .accordDivDetail .detailView .pieChartDetl p { font-size: 1.4em; color: #333; } .accordDivDetail .pieChartDetl table { width: 320px; float: left; font-size: 1.4em; background: #fff; } .accordDivDetail .pieChartDetl table tr td { height: 55px; padding: 0 30px 0 17px; text-align: right; border-bottom: 1px solid #cee1e8; border-right: 1px solid #cee1e8; } .accordDivDetail .pieChartDetl table tr td:first-child { text-align: left; padding-right: 0; border-left: 1px solid #cee1e8; } .accordDivDetail .pieChartDetl table tr.firstRow { background: #00b0f0; color: #fff; font-size: 1.2em; } .accordDivDetail .pieChartDetl table tr.firstRow td { border: none; } .accordDivDetail .pieChartDetl table tr td span { float: left; margin: 2px 13px 0 7px; width: 15px; height: 15px; } .accordDivDetail .pieChartDetl table tr td span.color1 { background: #19bd9b; } .accordDivDetail .pieChartDetl table tr td span.color2 { background: #ffbe34; } #pieChartWrap { width: 235px; height: 235px; float: left; position: relative; left: 50%; margin-left: -117px; } .accordDivDetail .download { width: 480px; float: left; margin-right: 25px; } .accordDivDetail .download.tools { width: 300px; margin: 0; } .accordDivDetail .download h2, .accordDivDetail .download h3 { color: #333; font-size: 1.8em; border-bottom: 1px solid #afbccb; padding-bottom: 5px; width: 100%; float: left; } .accordDivDetail .download h3 { font-size: 1.4em; border: none; padding: 0; margin: 10px 0; } .accordDivDetail .download ul, .accordDivDetail .download ul li { width: 100%; float: left; } .accordDivDetail .download ul li { width: 50%; } .accordDivDetail .download.tools li, .accordDivDetail.portF .radioWrap, .overlay, .portF .selectbg, .portF select { width: 100%; } .accordDivDetail .download ul li a { color: #034da2; font-size: 1.4em; float: left; padding: 2px 20px 2px 15px; background: url(../images/blueLeftArrow.png) 0 5px no-repeat; line-height: 1.2em; } .accordDivDetail .download.tools h2 { margin-bottom: 10px; } .portF .selectedvalue { width: 100%; padding: 10px 38px 10px 10px; height: 30px; } .loginSection, .loginWrapper { position: relative; } .overlay { background: #000; opacity: .6; z-index: 4; position: fixed; height: 100%; } .loginWrapper a { float: right; width: 72px; background: #e2e6eb; text-align: center; height: 31px; line-height: 30px; color: #034da2; text-transform: uppercase; font-size: 1.4em; } .linkWrap span.text, .resendSms p { font-size: 1.3em; float: left; } .myAcc .overlay { z-index: 99; } .loginWrapper .loginContent { background: #e9e8e9 !important; padding: 20px 20px 5px; float: left; clear: both; margin: 1px 0 25px; width: 100%; } .conetntWrapper, .conetntWrapper .btnWrap { float: left; } .conetntWrapper .linkWrap { float: left; margin-left: 20px; } .linkWrap span.link a { float: left; clear: both; width: auto; } .resendSms p { margin: 15px 0; width: 100%; } .loginWrapper .loginContent .formWrap { float: left; width: 100%; padding: 0 0 8px; } .loginContent .leftContent { float: left; border-right: 1px solid #d5d8dd; } .loginContent .rightContent { float: left; padding-left: 18px; position: relative; } .loginReg h2 { color: #323234; font-size: 1.8em; } .loginReg p { font-size: 1.4em; color: #686c6d; } .loginWrapper .loginReg { width: 392px; float: left; } .loginWrapper .loginContent .formWrap.loginFormWrap { width: 376px; } .loginWrapper .loginContent .formWrap.virtualKeyBoard { width: 315px; } .loginWrapper .chechVirtual { float: left; clear: both; padding: 15px 0; } .loginWrapper .chechVirtual label { font-size: 1.3em; } .loginContent .feildWrapper { clear: both; float: left; margin: 8px 0; width: 100%; } .loginContent .feildWrapper label { float: left; font-size: 1.6em; margin: 10px 32px 0 0; width: 100px; } .loginContent .feildWrapper input[type=password], .loginContent .feildWrapper input[type=text] { float: left; height: 38px; width: 228px; line-height: 20px; padding-left: 5px; } .loginContent .feildWrapper input[type=text].large { width: 192px; } .loginContent .feildWrapper.captcha img { float: left; } .loginContent .feildWrapper .inputWrapper { float: left; width: 228px; } .loginContent .feildWrapper .inputWrapper input[type=password], .loginContent .feildWrapper .inputWrapper input[type=text] { float: left; width: 223px; font-size: medium; padding-left: 10px; } .loginContent .feildWrapper .inputWrapper a { background: 0 0; font-size: 1.3em; color: #034da2; float: left; width: auto; text-transform: capitalize; } .loginContent .feildWrapper .inputWrapper a.redBtn, .loginWrapper a.redBtn, input.redBtn { text-transform: uppercase; color: #fff; height: 42px; line-height: 40px; width: 108px; clear: both; float: left; cursor: pointer; } .loginContent .feildWrapper .inputWrapper a.redBtn, .loginWrapper a.redBtn { background: #f92f2f; } input.redBtn { background: url(../images/rgtArrow-red.png) 90% 50% no-repeat #fff; font-size: 1.4em; color: #f92f2f; border: 1px solid #f92f2f; font-weight: bold; } .rightContent .createUsername { float: left; clear: both; width: 100%; padding: 30px 0 0; } .loginReg.withoutLogin { padding: 0 0 30px; } .createUsername h2 { color: #323234; font-size: 1.8em; } .createUsername p { font-size: 1.4em; color: #686c6d; padding-bottom: 10px; } .loginWrapper h2.title, .regisContent .contentWrapper h1 { color: #333; font-family: helveticaneuethin; font-weight: 300; } .loginWrapper a.redBtn span { background: url(../images/btnArrow.png) right 4px no-repeat; padding: 0 15px 0 0; cursor: pointer; } .loginContent .googleConnect { width: 100%; float: left; clear: both; padding: 10px 0 0; } .loginContent .googleConnect span { font-size: 1.4em; float: left; } .loginContent .googleConnect span.text { padding: 10px 0 0; margin: 0 15px 0 0; } .loginContent .googleConnect span a { float: left; width: auto; height: auto; line-height: 17px; text-transform: capitalize; font-size: 1.2em; } .loginContent .googleConnect span.link { padding: 10px 0 0; margin: 0 0 0 15px; } .loginWrapper .registerWrapper { clear: both; float: left; width: 100%; } .loginWrapper .registerWrapper .registerContent { padding: 5px 0 20px; background: #eaedf1; float: left; width: 100%; } .loginWrapper h2.title { text-transform: uppercase; font-size: 2.2em; margin: 0 0 15px; } .registerContent .content { float: left; } .registerContent ul li { float: left; width: 330px; padding: 18px; } .registerContent ul li.border { border-right: 1px solid #cbccce; width: 329px; } .registerContent .content p { font-size: 1.3em; } .registerContent a.redBtn, .registerContent input.redBtn { float: right; clear: inherit; cursor: pointer; } .register .radioWrap .radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../images/radioBtn.png) no-repeat; display: block; clear: left; float: left; } .loginContent .feildWrapper .radioWrap label { width: auto; } .register .radioWrap .styled { opacity: 0; } .loginContent .feildWrapper.captcha p { font-size: 1.2em; } .alreadyRegister, .thankYouMsg, .udateDetails { padding: 15px 25px; } .conetntWrapper .content { padding: 0 0 10px; float: left; border-bottom: 1px solid #cbccce; } .conetntWrapper .content p { font-size: 1.4em; margin: 0 0 8px; } .conetntWrapper .content p.title { font-size: 1.6em; } .alreadyRegister .content, .udateDetails .content { border-bottom: none; } .udateDetails .btnWrap .redBtn { width: 150px; cursor: pointer; } .udateDetails .conetntWrapper .btnWrap { margin: 0 0 20px; } .alreadyRegister ul li a { float: left; width: auto; clear: both; line-height: normal; height: auto; text-transform: capitalize; margin: 5px 0; } .regisContent { min-height: 480px; } .regisContent .contentWrapper { width: 940px; margin: 0 auto; } .regisContent .contentWrapper h1 { text-transform: uppercase; font-size: 2.7em; margin: 52px 0 15px; } .regisContent .contentWrapper .regContent { float: left; background: #eaedf1; width: 862px; } .regisContent .contentWrapper .regContent p { padding: 20px; font-size: 2em; box-sizing: border-box; } .regisContent .contentWrapper .regContent .regBand ul li { float: left; margin: 0 14px 0 0; } .regisContent .contentWrapper .regContent .redBtn { background: #f92f2f; text-transform: uppercase; color: #fff; clear: both; float: left; height: 42px; line-height: 40px; width: 108px; cursor: pointer; } .regisContent .contentWrapper .regContent .redBtn.veiwfolio { width: 150px; cursor: pointer; } .regisContent a.redBtn span { background: url(../images/btnArrow.png) right 4px no-repeat; padding: 0 15px 0 0; cursor: pointer; } .regBand { background: #e2e6eb; padding: 20px 25px; float: left; width: 100%; box-sizing: border-box; } .regisContent a { text-align: center; font-size: 1.4em; } .regBand ul li label { font-size: 1.6em; color: #333; float: left; margin: 8px 0 0; } .regBand ul li input { width: 230px; height: 41px; } .regisContent .contentWrapper .regContent .btnWrap .redBtn { float: left; clear: inherit; cursor: pointer; margin: 0 15px 0 0; } .regisContent .contentWrapper .regContent .sucessContent { padding: 20px; } .regisContent .contentWrapper .regContent .btnWrap { padding: 0 20px 20px; float: left; } .regisContent .contentWrapper .regContent .sucessContent p { padding: 0; font-size: 1.4em; } .userDetails h2, .userDetails ul li span { font-size: 1.8em; } .regisContent .contentWrapper .regContent .sucessContent p.successMsg { color: red; } .userDetails { float: left; padding: 25px 20px; } .creatPass { float: left; width: 100%; clear: both; margin: 0 0 30px; } .userDetails h2 { margin: 0 0 10px; } .userDetails .details { padding: 10px 0; border-bottom: 1px solid #c6d1dd; border-top: 1px solid #c6d1dd; } .creatPass h2 { font-size: 2.3em; font-family: helveticaneuethin; font-weight: 300; color: #333; text-transform: uppercase; padding: 0 0 0 20px; margin: 0 0 15px; } .accontDetail .accordian h2, .accontDetail .rowMail, .accordContentWrapper .contentValue, .folioNo label, .folioTitle a, .folioTitle h3, .folioTitle1 a, .folioTitle1 h3, .systematicplan .fundValDetails h3 { font-family: robotolight; } .creatPass .passStrength { float: left; margin: 0 0 0 40px; } .creatPass label { float: left; font-size: 1.6em; color: #333; width: 130px; margin: 10px 35px 0 0; } .creatPass .inputWrapper { clear: both; margin: 0 0 20px; float: left; } .creatPass input[type=password], .creatPass input[type=text] { float: left; width: 230px; height: 40px; } .creatPass .passStrength label { color: #666; margin-right: 0; width: 75px; } .creatPass .passStrength img { margin-top: 11px; } .creatPass .selectedvalue { padding: 11px 0 13px 10px; } .creatPass .selectbg select { width: 260px; } .loginContent .feildWrapper label.forgotCheck { font-size: 1.3em; width: auto; margin: 10px 0 0; clear: both; } .forgotPass .feildWrapper a.redBtn, .forgotUser .feildWrapper a.redBtn { float: left; margin: 0 0 0 10px; cursor: pointer; clear: none; } .emailList, .emailList label, .phoneList { clear: both; } .forgotFolio, .forgotUserThank, .forgotsecQues, .updaetForgotdetails { display: none; } .forgotFolio .feildWrapper label { font-size: 1.4em; width: 116px; } .forgotFolio .feildWrapper .inputWrapper p { font-size: 1.4em; margin: 10px 0 0; } .feildWrapper p.info, .phoneList p { font-size: 1.6em; } .emailList { margin: 10px 0; overflow: hidden; } .phoneList p a { float: none; width: auto; text-transform: lowercase; } .forgotUser .feildWrapper a.redBtn.updateBtn { width: 125px; cursor: pointer; } .contentContainer { padding: 10px; } .myAcc .myAccWrapper { width: 940px; margin: 25px auto; } .mainWrapperDiv { float: left; background: #e2e6eb; padding-bottom: 10px; width: 100%; margin: 0 0 15px; } .myAccWrapper .myAccHeader h1, .myAccWrapper .myAccHeader1 h1, .myAccWrapper h1 { color: #333; padding: 10px 0 15px 20px; font-size: 2.2em; text-transform: uppercase; font-weight: 400; } .accdetails .myAccWrapper { width: 940px; margin: 25px auto; overflow: hidden; } .myAccWrapper .myAccHeader, .myAccWrapper .myAccHeader1 { width: 100%; float: left; } .myAccWrapper .myAccHeader h1, .myAccWrapper .myAccHeader1 h1 { border: none; float: left; } .myAccWrapper .myAccHeader ul, .myAccWrapper .myAccHeader1 ul { float: right; margin: 14px 10px 0 0; } .myAccWrapper .myAccHeader ul li, .myAccWrapper .myAccHeader1 ul li { float: left; padding: 0 10px; border-right: 1px solid #b1c6de; } .myAccWrapper .myAccHeader ul li a, .myAccWrapper .myAccHeader1 ul li a { color: #034da2; font-size: 1.6em; } .myAccWrapper .myAccHeader ul li.statement, .myAccWrapper .myAccHeader1 ul li.statement { background: url(../images/selectbg.png) right 5px no-repeat; border: none; position: relative; } .myAccWrapper .myAccHeader ul li.statement a, .myAccWrapper .myAccHeader1 ul li.statement a { background: url(../images/statementicon.png) left 4px no-repeat; padding: 0 16px 5px 20px; } .accdetails .myAccWrapper h1 { color: #333; padding: 25px 0 25px 32px; border-bottom: 1px solid #c6d1dd; font-weight: 400; font-size: 2.2em; display: none; } .myAccWrapper .navTabs, .myAccWrapper .navTabs1 { overflow: hidden; overflow-x: auto; width: 100%; height: 75px; } .myAccWrapper .navTabs ul, .myAccWrapper .navTabs1 ul { background: #b8c9db; float: left; width: 100%; position: relative; } .myAccWrapper .navTabs ul.folioTab li, .myAccWrapper .navTabs1 ul.folioTab li { width: 50%; } .myAccWrapper .navTabs li, .myAccWrapper .navTabs1 li { float: left; padding: 20px 0; text-align: center; font-size: 1.6em; cursor: pointer; text-transform: uppercase; position: relative; width: 25%; } .myAccWrapper .navTabs li:after, .myAccWrapper .navTabs1 li:after { content: ''; position: absolute; height: 100%; width: 1px; background: #fff; top: 0; left: 0; } .myAccWrapper .navTabs li a, .myAccWrapper .navTabs1 li a { color: #333; } .myAccWrapper .navTabs li a span, .myAccWrapper .navTabs1 li a span { position: absolute; left: 50%; margin-left: -7px; width: 14px; height: 8px; display: none; background: url(../images/tabDownArrow.png) no-repeat; top: 61px; z-index: 2; } .myAccContent, .myAccWrapperContent { width: 100%; float: left; clear: both; } .myAccWrapper .navTabs li.active, .myAccWrapper .navTabs1 li.active { background: #239cd5; } .myAccWrapper .navTabs li.active a, .myAccWrapper .navTabs1 li.active a { color: #fff; } .myAccWrapper .navTabs li.active a span, .myAccWrapper .navTabs1 li.active a span { display: block; } .myAccWrapper .navTabs li:first-child:after, .myAccWrapper .navTabs1 li:first-child:after { border: none; background: 0 0; } .myAccWrapperContent { padding: 0 20px; margin: 20px 0; } .accordContentWrapper .contentValue { float: left; font-size: 1.4em; color: #333; } .accordContentWrapper .contentLabel { float: left; font-size: 1.4em; color: #666; width: 200px; } .row { clear: both; padding: 8px 0; width: 466px; float: left; border-top: 1px solid #c6d1dd; } .row .contentLabel { width: 200px; } .fixContainer .contentContainer .myAccWrapper { margin: 0 auto; width: 812px; } .fixContainer .contentContainer .myAccWrapper .accdetails .myAccWrapper h1 { display: none; } .myAccContent .myAccWrapper { width: 901px; } .fixContainer .myAccContent .myAccWrapper { width: 772px; margin: 25px 0; } .accordContent { background: #d8dee5; overflow: hidden; padding: 15px; } .accordContent .accordContentWrapper { background: #e5e9ed; overflow: hidden; padding: 18px; position: relative; } .accordContentWrapper .row a { color: #034da2; padding: 0 0 0 25px; font-size: .8em; } .accordContentWrapper .row:first-child { border: none; } .accordContentWrapper .selectedvalue { font-size: 1em; } .changeDiv { float: left; width: 100%; clear: both; margin: 20px 0; } .changeDiv .selectedvalue { font-size: 1.3em; } .changeDiv .enterPin { float: left; margin: 0 0 0 10px; } .changeDiv .enterPin input { height: 18px; padding: 10px; } .confirm { float: left; margin: 11px 0 0 10px; } .accordContentWrapper .row .confirm a { padding: 10px; color: #fff; background: #f92f2f; font-size: 1.1em; } .accordContentWrapper .row h3 { font-size: 1.6em; } .accordian h2 a { float: right; display: none; } .myAccWrapper .myAccHeaderInfo, .myAccWrapper .myAccHeaderInfo1 { background: #eaedf1; float: left; } .myAccWrapper .infoContent { float: left; width: 50%; padding: 18px; border-left: 2px solid #e2e6eb; } .infoContent .valueDetails { float: left; padding: 0 17px; } .infoContent:first-child { border: none; } .infoContent .valueDetails label { font-size: 1.4em; } .infoContent .valueDetails h3 { clear: both; font-size: 2.4em; padding: 0 0 0 13px; background: url(../images/rupeesymbol.png) 0 8px no-repeat; } .valueDetails h3 img { margin: 0 3px 0 0; } .investBtn { clear: both; width: 178px; margin: 0 auto; } .investBtn a { background: url(../images/rgtArrow-red.png) 90% 50% no-repeat #fff; color: #f92f2f; border: 1px solid #f92f2f; font-weight: bold; float: left; font-size: 1.5em; height: 30px; left: 50%; line-height: 0.5em; margin: 45px 0 10px -80px; padding: 10px 10px 0; position: relative; text-align: center; cursor: pointer; text-transform: uppercase; } .investBtn a span { background: url(../images/rgtArrow.png) right center no-repeat; padding-right: 14px; } .investBtn1 a { background: url(../images/rgtArrow-red.png) 90% 50% no-repeat #fff; color: #f92f2f; border: 1px solid #f92f2f; font-weight: bold; float: left; font-size: 1.5em; height: 30px; left: 50%; line-height: 0.5em; margin: 45px 0 10px -180px; padding: 10px 10px 0; position: relative; text-align: center; cursor: pointer; text-transform: uppercase; } .infoContent .pieChart { float: left; } .infoContent .pieChartContent { float: right; } .infoContent .pieChartContent a.snapshot { background: url(../images/snapshoticon.png) left 5px no-repeat; color: #034da2; font-size: 1.6em; float: right; padding: 0 0 10px 20px; } .myAccWrapper ul.subNav { position: absolute; z-index: 5; background: #cbd3dd; width: 196px; float: left; padding: 0 10px; margin-right: 0; left: -70px; margin-top: 14px; display: none; } .myAccWrapper ul.subNav li { clear: both; border-top: 1px solid #b3bcc6; width: 100%; border-right: none; text-align: right; padding: 10px 0; } .myAccWrapper ul.subNav li:first-child { border: none; } .myAccWrapper ul li.statement ul.subNav li a { background: 0 0; font-size: 1.4em; padding: 0; color: #203349; } .pieChartContent ul { margin: 15px 0 0; float: left; width: 210px; clear: both; } .pieChartContent ul li { font-size: 1.6em; padding: 8px 0; border-top: 1px solid #c6d1dd; } .pieChartContent ul li:first-child { border-top: none; } .pieChartContent ul li a { color: #034da2; margin: 0 0 0 10px; } .pieChartContent ul li span { background: url(../images/flags.png) no-repeat; padding: 0 0 0 14px; } .pieChartContent ul li span.equity { background-position: 0 6px; } .pieChartContent ul li span.debt { background-position: 0 -24px; } .pieChartContent ul li span.liquid { background-position: 0 -56px; } .pieChartContent ul li span.gold { background-position: 0 -88px; } .folioCount { float: left; } .folioCount p { font-size: 1.3em; color: #333; padding: 0 0 0 12px; } .folioCount p a { color: #034da2; } .folioAccordHead, .folioAccordHead1 { clear: both; background: #d8dee5; padding: 25px 10px 10px; margin: 4px 0 0; float: left; width: 100%; } .folioAccordHead.active, .folioAccordHead1.active { background: #284b73; } .folioContent, .folioTitle, .folioTitle1, .folioVal, .folioValContent { float: left; } .folioLinks { float: right; } .folioTitle h3, .folioTitle1 h3 { padding: 0 25px; background: url(../images/folioPlus.png) no-repeat; font-size: 1.6em; color: #333; cursor: pointer; } .folioAccordHead.active .folioTitle h3, .folioAccordHead1.active .folioTitle1 h3 { background-position: 0 -94px; } .folioAccordHead.active .folioLinks ul li a, .folioAccordHead.active .folioTitle h2, .folioAccordHead.active .folioTitle h3, .folioAccordHead.active .folioTitle h3 span, .folioAccordHead.active .folioVal h3, .folioAccordHead.active .folioVal label, .folioAccordHead1.active .folioLinks ul li a, .folioAccordHead1.active .folioTitle1 h2, .folioAccordHead1.active .folioTitle1 h3, .folioAccordHead1.active .folioTitle1 h3 span, .folioAccordHead1.active .folioVal h3, .folioAccordHead1.active .folioVal label { color: #fff; } .folioTitle h3 span, .folioTitle1 h3 span { color: #666; } .folioTitle h2, .folioTitle1 h2 { font-size: 1.8em; color: #333; margin: 10px 0 0; } .folioTitle a, .folioTitle1 a { background: url(../images/trashcan.png) 0 4px no-repeat; font-size: 1.4em; color: #034da2; padding: 6px 0 0 17px; float: left; } .folioAccordHead.active .folioTitle a, .folioAccordHead1.active .folioTitle1 a { background-position: 0 -28px; color: #fff; } .folioLinks ul li, .folioLinks1 ul li { float: left; padding: 0 10px; border-right: 1px solid #b1c6de; } .folioLinks ul li a, .folioLinks1 ul li a { color: #034da2; font-size: 1.6em; } .folioLinks ul li.statement, .folioLinks1 ul li.statement { background: url(../images/selectbgStatement.png) right 5px no-repeat; border: none; position: relative; } .folioAccordHead.active .folioLinks ul li.statement, .folioAccordHead1.active .folioLinks ul li.statement { background-position: right -31px; } .folioLinks ul li.statement a { background: url(../images/statementicon.png) left 4px no-repeat; padding: 0 16px 5px 20px; } .folioAccordHead.active .folioLinks ul li.statement a, .folioAccordHead1.active .folioLinks ul li.statement a { background-position: left -37px; } .folioLinks .investBtn { width: auto; } .folioLinks .investBtn a { margin: 14px 0 10px; left: inherit; } .folioVal label { padding: 30px 0 0; color: #666; font-size: 1.6em; float: left; } .folioVal h3 { font-size: 2em; color: #333; float: left; clear: both; } .folioVal .folioValContent h3 { padding: 0 0 0 12px; background: url(../images/rupeesymbol.png) 0 5px no-repeat; } .folioAccordHead.active .folioVal .folioValContent h3 { background-position: 0 -40px; } .folioValContent { padding: 0 15px; } .folioAccordCont, .folioAccordCont1 { overflow: hidden; background: #d8dee5; padding: 4px; display: none; clear: both; } .divsubdetails, .fundDetailsCont { background: #e5e9ed; padding: 20px 14px; overflow: hidden; margin: 4px 0 0; } .fundDetailsCont .fundName { padding-right: 25px; width: 275px; float: left; } .fundDetailsCont .fundsValue { float: left; } .fundDetailsCont .fundValDetails { float: left; padding: 0 16px 30px; text-align: left; min-height: 56px; border-right: 1px solid #c6d1dd; width: 92px; } .systematicplan .fundValDetails { min-height: 115px; } .folioAccordCont label, .folioAccordCont1 label { font-size: 1.4em; color: #666; } .folioAccordCont h3, .fundName h2 { font-size: 1.4em; color: #333; width: 100%; } .folioAccordCont1 h3, .fundName h2 { font-size: 1.3em; color: #333; } .fundValDetails h3 { padding: 0 0 0 8px; background: url(../images/rs.png) 0 4px no-repeat; } .fundValDetails span { font-size: 1.4em; } .folioLinks ul { margin: 0 10px 0 0; } .actionBtn select { width: 108px; } .actionBtn .selectedvalue { width: 86px; background-position: 90% center; } .actionBtn { float: left; margin-left: 10px; } .systematicplan .folioAccordHead, .systematicplan .folioAccordHead1 { padding: 14px 10px 10px; } .systematicplan .folioLinks .investBtn a { left: inherit; margin: 0 0 10px; } .systematicplan .fundDetailsCont .fundName { width: 142px; padding: 0 4px 46px 0; border-right: 1px solid #c6d1dd; } .systematicplan .fundDetailsCont .fundValDetails { padding: 0 7px 30px; } .systematicplan .fundDetailsCont .fundValDetails.invAmt { width: 70px; } .systematicplan .fundDetailsCont .fundValDetails.invAmtDate { width: 135px; } .systematicplan .fundDetailsCont .fundValDetails.invAmtOther { width: 181px; } .systematicplan .fundDetailsCont .fundValDetails.modePay { width: 56px; } .systematicplan .fundValDetails.invAmt h3 { padding: 0 0 0 8px; background: url(../images/rs.png) 0 4px no-repeat; } .systematicplan .fundValDetails h3 { padding: 0; background: 0 0; font-weight: 400; } .systematicplan .folioAccordCont label, .systematicplan .folioAccordCont1 label { height: 40px; margin-bottom: 20px; display: block; } .systematicplan .actionBtn { margin-top: 48px; } .systematicplan .folioAccordHead .folioLinks, .systematicplan .folioAccordHead1 .folioLinks { display: none; } .systematicplan .folioTitle h3, .systematicplan .folioTitle1 h3 { float: left; } .systematicplan .folioTitle span, .systematicplan .folioTitle1 span { width: 23px; height: 20px; text-align: center; float: left; color: #fff; background: url(../images/sipCountbg.png) no-repeat; padding-top: 3px; font-size: 1.2em; margin-left: 15px; } .folioAccordHead1.active .folioTitle1 span, .systematicplan .folioAccordHead.active .folioTitle span, .systematicplan .folioAccordHead1.active .folioTitle1 span, .systematicplan.folioAccordHead.active .folioTitle1 span { color: #333; background-position: 0 -48px; } span.greenLabel { color: #08b400; } span.redLabel { color: #f92f2f; } .systematicplan .actionBtn a { font-size: 1.4em; background: #fff; border: 1px solid #909ead; color: #333; padding: 10px 20px; } .checkBoxDiv { float: left; position: relative; padding: 10px; } .checkBoxDiv .checkbox { width: 19px; height: 25px; padding: 0 15px 0 0; background: url(../images/chk.png) 0 3px no-repeat; display: block; clear: left; float: left; } .checkBoxDiv input[type=checkbox] { position: absolute; left: 9px; top: 12px; opacity: 0; width: 20px; height: 20px; } .checkBoxDiv .checkbox.checkedAct { background-position: 0 -47px; } .checkBoxDiv label { font-size: 1.6em; color: #333; padding-top: 2px; float: left; height: auto !important; margin: 0 !important; } #scroller::-webkit-scrollbar { width: 5px; height: 0; } #scroller::-webkit-scrollbar-track { -webkit-box-shadow: inset 10 0 6px rgba(0,0,0,1); -webkit-border-radius: 10px; border-radius: 10px; } #scroller::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); } #scroller::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,.3); } .myAccContent .accontDetail { width: 100%; float: left; display: none; } .myAccContent .accontDetail:first-child { display: block; } .folioNo { width: 100%; float: left; margin: 10px 0; } .folioNo label { width: auto; float: left; color: #333; font-size: 1.6em; margin: 12px 15px 0 0; } .folioNo .selectedvalue { width: 240px; padding: 10px 30px 13px 10px; height: 43px; } .folioNo .selectbg { width: 280px; } .folioNo select { width: 280px; -webkit-appearance: menulist-button; line-height: 2.2em; } .accontDetail .accordian { width: 100%; float: left; } .accontDetail .accordian h2 { font-size: 1.6em; color: #838486; padding: 20px 10px 20px 40px; margin: 4px 0 0; cursor: pointer; font-weight: 400; background: url(../images/mngPlus.png) 15px 23px no-repeat #d8dee5; } .accontDetail .accordian h2.active { background: url(../images/plus1.png) 15px -38px no-repeat #284b73; color: #fff; } .accontDetail .accordian .accordContent { display: none; } .accordian .accordContent p a { color: #333; } .accontDetail .scroll-pane { width: 100%; height: 310px; overflow: auto; float: left; outline: 0; } .accontDetail .rowMail { width: 100%; float: left; position: relative; font-size: 1.6em; color: #333; border-bottom: 1px solid #c6d1dd; padding: 10px; } .accontDetail .rowMail a { width: auto; float: left; margin: 0; color: #333; } .accontDetail .rowMail .checkbox { width: 19px; height: 25px; padding: 0 15px 0 0; background: url(../images/chk.png) 0 3px no-repeat; display: block; clear: left; float: left; } .accontDetail .rowMail input[type=checkbox] { position: absolute; left: 10px; top: 12px; opacity: 0; width: 20px; height: 20px; } .accontDetail .rowMail .checkbox.checkedAct { background-position: 0 -47px; } .accontDetail .rowMail span.dated { float: right; } .linkBtn { width: 100%; float: left; margin: 10px 0; } .linkBtn a { width: 120px; float: left; position: relative; left: 50%; margin-left: -60px; background: #f92f2f; color: #fff; font-size: 1.8em; text-align: center; padding: 5px 0; text-transform: uppercase; } .contentWrap, .investWrap { padding: 20px 0; } .contentWrap p { color: #333; float: left; font-size: 1.6em; width: 100%; } .investTabWrap.contentWrap .tabDetail .row { min-height: 10px; padding: 15px 0 10px; } .investTabWrap.contentWrap .tabDetail .row label { width: 150px; } .investTabWrap.contentWrap .tabDetail .row .detail label { width: auto; } .contentWrap .block .knowMor, .contentWrap .knowMor.lftAlign { float: left; } .contentWrap .block .knowMor a, .contentWrap .knowMor.lftAlign a { color: #fff; height: auto; left: 0; margin-left: 0; padding: 10px 15px 10px 25px; width: auto; } .investWrap1, .proceedWrap { padding: 0 0 20px; } .investStart { width: 100%; float: left; } .centrAlign { width: 100%; margin: 0 auto 0 -31%; position: relative; left: 50%; } .investStart p { font-size: 3em; color: #333; text-align: center; font-family: helveticaneuethin; } .investStart p a, .investStart p span, .investTabWrap ul.tab li a span, .investTabWrap ul.tab li a span.detailPlan { font-family: robotolight; } .investStart p a { color: red; } .investStart .stepBox { width: 240px; min-height: 110px; float: left; margin: 100px 15px 0 0; padding: 15px 10px; background: #fff; position: relative; color: #333; } .investStart.atmBox .stepBox { min-height: 140px; } .investStart.atmBox .stepBox span { margin-top: 12px; } .investStart.atmBox .stepBox p { padding: 5px 0; } .investStart.atmBox .stepBox h2 { margin-bottom: 10px; } .investStart .stepBox.marLft { margin-left: 25px; } .investStart .stepBox h2 { width: 100%; float: left; border-bottom: 1px solid #e3e6ea; padding: 5px 0 10px; text-align: center; font-size: 1.6em; text-transform: uppercase; font-weight: 400; margin-bottom: 15px; } .investStart .stepBox p { font-size: 1.7em; padding: 0; float: left; text-align: center; width: 100%; } .investStart .stepBox span { width: 85px; height: 85px; border-radius: 85px; position: absolute; left: 50%; margin-left: -43px; top: -50%; background: #19bd9b; } .investStart .stepBox span:after { content: ''; position: relative; display: block; width: 85px; height: 85px; background: url(../images/navSprite.png) no-repeat; } .investStart .stepBox span.step1:after { width: 70px; height: 70px; background-position: -200px -132px; } .investStart .stepBox span.step2:after { width: 65px; height: 40px; background-position: -296px -160px; left: 10px; top: 26px; } .investStart .stepBox span.step3:after { width: 45px; height: 40px; background-position: -388px -160px; left: 20px; top: 24px; } .investStart .stepBox span.step4:after { width: 70px; height: 70px; background-position: -280px -211px; left: 0; top: 15px; } .investStart .stepBox span.step5:after { width: 70px; height: 70px; background-position: -386px -211px; left: 21px; top: 16px; } .investStart .stepBox span.step6:after { width: 65px; height: 40px; background-position: -296px -160px; left: 10px; top: 26px; } .investStart .stepBox span.step7:after { width: 45px; height: 40px; background-position: -388px -160px; left: 20px; top: 24px; } .investStart .knowMor { margin: 20px 0 0; float: left; position: relative; } .investStart .knowMor a { margin: 0 0 0 -80px; padding: 13px 20px 0 25px; width: auto; } .investStart .knowMor a.demo { margin: 0; width: auto; padding: 0; color: #034da2; background: 0 0; text-transform: none; position: absolute; left: auto; right: 25px; top: 10px; } .investTabWrap, .investTabWrap .tabDetail, .investTabWrap .tabDetail .row, .investTabWrap ul.tab { width: 100%; float: left; } .investTabWrap ul.tab { border-bottom: 1px solid #fff; position: relative; height: 73px; overflow: hidden; } .investTabWrap ul.tab li { width: 33.33%; float: left; height: 73px; position: relative; left: 0; top: 0; padding-left: 30px; } .investTabWrap ul.tab5 li { width: 20%; } .investTabWrap ul.tab li:first-child { padding: 0; } .investTabWrap ul.tab li a { color: #333; font-size: 1.6em; padding: 5px 0 0 5px; text-transform: uppercase; position: relative; display: table; height: 68px; width: 100%; } .investTabWrap ul.tab li a span { font-size: 1.5em; margin: -3px 5px 0 0; float: left; min-height: 73px; } .investTabWrap ul.tab li a label { cursor: pointer; margin-bottom: 3px; padding-right: 6px; font-weight: 400; } .investTabWrap ul.tab li a label br { display: none; } .investTabWrap ul.tab li span.arrow { background: url(../images/step.png) right 0 no-repeat; position: absolute; right: -50px; top: 0; width: 55px; height: 73px; } .investTabWrap ul.tab li.active a { color: #fff; } .investTabWrap ul.tab li.activate { z-index: 1; background: #b8c9dc; } .investTabWrap ul.tab li.activate label { background: url(../images/activateStep.png) right 0 no-repeat; padding-right: 26px; } .investTabWrap ul.tab li.step1.activate { z-index: 2; } .investTabWrap ul.tab li.step1.activate label { padding-right: 30px; } .investTabWrap ul.tab li.active { background: #239cd5; z-index: 0; } .investTabWrap ul.tab li.activate span.arrow { background: url(../images/doneStep.png) right 0 no-repeat; } .investTabWrap ul.tab li.active span.arrow { background: url(../images/activeStep.png) right 0 no-repeat; } .investTabWrap ul.tab li a span.detailPlan { font-size: .7em; color: #333; text-transform: none; min-height: 0; display: none; width: 90%; } .investTabWrap ul.tab li.activate a span.detailPlan { display: block; } .investTabWrap ul.tab li.active a span.detailPlan { color: #fff; } .investTabWrap .tabDetail { display: none; } .investTabWrap .tabDetail .row { padding: 15px 40px; min-height: 70px; border: none; float: left; position: relative; } .investTabWrap .tabDetail .rowHidden { margin: 25px 0 0; float: left; } .investTabWrap .tabDetail .row label, .investTabWrap .tabDetail .row label.labelwidth, .investTabWrap .tabDetail .row label.switchrow { margin: 8px 0 0; font-size: 1.6em; color: #333; float: left; font-family: robotolight; } .investTabWrap .tabDetail .row label { width: 225px; } .investTabWrap .tabDetail .row label.switchrow { width: 159px; } .investTabWrap .tabDetail .row label.labelwidth { width: 300px; } .investTabWrap .tabDetail .row label.fullWidth { width: 100%; margin-bottom: 10px; } .investTabWrap .tabDetail .row innerrow label.labelwidth { width: 300px; float: left; font-size: 1.6em; font-family: robotolight; margin: 8px 0 0; color: #333; } .investTabWrap .tabDetail .row label p { width: 100%; float: left; color: #666; font-size: .7em; } .investTabWrap .tabDetail .row label p a { color: #666; } .investTabWrap .tabDetail .row label p span.valAmnt { background: url(../images/rs.png) 0 center no-repeat; padding-left: 8px; background-size: 6px auto; } .investTabWrap .tabDetail .row .detail { width: 470px; float: left; } .investTabWrap .tabDetail .row .detailradio { width: 70%; margin-top: 10px; float: left; } .investTabWrap .tabDetail .row .detail .selectbg { width: 225px; float: left; } .investTabWrap .tabDetail .row .detail.units .selectbg { width: 125px; float: left; } .investTabWrap .tabDetail .row .detail .selectedvalue { font-size: 1.6em; } .investTabWrap .tabDetail .row .detail label { width: auto; margin: 10px 35px 0 0; font-family: robotolight; line-height: 1em; position: relative; cursor: pointer; } .investTabWrap .tabDetail .row .detailradio label { width: auto; margin: 0 35px 0 0; font-family: robotolight; font-size: 1.4em; line-height: .6em; position: relative; cursor: pointer; } .investTabWrap .tabDetail .row .detail .searchScheme { width: 360px; background: #fff; height: 40px; } .investTabWrap .tabDetail .row .detail .searchScheme input { width: 285px; float: left; height: 40px; padding: 0 15px; font-size: 1.6em; color: #333; font-family: robotolight; } .investTabWrap .tabDetail .row .detail .searchScheme a { width: auto; float: right; margin: 8px 5px; } .investTabWrap .tabDetail .row .detail input, .investTabWrap .tabDetail .row .detail.distribute input { width: 330px; padding: 0 15px; height: 40px; float: left; color: #333; font-family: robotolight; font-size: 1.6em; } .investTabWrap .tabDetail .row .detail input.countryCode { width: 30px; margin-right: 10px; } .investTabWrap .tabDetail .row .detail input.mobNo { width: 190px; } .investTabWrap .tabDetail .row .detail.units input { width: 90px; margin-right: 15px; } .investTabWrap .tabDetail .row .detail.units .selectedvalue { width: 85px; } .investTabWrap .tabDetail .row .detail.units select { width: 120px; } .investTabWrap .tabDetail .row .detail.units span.unitVal { width: 100%; float: left; color: #666; font-size: 1.4em; margin: 5px 0 0; } .investTabWrap .tabDetail .row .detail .dateDiv { width: 180px; float: left; } .investTabWrap .tabDetail .row .detail .dateDiv input { width: 90px; } .investTabWrap .tabDetail .row .detail .midCont { font-size: 1.4em; margin: 10px 10px 0; color: #666; float: left; } .investTabWrap .tabDetail .row .detail a.midCont { color: #034da2; } .investTabWrap .tabDetail .row .detail p.midCont { margin-left: 0; } .investTabWrap .tabDetail .row .detail .dateDiv a { float: left; margin: 8px 0 5px 8px; } .investTabWrap .tabDetail .row .detail.distribute a { margin: 10px; float: left; color: #333; font-size: 1.6em; } .investTabWrap .tabDetail .row .detail.distribute a img { float: left; margin: 0 5px 0 0; } .investTabWrap .tabDetail .row .detail input.smallWid { width: 180px; } .investTabWrap .tabDetail .row .detail.distribute input.smallWid { margin: 15px 20px 0 0; } .investTabWrap .tabDetail .row .detail input.amountVal { background: url(../images/rupee.jpg) 3px center no-repeat #fff; padding-left: 40px; border: none; width: 155px; } .investTabWrap .tabDetail .row .detail input.styled { display: block; width: 20px; height: 20px; position: absolute; left: 0; top: 0; opacity: 0; padding: 0; cursor: pointer; } .investTabWrap .tabDetail .row .detail.distribute input.styled { padding: 0; } .investTabWrap .tabDetail .row .detail label.chk { margin: 25px 0 0; float: left; } .investTabWrap .tabDetail .row .detail p { width: auto; float: left; font-family: robotolight; color: #666; margin: 20px 0 0 5px; } .investTabWrap .tabDetail .row .errorMsg, .investTabWrap .tabDetail .row .reIpin { width: 100%; float: left; color: #f92f2f; margin: 5px 0 0; display: none; font-size: 1.6em; } .investTabWrap .tabDetail .row .detail .rowDiv { width: 350px; float: left; margin: 0 0 20px; } .investTabWrap .tabDetail .row .detail .rowDiv .errorMsg, .investTabWrap .tabDetail .row .detail .rowDiv .reIpin { width: auto; margin: 0 0 0 20px; display: block; } .investTabWrap .tabDetail .row .detail .rowDiv .reIpin { color: #034da2; line-height: 1em; } .investTabWrap .tabDetail .row .midCol { width: 230px; float: left; } .investTabWrap .tabDetail .row .lockedFree { width: 180px; float: left; margin-left: 15px; } .investTabWrap .tabDetail .row .lockedFree p { line-height: 1em; margin-top: 5px; width: 75px; font-size: 1.4em; } .investTabWrap .tabDetail .row .lockedFree p span.toolTip { float: right; top: -10px; left: 12px; margin: 0; } .investTabWrap .tabDetail .row .lockedFree span.lockVal { width: 50px; margin: 0 0 0 25px; float: left; background: url(../images/rs.png) 0 center no-repeat; font-size: 1.4em; padding-left: 12px; color: #666; } .investTabWrap .tabDetail.divShow { display: block; } .investTabWrap .tabDetail span.toolTip { width: 20px; height: 20px; background: url(../images/navSprite.png) -236px -110px no-repeat; display: inline-block; margin: 0; position: relative; top: 5px; cursor: pointer; } .lightBox, .smartStepDiv, .swpDiv { display: none; } .toolTipDetail { width: auto; max-width: 465px; float: left; position: absolute; border: 1px solid #e1b616; padding: 10px; z-index: 1; background: #fae080; color: #333; line-height: 1.2em; top: 65px; left: 145px; font-family: robotolight; font-size: .9em; } .toolTipDetail span { background: url(../images/toolTipArrow.png) no-repeat; position: absolute; left: 40px; top: -12px; width: 14px; height: 12px; } .reinvest, .stepConfirm { position: relative; } .investTabWrap .tabDetail .row .detail .termsWrap .scroll-pane, .termsWrap { height: 100px; } .reinvest { background: #d8dee5; border: 1px solid #a8b7c8; padding: 15px 20px; width: 550px; float: left; margin: 25px 0 15px 40px; } .reinvest .minInvest, .reinvest label { width: 100%; float: left; } .reinvest h2, .reinvest span { color: #333; font-family: robotolight; font-weight: 400; font-size: 1.8em; } .reinvest label { color: #333; font-size: 1.6em; padding: 10px 0; border-bottom: 1px solid #bdc7d3; } .reinvest label.last { border-bottom: none; } .reinvest span { font-size: 1.2em; margin: 0 5px; } .reinvest span.rsValue { background: url(../images/rupeesymbol.png) 0 3px no-repeat; padding-left: 15px; } .reinvest .minInvest label { width: auto; border: none; } .confirmHd, .stepConfirm h3 { border-bottom: 1px solid #bdc7d3; } .reinvest .minInvest .purchaseBox { width: 280px; float: left; margin-left: 25px; } .reinvest .minInvest .purchaseBox label { width: 50%; float: left; font-size: 1.2em; padding-bottom: 0; } .reinvest .minInvest .purchaseBox label span.rsValue { width: 100%; float: left; background-size: 8px auto; padding-left: 10px; } .investTabWrap .tabDetail .minInvest .toolTipDetail { width: 400px; } .investTabWrap .tabDetail .knowMor { margin: 0; text-align: left; } .investTabWrap .tabDetail .knowMor.marLeft a { margin-left: 15px; } .investTabWrap .tabDetail .knowMor a.save.marLeft { margin-left: 0; } .investTabWrap .tabDetail .knowMor label { width: 15px; float: left; margin: 17px 0 0 10px; color: #333; font-size: 1.6em; } .investTabWrap .tabDetail .knowMor a.newLink, .investTabWrap .tabDetail .knowMor a.newLinkGo { color: #034da2; font-size: 1.6em; margin: 10px 15px 0; float: left; background: 0 0; width: auto; text-transform: none; } .investTabWrap .tabDetail .knowMor a, .investTabWrap .tabDetail .knowMor.cancelLeft a { left: 0; margin-left: 40px; } .investTabWrap .tabDetail .knowMor a.newLinkGo { margin-left: 35px; } .investTabWrap .tabDetail .knowMor.knowMore1 a { width: 100px; float: right; margin-left: 10px; } .investTabWrap .tabDetail .row .detail.payMode { width: 65%; } .investTabWrap .tabDetail .row .detail .colPay { width: 100%; float: left; } .investTabWrap .tabDetail .row .detail .colPay label:first-child { margin-right: 0; width: 435px; } .termsWrap { width: 420px; float: left; background: #fff; padding: 15px 10px; margin-bottom: 15px; } .stepConfirm, .tabDetail h3 { width: 100%; padding: 15px 40px; float: left; } .investTabWrap .tabDetail .detail.distribute .termsWrap { margin: 20px 0 0; overflow: auto; } .investTabWrap .tabDetail .row .detail .terms { width: 100%; float: left; font-size: 1.4em; color: #333; } .investTabWrap .tabDetail .row .detail .termsWrap .jspDrag { background: #ee4530; } .investTabWrap .tabDetail .row .detail .termsWrap .jspTrack { background: #eceaeb; } .tabDetail h3 { font-size: 2em; color: #333; font-weight: 400; font-family: robotolight; background: #c3cad2; } .stepConfirm h2, .stepConfirm h3 { font-weight: 400; font-size: 2.2em; color: #333; width: auto; font-family: robotolight; } .stepConfirm h3 { font-family: helveticaneuethin; padding: 10px 0; width: auto; float: left; background: 0 0; } .investTabWrap .mobTitle, .lightBox label, .linkFolio a.removeFolio, .stepConfirm p a, .stepConfirm p span, .trackTransaction .orDiv span { font-family: robotolight; } .confirmHd { float: left; padding-bottom: 8px; padding-right: 25px; } .stepConfirm p { width: 100%; float: left; padding: 7px 0; color: #333; font-size: 1.4em; } .stepConfirm p a, .stepConfirm p span { font-size: 1.2em; margin: 0 0 0 5px; color: #333; } .stepConfirm p a.deviceCallOnly { font-size: 1em; } .stepConfirm .doneIcon { position: absolute; right: 20px; top: 20px; width: 75px; } .proceedWrap .stepConfirm { padding: 15px 40px 10px; } .proceedWrap .stepConfirm p a, .proceedWrap .stepConfirm p span { margin: 0; } .proceedWrap .stepConfirm p a { color: #034da2; font-size: 1em; } .proceedWrap .stepConfirm p label { float: left; } .proceedWrap .stepConfirm input.txtBx { color: #666; float: left; font-size: 1em; margin: -10px 0 0 10px; padding: 10px; } .detailStep { width: 520px; float: left; background: #d8dee5; padding: 8px 20px 15px; } .investTabWrap .tabDetail .detailStep .knowMor a { margin: 10px 0 0; } .knowMor.knowMor1 a { width: 235px; } .investTabWrap .tabDetail .knowMor.knowMor1 a.newLink { margin-left: 5px; } .stepConfirm p span.paidVal { background: url(../images/rupeesymbol.png) 0 4px no-repeat; padding-left: 14px; } .investTabWrap .mobTitle { clear: both; color: #239cd5; display: none; float: left; font-size: 1.6em; line-height: 1em; margin: 5px 10px; text-transform: uppercase; width: auto; } .headTitle { width: 100%; float: left; background: #239cd5; font-size: 2em; text-transform: uppercase; color: #fff; padding: 20px; line-height: 1em; } .garyBg, .investTabWrap .tabDetail .row .detail label a { color: #333; } .garyBg { background: #c3cad2; padding: 20px; } .reinvest .noBorder { border: none; } ul.numberBullet, ul.numberBullet li { width: 100%; float: left; position: relative; } ul.numberBullet li { margin: 0 0 5px; } .investTabWrap .tabDetail .row .detail.distribute ul.numberBullet li a { font-size: 1em; float: none; margin: 0; } .investTabWrap .tabDetail .row .detail .termsWrap.instruction .scroll-pane, .termsWrap.instruction { height: 250px; } .investTabWrap .tabDetail .row .detail label.selectVal { width: auto; color: #333; font-size: 1.8em; cursor: default; } .moreIntresting { width: 100%; float: left; margin: 25px 0 0; } .moreIntresting h2 { background: #239cd5; padding: 10px 25px; color: #fff; font-size: 1.8em; font-weight: 400; } .moreIntresting .moreDetl { background: #fff; padding: 15px 20px; float: left; width: 100%; } .moreIntresting ul.moreDetl li { background: url(../images/bulletGreen.png) 0 6px no-repeat; padding-left: 15px; font-size: 1.4em; float: left; margin-left: 25px; } .moreIntresting ul.moreDetl li:first-child { margin: 0; } .mainWrapDiv.investTabWrap .tabDetail .row { min-height: 40px; padding: 15px 40px 0; } .lightBox { width: 410px; min-height: 120px; background: #d8dee5; float: left; position: fixed; left: 50%; margin: -100px 0 0 -235px; top: 50%; padding: 20px 40px 20px 20px; z-index: 5; } .accountStatement .tabDetail, .linkFolios .tabDetail, .trackTransaction .tabDetail { display: block; } .lightBox .knowMor a { margin: 10px 10px 0 0; left: 0; width: 110px; } #downloadLgtBox .knowMor a { width: 120px; } .lightBox label, .lightBox p { width: 100%; float: left; font-size: 1.6em; color: #333; padding: 0 0 5px; } .lightBox .close { position: absolute; right: 15px; top: 15px; background: url(../images/quickClose.png) no-repeat; width: 30px; height: 30px; float: left; cursor: pointer; z-index: 9999; } .mainWrapDiv, .mainWrapDiv1, p.topHd { width: 100%; float: left; } p.topHd { padding: 10px 40px; font-size: 1.6em; color: #333; } .marBtm { margin-bottom: 10px; float: left; } .mainWrapDiv1 .scroll-pane { height: 420px; } .mainWrapDiv .myAccHeaderInfo, .mainWrapDiv .myAccWrapperContent { width: 100%; float: left; margin: 0; padding: 0; } .trackTransaction .headWrp { border-bottom: none; } .trackTransaction .investTabWrap { background: #eaedf1; } .trackTransaction .tabDetail p { font-size: 1.6em; padding: 22px; clear: both; } .trackTransaction .tabDetail p a { color: #034da2; } .trackTransaction .investTabWrap .tabDetail .row .detail input.midInput { width: 188px; } .trackTransaction .orDiv { clear: both; } .trackTransaction .orDiv span { font-size: 1.6em; display: block; text-align: center; padding: 20px 0; clear: both; width: 50px; margin: 0 auto; background: #eaedf1; color: #034da2; font-weight: 600; } .trackTransaction .orDiv .orWrapper { background: url(../images/dotted.png) left center repeat-x; width: 90%; margin: 0 auto; } .tableContent { clear: both; padding: 20px; } .tableContent table td, .tableContent table th { font-size: 1.4em; padding: 14px; } .tableContent table th { background: #00b0f0; color: #fff; } .tableContent table { border-left: 1px solid #bfd8e1; border-right: 1px solid #bfd8e1; background: #fff; } .tableContent table td { border-bottom: 1px solid #bfd8e1; } .accountStatement .headWrp, .linkFolios .headWrp { border-bottom: none; } .tableWrapper { padding-bottom: 10px; } .email a.deviceCallOnly { color: #333 !important; cursor: default; } .chk input, .toggleIcon { cursor: pointer; position: absolute; } .accountStatement .investTabWrap { background: #eaedf1; } .accountStatement h2 { font-size: 1.6em; padding: 20px; } .accountStatement .tabDetail .row .detail { width: 590px; } .detail .dateRange { float: left; margin: 20px 0 0; } .detail .dateRange1 { float: left; } #removeBox { z-index: 99; } .linkFolioContainer.setIpin, .logedinMob, .onlineKEyboard { display: none; } .linkFolios .folioWrap { background: #eaedf1; float: left; width: 100%; padding: 32px; } .folioWrap .row { border-top: none; float: left; width: 100%; background: #d8dee5; padding: 8px; margin-bottom: 10px; } .linkFolios .linkFolioInfo { float: left; } .linkFolios .tabDetail p { font-size: 1.6em; padding: 0; clear: both; float: left; } .linkFolios .linkFolioContent { background: #fff; clear: both; padding: 10px; float: left; width: 100%; margin: 0 0 5px; } .linkFolioContainer .knowMor.linkFolio a { margin: 0; left: 0; } .linkFolios .linkFolioContent p.email { font-size: 1.2em; } .linkFolios .linkFolioContent p.email a { color: #034da2; } .linkFolioContainer h2 { margin-bottom: 10px; font-size: 2em; } .linkFolioContainer .linkFolio { float: right; width: auto; } .knowMor.linkother a { width: 190px; } .linkFolioInfo p { font-size: 1.5em; padding: 2px 0; } p.linkOtherTitle { font-size: 2em; float: left; padding: 10px 0; } .linkFolioContainer .linkFolio .flag { font-size: 1.6em; clear: both; float: right; } .linkFolio a.removeFolio { background: url(../images/trashcan.png) 0 4px no-repeat; font-size: 1.4em; color: #034da2; padding: 6px 0 0 17px; float: left; clear: both; } .rownom, .rownomheading { font-family: Arial,Helvetica,sans-serif; float: left; } .linkFolioContainer .fromWrapper { float: left; width: 100%; } .linkFolioContainer label { float: left; font-size: 1.5em; margin: 8px 10px 0 0; } .linkFolioContainer .inputWrapper { float: left; } .linkFolioContainer .fromWrapper p { font-size: 1.6em; padding: 15px 0; } .linkFolioContainer .feildWrapper { float: left; clear: both; } .linkFolioContainer .feildWrapper .inputWrapper input[type=text] { width: 208px; height: 18px; padding: 10px; } .linkFolioContainer .knowMor a { margin: 10px 0; left: inherit; } .linkFolioContainer .subWrapper { padding-top: 30px; } #s2scroller { height: 75px; } #s2scroller .jspHorizontalBar { height: 0; display: none; } .onlineKEyboard { float: left; padding: 20px; position: absolute; background: #e2e6eb; border: 1px solid #cbccce; width: 449px; text-align: center; -webkit-box-shadow: 0 0 32px -6px rgba(203,204,206,1); -moz-box-shadow: 0 0 32px -6px rgba(203,204,206,1); box-shadow: 0 0 32px -6px rgba(203,204,206,1); } .feildWrapper label.chk.virtualKey { margin-right: 0; width: 400px; } .virtualKey span.textLabelVirtual { float: left; font-size: .7em; width: 347px; margin-top: -15px; margin-left: 10px; background: url(../images/keyboardicon.jpg) right 0 no-repeat; cursor: pointer; } .loginContent .rightContent .loginReg { width: 450px; } .chk { position: relative; } .chk input { display: block !important; width: 20px; height: 20px; left: 0; top: 0; opacity: 0; padding: 0; } .loginReg form { float: left; padding-top: 10px; } .strength-indicator { width: 200px; height: 120px; border-left: solid 2px gray; padding: 8px 8px 8px 16px; margin-left: 4px; line-height: 18px; } .meter { display: block; width: 160px; height: 14px; background: #424042; background: -moz-linear-gradient(left,#424042 0,#f2f2f2 99%); background: -webkit-gradient(linear,left top,right top,color-stop(0,#424042),color-stop(99%,#f2f2f2)); background: -webkit-linear-gradient(left,#424042 0,#f2f2f2 99%); background: -o-linear-gradient(left,#424042 0,#f2f2f2 99%); background: -ms-linear-gradient(left,#424042 0,#f2f2f2 99%); background: linear-gradient(left,#424042 0,#f2f2f2 99%); font-size: 12px; padding: 2px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-bottom: 15px; } .medium, .strong { background: #ff0; } .strong { background: -moz-linear-gradient(left,#ff0 0,#218400 100%); background: -webkit-gradient(linear,left top,right top,color-stop(0,#ff0),color-stop(100%,#218400)); background: -webkit-linear-gradient(left,#ff0 0,#218400 100%); background: -o-linear-gradient(left,#ff0 0,#218400 100%); background: -ms-linear-gradient(left,#ff0 0,#218400 100%); background: linear-gradient(left,#ff0 0,#218400 100%); } .medium { background: -moz-linear-gradient(left,#ff0 0,#f98900 100%); background: -webkit-gradient(linear,left top,right top,color-stop(0,#ff0),color-stop(100%,#f98900)); background: -webkit-linear-gradient(left,#ff0 0,#f98900 100%); background: -o-linear-gradient(left,#ff0 0,#f98900 100%); background: -ms-linear-gradient(left,#ff0 0,#f98900 100%); background: linear-gradient(left,#ff0 0,#f98900 100%); } .week { background: #ff0; background: -moz-linear-gradient(left,#ff0 0,#fc1d00 100%); background: -webkit-gradient(linear,left top,right top,color-stop(0,#ff0),color-stop(100%,#fc1d00)); background: -webkit-linear-gradient(left,#ff0 0,#fc1d00 100%); background: -o-linear-gradient(left,#ff0 0,#fc1d00 100%); background: -ms-linear-gradient(left,#ff0 0,#fc1d00 100%); background: linear-gradient(left,#ff0 0,#fc1d00 100%); } .no-match { color: #ff7b78 !important; } .oldsitelink { text-align: right; padding-bottom: 7px; font-size: 1.2em !important; margin-top: -20px; margin-bottom: 20px; } .password-container { padding: 4px; float: left; } .password-container p { margin: 8px 0 0; padding: 0; } .password-container p label { text-align: right; display: inline-block; width: 130px; color: #6e6e6e; font-size: 14px; } .password-container p input[type=password] { width: 250px; height: 42px; background-color: #232a34; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: none; color: #fff; font-size: 24px; } .password-container .info { display: block; color: Gray; margin-left: 134px; } .rownom { width: 25%; font-size: 1.2em; } .rownomheading { width: 100%; } .rownomheading .contentheading { font-size: 1.5em; color: #284b73; font-weight: bolder; float: left; width: 25%; padding: 8px 0; border-bottom: 1px solid #c6d1dd; } .rownum .labelcol, rownum formfieldcol { width: 100%; } .rownom .column1, .rownom .column2, .rownom .column3, .rownom .column4 { width: 90%; min-height: 40px; word-break: break-all; padding: 10px 10% 10px 0; color: #666; clear: both; float: left; } .rownom .column1, .rownom .column3 { line-height: 13px; } .rownom .column2, .rownom .column4 { line-height: 20px; } .rownom .line { border-bottom: 1px solid #c6d1dd; height: 2px; width: 100%; clear: both; } .rownom .formfieldcol .column3 .inputWrapper input[type=text], .rownom .formfieldcol .column4 .inputWrapper input[type=text] { width: 125px; padding: 10px; } .toggleIcon { width: 20px; height: 28px; float: left; left: -151px; border-radius: 1px; background: url(../images/toggleArrow.png) center 5px no-repeat #c9ddf2; } .toggleIcon.actToggle { background-position: center -25px; } .waysTransact { background: 0 0; margin: 10px 0; padding: 0 0 20px; } .waysTransact .accordian h2 span { width: 100px; height: 90px; float: right; position: absolute; right: 0; top: 0; background: url(../images/navSprite.png) 2px 307px no-repeat; text-transform: uppercase; } .waysTransact .accordian .accordContent { background: 0 0; padding: 0 100px 0 0; } .waysTransact .accrdCont { width: 100%; float: left; background: #e2e6eb; padding: 10px 15px 5px; } .waysTransact p { font-size: 1.4em; margin: 0 0 10px; } .waysTransact h4 { font-size: 1.4em; font-weight: 400; width: 100%; float: left; font-family: robotolight; margin-bottom: 10px; } .wayTransButton, .wayTransText { font-family: robotolight,Arial,sans-serif; } .waysTransact .knowMor { border-top: 1px solid #c6d1dd; padding-top: 10px; } .waysTransact .accordian h2 span.website { background-color: #77d7c3; background-position: 2px -307px; } .waysTransact .accordian h2 span.mobileApp { background-color: #92cfec; background-position: -106px -306px; } .waysTransact .accordian h2 span.SMS { background-color: #f0d676; background-position: -195px -306px; } .waysTransact .accordian h2 span.callCenter { background-color: #c29ece; background-position: -277px -305px; } .waysTransact .accordian h2 span.stockExchange { background-color: #c2d591; background-position: -355px -305px; } .waysTransact .accordian h2 span.ratm { background-color: #eda9a2; background-position: 13px -387px; } .waysTransact .accordian h2 span.appForm { background-color: #f0cc81; background-position: -97px -389px; } .contentWrap, .investWrap { width: 890px; float: left; background: #eaedf1; margin: 0 0 25px; } .contentWrap { margin-top: 0; padding: 20px; } .commonAccord h2 { background: url(../images/plus.png) 15px 27px no-repeat #d8dee5; position: relative; font-size: 1.3em; text-transform: uppercase; line-height: normal; margin: 15px 0 0; padding: 30px 10px 20px 40px; outline: 0; height: 92px; } .commonAccord h2.active { background: url(../images/minus1.png) 15px 27px no-repeat #284b73; color: #fff; font-size: 1.3em; outline: 0; height: 92px; } .AddCashcontentWrap, .AddCashcontentWrap .block, .ToolBox ul.ToolBox1 li a, .ToolBox ul.ToolBox2 li a, .ToolBox1, .ToolBox2, .ToolBox3, .accordContent .lhsCont .links a, .accordDetail .detailBlock .detail, .accordDetail .detailBlock .detail .quickBox, .accordDetail .detailBlockCustom .detail, .accordDetail .testimonialBlock, .accordDetail .testimonialBlock .blockDetail, .accordDetail .testimonialBlock h2, .accordDivDetail, .accordDivDetail .download ul li a, .accordian .accordContent, .accordian h2, .blueInvest, .boxContent, .contentWrap, .contentWrap .block, .detailLocate .row, .detailLocate .row .lhs p, .detailLocate h2, .equitySerach .box input[type=text], .filters .selectbg select, .fndDtl .rowDtl ul li, .footer, .fundAccord .accordDiv, .gridBox, .gridBox .databox .boto, .gridBox .databox .top, .haveusDetail, .haveusDetail input[type=text], .headTitle, .header, .hiddenDropDown .selectedvalue, .investTabWrap .tabDetail .row, .investTabWrap ul.tab li, .learnInvest, .locateSelect input[type=text], .portF .selectedvalue, .pressRelease, .processDetail .selectedvalue, .processDetail input, .rhsGraph .box .firstWrap, .searchRelease, .searchfundDetail input, .secondWrap .fundVal, .secondWrap .returnsVal, .selectedvalue, .sendTabDetail, .sendTabDetail input[type=text], .stepConfirm, .subscribeBox input, .summaryResults .topband, .summarySearch, .summarySearch1, .tabContent, .tableView .selectInfo ul li, .tableView .selectInfoFundPerformance ul li, .tarckWrap, .trackSearch .box input[type=text], .valueBox, .videoTutorial, .videoTutorial ul li, .waysTransact .accrdCont, .whenInvest, .whenInvest ul li, .whyInvest ul.nav li a, input[type=button].serchBtn, input[type=text].searchTxtBox, nav.divices, nav.divices .searchBoxDevice, ul.bullet li, ul.footerList li ul.subList li a, ul.invstBox li, ul.invstBox li .boxInvest h2, ul.legents li, ul.lhsLinks li a, ul.pdf.dividends { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .waysTransact .accordian h2 span.purchase_icon { background-color: #77d7c3; background-position: -64px -512px; } .waysTransact .accordian h2 span.sip_icon { background-color: #92cfec; background-position: -163px -512px; } .waysTransact .accordian h2 span.redeem_icon { background-color: #f0d676; background-position: -256px -512px; } .waysTransact .accordian h2 span.switch_icon { background-color: #c29ece; background-position: -340px -512px; } .waysTransact .accordian h2 span.swp_icon { background-color: #c2d591; background-position: 6px -592px; } .waysTransact .accordian h2 span.stp_icon { background-color: #eda9a2; background-position: -100px -592px; } .wayTransText { font-size: 1.1em; } .wayTransButton { line-height: 19px !important; height: 28px !important; padding: 0 5px; } .popup_text, .topBand h3 { font-family: Arial,Helvetica,sans-serif !important; } .table1 { border: solid #fff; border-width: thin; } .tr1, .tr2 { border-color: #fff; text-align: center; font-size: medium; } .th1 { font-style: normal; color: #fff; font-weight: 700; font-size: medium; } .tr1 { background-color: #4f81bd; } .tr2 { background-color: #d0d8e8; height: 30px; } .simplySaveBgMn, .simplySaveBgMn1 { position: relative; height: 138px; width: 130px; } .simplySaveBgMn { background: url(../images/simplysavebg1.gif) 0 6px no-repeat; } .simplySaveBgMn1 { background: url(../images/simplysavebg1.png) 0 6px no-repeat; } .simplySaveRupeeContainer { background: url(../images/rupeesymbwhite.png) no-repeat; position: absolute; top: 80px; left: 30px; width: 40px; height: 20px; padding-left: 13px; } .overlayAPP, .popupAPP { position: fixed; display: none; } .simplySaveButtonsMnContainer { width: 100%; float: left; background: #203349; padding: 3px; } .simplySaveModityBtn, .simplySaveRedeemBtn { color: #fff; background: #e62929; padding: 2px; font-size: 1.2em; cursor: pointer; text-align: center; outline: 0; float: left; } .simplySaveModityBtn { width: 40%; margin-right: 2%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-left: 2px; border: 0; } .simplySaveRedeemBtn { width: 94%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 0; } .fixWrapper li.simplysavehoverbg a:hover { background: #203349; } .overlayAPP { background-color: rgba(0,0,0,.8) !important; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; } .popupAPP { background-color: #e2e6eb !important; border: 3px solid #eaeef2 !important; height: 140px; left: 40%; top: 40%; width: 340px; z-index: 999; } .popup_text { font-size: 16px !important; font-weight: 700; margin: 50px 0 0 5px; color: #3b536e; } .topBand { background-color: #284b73; float: left; height: 50px; margin: -132px 0 0 -3px; width: 346px; } .topBand h3 { color: #fff; font-size: 20px; margin: 0 auto; padding: 14px 0 0 8px; font-weight: 400; } .buttonBottomleft, .buttonBottomright { background-color: red; font-size: 13px; padding: 10px; font-family: arial,helvetica,sans-serif; } .close.SelectedLink { float: right; margin: -55px 0 0 310px; position: absolute; } .buttonBottomleft { margin: 0 0 0 120px; float: left; } .buttonBottomright { margin: 0 230px 0 0; float: right; } #TransactUsingIPIN, #TransactUsingOTP, #ResendOTPMobile, #VerifyOTPMobile, button.red-button { text-align: center; font-size: 1.3em; text-transform: uppercase; cursor: pointer; } button.red-button { background: url(../images/btnArrow.png) 95% 45% no-repeat #f92f2f; margin: 0 0 0 1em; color: #fff !important; width: auto !important; padding: 12px 15px; } #errorAuth { width: auto; margin: 10px 15px; } #TransactUsingIPIN, #TransactUsingOTP, #ResendOTPMobile, #VerifyOTPMobile{ float: left; font-family: helveticaneuemedium; background: url(images/btnArrow.png) 30px 5px no-repeat #034da2; margin: 0 5px; width: 175px; color: #fff; } #quickPayNet_Form .right-align, #quickPayNet_Form label[for=instrumentNumber] { font-size: 16px !important; } #quickPayNet_Form .hideShowSIBtn, #quickPayNet_Form .reg-autodebit small { font-size: 12px !important; } .div-disabled { pointer-events: none; opacity: .72; } ul label { display: inline !important; } #chatUsMainDiv { display: block; } @media only screen and (max-width:767px){ #chatUsMainDiv{ display:none !important; } } .investTabWrap .tabDetail .row.termCondition { padding: 15px 15px; } .termCondition label span { line-height: 20px; } .investTabWrap .tabDetail .row .detail .termCondition label { margin: 10px 5px 0 0; } .investTabWrap .tabDetail .row .detail.distribute .termCondition a { margin : 0px; float: none; } #NomineeDetails .rownom .column1, #NomineeDetails .rownom .column2, #NomineeDetails .rownom .column3, #NomineeDetails .rownom .column4 { display: flex; align-items: center; padding: 0px; } #NomineeDetails .selectbg, .selectbgcategory, #NomineeDetails .selectbgpolitallyexposed, #NomineeDetails .selectbgsmall { height: auto; } @media only screen and (max-width :1024px){ul.fixWrapper{width:90px;left:-90px}ul.fixWrapper li a{width:60px;font-size:1.2em;padding:18px 15px}ul.fixWrapper li:last-child a{padding:12px 15px}}@media only screen and (max-width :1023px){#wrapper{width:100%;overflow-x:auto;float:left}#scroller{width:730px;float:left;padding-bottom:25px}}@media only screen and (max-width :800px){body{overflow-x:scroll}#retailWrap,#retailWrap ul.retailWrap li a,.accordDetail,.container,.contentContainer,.contentWrap,.quickBox,article.midWrap,nav.mobNav ul.nav li a,nav.mobNav ul.nav li ul li a,nav.mobNav ul.nav li.lastLi.activeSearch,ul.fixWrapper li a,ul.footerList li ul.subList li.acntTrns a span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container,article.midWrap{width:100%;padding:0 15px}.investTabWrap ul.tab5 li{width:17%}.investTabWrap ul.tab5 li.step4{width:19%}.investTabWrap ul.tab5 li.step2{width:20%}.investTabWrap ul.tab5 li.step3,.investTabWrap ul.tab5 li.step5{width:21.8%}.accordWrap,.bannerWrap .tabWrap,.bannerWrap article,.footer,.header,.mutualWrap .topHead{width:100%}.accordWrap .accordHead,.planInvset{margin:0 0 0 12px}.accordWrap .accordHead:first-child{margin:0}nav.divices{display:none;padding:0;height:50px;overflow:hidden}nav.divices img.menu{padding:15px 15px 13px 20px}nav.divices img.menu.active{background:#D8DEE5}nav.divices ul li a{height:55px;padding:0 15px}nav.divices ul{position:relative}nav.divices ul li:last-child a{padding-right:20px}nav.divices ul:after,nav.divices ul:before{position:absolute;content:'';display:table;background:#034DA2;height:5px;width:113px;left:0;top:0}.menuBackBtn,nav.mobNav ul.nav li.lastLi{display:block}nav.divices ul:after{top:auto;bottom:5px}nav.mobNav ul.nav li a{width:135px;min-height:60px;font-size:1.4em}nav.mobNav ul.nav li.active a{background-position:15px -43px}nav.mobNav ul.nav li.lastLi.activeSearch{position:absolute;left:0;top:0;background:#034DA2;width:100%!important;padding:0 15px}ul.nav li ul{top:60px}nav.mobNav ul.nav li ul.waysTran{left:-230px}nav.mobNav ul.nav li ul.learnInvst{left:-130px}nav.mobNav ul.nav li ul li a{width:240px;padding:0 0 0 55px;background:0 0}.searchFund{width:100%;height:55px;background:url(../images/topArrow.png) center 5px no-repeat #D8DEE5}.searchBox{width:450px;left:50%;margin-left:-225px}nav.mobNav ul.nav li .serchBx a{width:auto}.menuBackBtn{background:url(../images/pagearrow-reverse.png) no-repeat #d8dee5;position:absolute;top:17px;left:14px;width:95%;height:22px}.menuBackBtn:after{content:''}.searchBox .serchBx{width:420px}.searchBox .serchBx input{width:380px}.quickBox{width:100%;height:100px}.searchFund a{width:100%;float:left;text-align:center;background:0 0;height:27px;padding:14px 0}.searchFund a span{background:url(../images/redSearch.png) no-repeat;height:30px;display:inline-block;padding:5px 0 0 35px}.planInvset{display:none}ul.fixWrapper{top:0;left:-90px}ul.fixWrapper li a{width:90px}.fixContainer .contentContainer .myAccWrapper,.myAccWrapper .navTabs#scroller,.tabWrap{width:100%}.tabWrap{float:left}.myAccWrapperContent{padding:0 10px}.investOption p,article.midWrap.doMore{padding:0}.contentContainer{width:100%;float:left}.myAccWrapper .navTabs li{font-size:1.4em}.myAccWrapper .navTabs li a span{top:60px}.myAccWrapper #scroller.navTabs{padding-bottom:0;height:60px}.accontDetail .rowMail input[type=checkbox]{left:10px;top:10px}nav.divices ul li a.fixNav.active{background:#D8DEE5}.investOption{width:240px;min-height:400px}.investOption .imgSrc{height:250px;margin-left:-100px}.owl-wrapper .owl-item:first-child .investOption .imgSrc img{width:110%}.owl-wrapper .owl-item .investOption .imgSrc img{width:97%}.owl-controls{display:none!important}.breadcrumb,.mobHide,.onlineKEyboard{display:none}ul.footerList li.colSec{width:48%;margin:0 0 0 2%}ul.footerList li:first-child{margin:0}ul.footerList li.colSec.marRgt{margin-right:2%}ul.commonLink.reachUs li a{margin-left:15px}ul.footerList>li:nth-child(1),ul.footerList>li:nth-child(2){min-height:350px}ul.footerList>li:nth-child(3){margin:0}ul.footerList li ul.subList{width:50%}ul.footerList li ul.subList.ftRght{margin-left:0}ul.footerList li ul.subList.ftRght li{width:100%}ul.footerList>li:nth-child(2) ul.subList{width:100%;margin:15px 0}.recommendFund .fundBox:last-child,ul.commonLink.socialMedia li span{margin:0}ul.footerList li ul.subList li.acntTrns a{height:auto;float:left}ul.footerList li ul.subList li.acntTrns a span{line-height:1.2em;width:100%;background-position:95% center;float:left}.subscribe,ul.footerList li ul.subList.downloadMob{width:100%}.subscribe input{width:194px}ul.commonLink.socialMedia li{width:25%;margin:0}ul.commonLink.socialMedia li label{background-size:38px auto;min-width:38px}.folioVal .folioValContent h3,.fundValDetails h3{background-size:8px}ul.commonLink.reachUs,ul.commonLink.socialMedia{width:100%}.headWrp h1{font-size:2em}.recommendFund .fundBox{width:210px;padding:10px}.recommendFund .fundBox h3{font-size:1.6em}.recommendFund .fundBox label{font-size:1.3em}.recommendFund .fundBox label span{font-size:1.2em}.fundAccord{width:100%}.graphTab .selectInfo{width:auto}.graphTab .selectInfo p{width:60px}.graphTab img.graphImg{width:100%;margin-left:12px}.fundAccord .accordDiv{min-height:70px;padding:18px 0 18px 45px;background-position:15px -30px}.fundAccord .accordDiv h2{font-size:1.6em;min-width:200px}.fundAccord .accordDiv.act{background-position:15px 34px}.whyInvest{width:47%;margin-right:3%}.howInvset{width:50%;margin:0}.whyInvest ul.nav li a{font-size:1.3em;padding-left:75px}.recommendFund .fundBox{margin-right:20px}.accordDetail{width:100%;top:-50px}.accordDetail .testimonialBlock{padding:0}.accordDetail .detailBlock .imgPath img{margin-top:10px;width:35px}.accordDetail .detailBlock .detail,.accordDetail .detailBlock .detail .quickBox{padding-right:10px}.accordDetail .detailBlock .detail .quickBox ul li a{font-size:1.6em}.folioLinks ul li a,.folioTitle h3,.folioVal .folioValContent h3,.investBtn a,.investTabWrap ul.tab li a{font-size:1.4em}.investBox .chkFund .checkbox{margin-top:-2px}.accordDivDetail .radioWrap .radio,.tableView .selectInfo .radio{margin-top:-3px}.investBox .chkFund li{padding:15px 10px 5px}.accordDivDetail .download{width:415px;margin-right:20px}.accordDivDetail .download.tools{width:250px}.loginSection{position:relative}.loginMob{display:block}.loginClick,.virtual{display:none}.loginWrapper,.loginWrapper .registerWrapper{width:100%;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.loginWrapper .loginContent,.loginWrapper .registerWrapper .registerContent{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.regisContent .contentWrapper,.regisContent .contentWrapper .regContent{width:100%}.regisContent .contentWrapper h1{padding:0 0 0 20px}.loginWrapper .loginReg{width:100%}.loginContent .rightContent{padding:20px 0 0;width:100%}.loginContent .googleConnect span.link{margin:0 0 0 5px}.loginContent .googleConnect span.text{margin:0 6px 0 0}.loginContent .leftContent{border-right:none;padding:0 0 20px;border-bottom:1px solid #d5d8dd;width:100%}.investTabWrap .tabDetail .row,.stepConfirm,.tabDetail h3{padding:15px 20px}.infoContent .valueDetails{margin-bottom:10px}.investBtn{width:auto;float:left}.investBtn a{left:9%;margin:30px 0 10px}.infoContent .pieChart{width:100%;text-align:center}.infoContent .pieChartContent{width:100%;float:left}.infoContent .pieChartContent a.snapshot{float:left}.investWrap,.pieChartContent ul{width:100%}.investTabWrap ul.tab li.step3 a label{float:none}.investTabWrap .tabDetail .toolTipDetail{left:100px;width:500px}.investStart .stepBox{width:200px;min-height:122px}.stepConfirm h3{padding:10px 0}.investTabWrap .tabDetail .knowMor a,.investTabWrap .tabDetail .knowMor.cancelLeft a{margin-left:20px}.folioTitle{padding:0}.folioTitle h2{font-size:1.6em}.folioTitle a,.folioVal label{font-size:1.2em}.folioValContent{padding:0 16px}.folioAccordHead.active .folioVal .folioValContent h3{background-position:0 -26px}.fundDetailsCont .fundValDetails{padding:0 8px 30px}.folioAccordCont label,.fundName h2{font-size:1.2em;cursor:pointer}.fundDetailsCont .fundName{padding-right:10px;width:100%;margin-bottom:2%}.lockedFree .toolTipDetail{max-width:100px}.systematicplan .folioAccordCont .fundName label{height:auto;margin-bottom:5px}.systematicplan .fundDetailsCont .fundName{width:100%;margin-bottom:20px}.systematicplan .actionBtn a{padding:10px}.myAccWrapper .infoContent{width:383px}.myAcc .myAccWrapper{width:768px}ul.commonLink.socialMedia li label{height:24px;margin-top:0;padding-top:11px;top:5px}ul.commonLink.socialMedia li label:before{content:'';height:0;width:0;display:block;border:4px solid transparent;border-top-width:0;border-bottom-color:#8ca1b2;position:absolute;top:-4px;left:50%;margin-left:-2px}}@media only screen and (min-width :0px) and (max-width :640px){body{width:100%;overflow:scroll}.subscribeBox{display:none!important}#footerBtm p,#retailWrap,#retailWrap ul.retailWrap li a,.accordDetail,.accordWrap .accordHead,.container,.contentWrap,.detailStep,.investStart,.investStart .stepBox,.investTabWrap .tabDetail .row .detail .selectedvalue,.investTabWrap .tabDetail .row .detail input,.investTabWrap .tabDetail .row .detail.distribute input,.investTabWrap .tabDetail .rowHidden,.lightBox,.loginContent .rightContent .loginReg,.moreIntresting ul.moreDetl li,.myAccWrapper h1,.proceedWrap .stepConfirm input.txtBx,.quickBox,.reinvest,.searchfundDetail,.subscribe a,.subscribe input,.termsWrap,article.midWrap,nav.mobNav ul.nav li a,nav.mobNav ul.nav li ul li a,ul.fixWrapper li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container,article.midWrap{width:100%;padding:0 15px}nav.mobNav article.midWrap{padding:0 0 15px;background:#d8dee5;float:left;height:100%}.accordWrap,.bannerWrap .tabWrap,.bannerWrap article,.footer,.header,.mutualWrap .topHead{width:100%}.accordWrap .accordHead,.planInvset{margin:0 0 0 12px}.accordWrap .accordHead:first-child{margin:0}nav.divices{display:block;padding:0;height:50px;overflow:hidden}nav.divices img.menu.active{background:#D8DEE5}nav.divices ul li a{height:55px}nav.divices ul{position:relative}nav.divices ul:after,nav.divices ul:before{position:absolute;content:'';display:table;background:#034DA2;height:5px;left:0;top:0}nav.divices ul:after{top:auto;bottom:5px}nav.mobNav{position:absolute;z-index:5;background:#203349;float:left}nav.mobNav ul.nav li,nav.mobNav ul.nav li a{width:100%;text-align:left;color:#034da2;border-left:none}.investOption p,.quickBox p,.searchFund a{text-align:center}nav.mobNav ul.nav>li{border-bottom:1px solid #b3bcc6}nav.mobNav ul.nav>li.active{border-bottom:none}nav.mobNav ul.nav li a{padding:0 15px 0 40px;height:50px;display:table-cell;vertical-align:middle;float:none;background:url(../images/plus1.png) 15px 17px no-repeat;width:50%}nav.mobNav ul.nav li.active a{background-position:15px -43px}nav.mobNav ul.nav li a br,nav.mobNav ul.nav li.lastLi{display:none}nav.mobNav ul.nav li ul{width:100%;padding:0 0 0 20px;box-sizing:border-box;top:0;position:relative;box-shadow:none;left:0;overflow:hidden}ul.nav li ul li ul.subMenuMain{position:absolute;left:100%}nav.mobNav ul.nav li ul.waysTran{left:0}nav.mobNav ul.nav li ul li{margin:0;width:100%;box-sizing:border-box;background:url(../images/pagearrow.png) 96% 14px no-repeat}nav.mobNav ul.nav li ul li a{width:100%;padding:0 25px 0 43px;background:0 0}ul.nav li ul li ul.subMenuMain li{width:100%}.searchFund{width:100%;height:55px;background:url(../images/topArrow.png) center 5px no-repeat #D8DEE5}.mobNav #retailWrap,.searchFund a{width:100%;background:0 0;float:left}.quickBox{width:100%}.searchFund a{height:27px;padding:14px 0}.mobNav #retailWrap{display:block;min-height:350px;padding:0 15px}#retailWrap h2,#retailWrap ul.retailWrap{display:block}#retailWrap ul.retailWrap li:first-child a{background:#284b72;color:#fff}#retailWrap ul.retailWrap li{width:215px;float:left;margin:12px 0 0;text-align:center;border:1px solid #034da2}ul.retailWrap li a{width:100%;color:#034da2;padding:14px 0}.searchFund a span{background:url(../images/redSearch.png) no-repeat;height:30px;display:inline-block;padding:5px 0 0 35px}.bannerWrap article aside p.btmTxt,.clickRetail,.headWrap .rhsHead ul,.planInvset{display:none}ul.fixWrapper{position:absolute;left:auto;top:0;margin:0;} nav.divices ul li a.fixNav.active, ul.fixWrapper li a, ul.fixWrapper li a:hover { background: #c9ddf2 }ul.fixWrapper li,ul.fixWrapper li a{width:100%;margin-bottom:0}ul.fixWrapper li a{color:white;border-bottom:1px solid #B3BCC6}ul.fixWrapper li:last-child a{padding:18px 20px}.mutualWrap{top:0}.bannerWrap article aside{width:100%;height:auto}.bannerWrap article aside h2,.bannerWrap article aside p,.bannerWrap img.couple,.bannerWrap img.rhsImg{left:0;opacity:1;font-size:1.8em}.bannerWrap article aside h2{margin:10px 0 5px}.bannerWrap article aside p{font-size:1em;margin:0}.bannerWrap img.couple{width:55%;top:25%}.bannerWrap img.rhsImg{max-width:180px;top:80px;left:auto;right:10%}.bannerWrap ul.tabWrap{right:50%;bottom:5px}.bannerWrap .knowMor{bottom:80px;position:absolute;width:100%;left:auto;right:0}.bannerWrap .knowMor a{position:absolute;left:auto;right:15%;margin-left:0}.headWrp{padding:15px 0 0;height:35px}.headWrap{height:35px;padding:10px 0 0}.headWrap a.logo{width:110px;margin:0}.headWrap a.logo img{width:100%}.rhsHead{width:140px}.rhsHead h3{font-size:1.3em}.rhsHead p{font-size:.9em}nav.mobNav{width:80%;left:-80%}nav.mobNav article.midWrap{margin:48px 0 0}nav.divices img.menu{padding:15px 15px 13px}nav.divices ul li a{padding:0 10px}nav.divices ul li:last-child a{padding-right:15px}nav.divices ul:after,nav.divices ul:before{width:93px}.mutualWrap .topHead .lineHead span{font-size:2em}.mutualWrap .topHead h2{font-size:1.2em}.accordWrap{margin:15px 0}.accordWrap .accordHead{width:100%;height:60px;margin:10px 0 0;background:url(../images/plus1.png) 10px 17px no-repeat #d8dee5;background-size:22px auto;padding-left:35px}.accordWrap .accordHead .clear{float:left;clear:none}.accordWrap .imgSrc{width:40px;float:left;height:30px}.accordWrap .imgSrc img{width:75%;height:100%}.accordWrap .accordHead p,.planInvset p{padding:0;width:auto;margin:10px 0 0;font-size:1.7em}.accordWrap .accordHead img.plus{position:relative;top:8px;display:none}.accordDetail{position:relative;width:100%}.quickBox{padding:10px 15px;height:auto}.quickBox ul li{margin:4px;width:47%}.quickBox ul li:first-child{margin:4px}.quickBox ul li a{width:100%;font-size:1.3em;height:25px;padding-top:12px}.searchfundDetail,.searchfundDetailBox{width:100%}.searchfundDetailBox{height:0;left:0;top:185px}.searchfundDetail{padding:30px 15px 15px}.topHead{width:95%}.topHead .lineHead span{font-size:1.6em}.topHead h2{font-size:2.1em}.topHead pf{font-size:1.2em}.investOption,.investOption p{width:100%}.investOption .imgSrc{margin-left:-140px}.owl-wrapper .owl-item:first-child .investOption .imgSrc img{width:260px}.owl-wrapper .owl-item .investOption .imgSrc img{width:230px;left:40px}.owl-wrapper .owl-item .investOption:first-child{margin-left:0}.owl-controls{display:block!important}ul.footerList li.colSec{width:100%;margin:0}ul.footerList li.colSec div,ul.footerList li.colSec ul{width:100%}ul.footerList li.colSec.ftAbt{margin:15px 0 0}.subscribe input{width:64%;margin:0 2px 0 0;float:left;font-size:1.2em;min-height:40px}.subscribe a{width:35%;margin:0;height:14px;font-size:1.3em;min-height:40px}ul.footerList li.colSec ul.commonLink.reachUs{width:75%}ul.footerList li.colSec ul.commonLink.reachUs li{width:25%;margin:10px 0}ul.footerList li.colSec ul.commonLink.reachUs li a{width:100%;margin:0;padding:0;font-size:1.2em}ul.footerList li.colSec ul.commonLink.reachUs li a span{width:60px;height:60px;float:left;margin-left:5px}ul.commonLink.reachUs li.callImg a span{background-position:-225px 15px}ul.commonLink.reachUs li.chatImg a span{background-position:-294px 15px}ul.commonLink.reachUs li.locateImg a span{background-position:-361px 13px}ul.commonLink.reachUs li.advisorImg a span{background-position:-421px 16px}#footerBtm{padding:10px 0}#footerBtm p{font-size:1.1em;padding:10px 10px 0}#footerBtm p.copyRgt{margin:0}.fixContainer{}ul.fixWrapper{right:0;padding-top:48px}ul.bullet li{font-size:1.3em}.headWrp h1{font-size:2em;width:100%;margin:0 0 10px}.headWrp .selectbg{width:120px;margin-right:10px}.headWrp .selectedvalue{width:110px}.headWrp .selectbg select{width:120px}.investBox .chkFund{display:none;position:absolute;right:-15px;width:200px;top:55px;z-index:10;margin:0}.investBox .chkFund li{padding:5px 10px}.investBox .chkFund ul{padding:15px 0 10px;background:#E9EEF3;float:left}.investBox .invstMore{display:block}.whyInvest{width:100%;margin-right:0}.knowMor a{font-size:1.3em;width:119px;height:25px;padding-top:10px}.recommendFund h2,.whyInvest h2{font-size:1.8em}.fundAccord .accordDiv h2{padding:0 0 15px;margin-right:0}.fundAccord .accordDiv{height:42px;overflow:hidden;padding:15px 0 10px 35px;min-height:0;background-position:10px -48px;position:relative}.fundAccord .accordDiv.act{background-position:10px 14px;height:auto}.fundAccord .accordDiv.act:before{background:#284B72;content:"";display:block;height:60px;left:5px;position:absolute;top:51px;width:25px}.centrAlign,.lightBox{left:0;margin:0}.fundAccord .accordDiv ul{width:100%}.fundAccord .accordDiv.act ul li{border:none;padding:0}.fundAccord .accordDiv ul li{font-size:1em}.fundAccord .accordDiv ul li span{font-size:1.4em}.fundAccord .accordDiv ul li:first-child{width:40%}.fundAccord .accordDiv ul li:last-child{width:60%}.accordDivDetail{padding:10px}.accordDivDetail .tableView table tr td{display:none;font-size:1.2em;background:#fff}.accordDivDetail .tableView table tr td.fCol{padding-left:5px}.accordDivDetail .tableView table tr.firstRow td{background:#00B0F0}.accordDivDetail .tableView .tabList:first-child{display:none!important}.accordDivDetail .tableView .tabList:last-child{display:block!important}.accordDivDetail a.readMore{font-size:1.1em;color:#034da2;display:block}.accordDivDetail p.moreCont{display:none}.tableView .selectInfo.yearList{display:block;margin:0;padding:10px 0;width:100%;height:40px}.accordDetail .detailBlock .detail h2,.accordDetail .detailBlock .imgPath,.accordDetail a.closeBtn,ul.fundTab{display:none}.tableView .selectInfo.yearList p{width:25%;font-size:.9em}.accordDetail{padding:15px;top:0}.accordDetail .detailBlock,.accordDetail .testimonialBlock{width:100%}.accordDetail .detailBlock .detail,.accordDetail .detailBlock .detail .quickBox{padding:0;width:100%}.accordDetail .detailBlock .detail .quickBox ul li a{padding-top:10px;height:20px}.accordDetail .detailBlock .imgPath img{width:30px}.accordDetail .detailBlock .detail h2{font-size:2em}.accordDetail .detailBlock .detail p,.accordDetail .testimonialBlock .blockDetail p{font-size:1.3em}.searchfundDetail input{width:80%}.searchfundDetail .searchQuick{width:auto;padding-right:5px}.searchfundDetail .closeQuick{margin-left:5px}ul.commonLink.reachUs li label{width:65px}.fndDtl .rowDtl .colDtl_2,.fndDtl .rowDtl .colDtl_3,.fndDtl .rowDtl .colDtl_3 p.hd,.fndDtl .rowDtl .colDtl_4,.rowDtl2{width:100%}.fndDtl .rowDtl{padding:10px 0 15px}.fndDtl .rowDtl span{font-size:1.8em}.fndDtl .rowDtl .colDtl_1{text-align:left;width:100%;margin:0;font-size:1.4em}.fndDtl .rowDtl .colDtl_3 p.hd{font-size:1.4em;margin:5px 0 0}.rowDtl2{float:left}.fndDtl .rowDtl2 .colDtl_2{width:70%;margin:0}.fndDtl .rowDtl2 .colDtl_3{width:30%}.accordDivDetail .radioWrap label{font-size:1.4em}.detailView .pieChart{margin-bottom:15px;display:none}.accordDivDetail .pieChartDetl table,.detailView .pieChart,.detailView .pieChartDetl{width:100%}#pieChartWrap{width:180px;height:180px;margin-left:-90px}#pieChartWrap img{width:101%}.accordDivDetail .detailView{padding:10px 0 0}.accordDivDetail .download,.accordDivDetail .download.tools{width:100%;margin:0}.accordDivDetail .download ul li{width:100%}.whyInvest ul.accord li ul.wayInvest{margin:5px 5px 5px -155px}.whyInvest ul.accord li ul.wayInvest li{width:60px}.whyInvest ul.accord li ul.wayInvest li a{width:60px;height:60px}.loginContent .rightContent .loginReg,.loginWrapper .loginContent,.loginWrapper .loginReg,.loginWrapper .registerWrapper .registerContent,.myAcc .myAccWrapper,.myAccWrapperContent .row,.regisContent .contentWrapper,.regisContent .contentWrapper .regContent{width:100%}.whyInvest ul.accord li ul.wayInvest li a span{margin-top:4px}.portF .selectbg{display:block}.onlineKEyboard,.portF .radioWrap label{display:none}.loginSection{position:relative}.loginMob{display:block}.loginClick{display:none}.loginWrapper,.loginWrapper .registerWrapper{width:100%;position:relative}.regisContent .contentWrapper h1{padding:0 0 0 20px}.regisContent .contentWrapper .regContent .regBand ul li{margin:0 0 15px;clear:both}.creatPass .passStrength{margin:0;clear:both}.logedinInfo{background:#D8DEE5;display:block;text-align:center;border-bottom:1px solid #B3BCC6}.contentContainer,.investTabWrap .tabDetail span.toolTip,.virtual{display:none}.logedinInfo p{padding:0 0 10px;color:#333}.logedinInfo h2{color:#034da2;padding:10px 0 0}.loginContent .rightContent{padding:20px 0 0}.loginContent .googleConnect span.link{margin:0 0 0 5px}.loginContent .googleConnect span.text{margin:0 6px 0 0}.loginContent .leftContent{border-right:none;padding:0 0 20px;border-bottom:1px solid #d5d8dd}.myAcc .myAccWrapper{margin:0 auto}.myAccWrapper .myAccHeader h1{padding:10px 0 15px 10px}.myAccWrapperContent{padding:0 10px;margin:15px 0}.accontDetail .accordian .accordContent,.accordContent .accordContentWrapper{padding:10px}.accordContentWrapper .contentValue,.row .contentLabel{width:50%;font-size:1.4em}.myAccWrapper .navTabs{height:40px;overflow-y:hidden}.myAccWrapper .navTabs ul li{font-size:1.5em;width:auto;padding:20px 10px}.myAccWrapper .navTabs#scroller{width:100%;padding-bottom:35px}.accontDetail .accordian h2{padding:15px 10px 15px 40px;background-position:15px 17px}.accontDetail .accordian h2.active{background-position:15px -42px}.accontDetail .rowMail{padding:10px 0;font-size:1.4em}.accontDetail .rowMail .checkbox{padding:0 10px 0 0}.accontDetail .rowMail input[type=checkbox]{top:10px}.accontDetail .rowMail a{width:75%}.myAccWrapper .infoContent{width:275px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.investWrap{margin:15px 0}.investTabWrap .tabDetail .row{padding:10px 15px;min-height:65px}.investTabWrap .tabDetail .row .detail,.investTabWrap .tabDetail .row .detail .selectbg,.investTabWrap .tabDetail .row .detail .selectbg select{width:100%}.investTabWrap .tabDetail .row .detail .selectbg{margin:5px 0 0}.investTabWrap .tabDetail .row .detail.units input{width:48%;margin-right:2%;margin-bottom:5px}.investTabWrap .tabDetail .row .detail.units .selectbg{width:50%;margin:0}.investTabWrap .tabDetail .row .detail .rowDiv,.investTabWrap .tabDetail .row .detail .rowDiv .errorMsg{width:100%;margin-bottom:10px}.investTabWrap .tabDetail .row .detail .rowDiv .errorMsg,.investTabWrap .tabDetail .row .detail .rowDiv .reIpin,.investTabWrap .tabDetail .row .detail label.checkbx,.reinvest{margin:0}.investTabWrap .tabDetail .row .detail input.smallWid,.investTabWrap .tabDetail .row .detail.units .selectedvalue{width:100%}.investTabWrap .tabDetail .row .detail .selectedvalue{width:100%;height:40px}.investTabWrap .tabDetail .row .detail .searchScheme{width:100%}.investTabWrap .tabDetail .row .detail .searchScheme input{width:80%;padding:0 10px;font-size:1.4em}.investTabWrap .tabDetail .row .detail input,.investTabWrap .tabDetail .row .detail.distribute input,.investTabWrap .tabDetail .row .midCol,.investTabWrap .tabDetail .row label,.investTabWrap .tabDetail .rowHidden,.reinvest,.termsWrap{width:100%}.termsWrap{height:130px}.investTabWrap .tabDetail .row .detail .colPay label:first-child{width:50%}.investTabWrap .tabDetail .row .detail.payMode{width:100%}.investTabWrap .tabDetail .row .detail .colPay label{width:50%;margin:5px 0}.investTabWrap .tabDetail .knowMor a{margin-left:15px}.stepConfirm{padding:10px 15px}.stepConfirm h2,.stepConfirm h3{font-size:1.8em;padding-left:0}.stepConfirm p span{font-size:1em}.knowMor.knowMor1 a{width:160px}.investTabWrap .tabDetail .knowMor a.newLink{font-size:1.4em}.investTabWrap .tabDetail .knowMor label{margin:17px 0 0 4px;font-size:1.4em}.stepConfirm .doneIcon{right:10px;top:5px;width:35px}.investTabWrap .tabDetail .row label{font-size:1.4em;margin-bottom:5px}.investTabWrap .tabDetail .row .detail label.selectVal{margin:0}.investTabWrap ul.tab{border:none;float:right;height:auto;margin:10px 0;width:auto}.investTabWrap ul.tab li{width:40px;height:40px;border-radius:100%;overflow:hidden;background:#B8C9DC;margin:0 5px;padding:0;-webkit-border-radius:50px;-moz-border-radius:100%}.investTabWrap ul.tab5 li{width:40px!important}.investTabWrap ul.tab li a{height:100%;width:auto;padding:0;display:block;text-align:center;font-size:1.4em}.investTabWrap ul.tab li a span{width:40px;height:40px;text-align:center;margin:0;min-height:0;padding-top:5px}.detailStep,.lightBox{width:100%}.investTabWrap ul.tab li a span.detailPlan{font-size:.7em}.investTabWrap ul.tab li span.arrow,.investTabWrap ul.tab li.activate a span.detailPlan,.investTabWrap ul.tab li.activate span.arrow,.investTabWrap ul.tab li.active span.arrow{display:none}.investTabWrap .mobTitle{display:block}.actionBtn,.fundName label,.investTabWrap .mobTitle br,.mobDisp,.systematicplan .folioAccordCont .fundName label{display:none}.investStart .stepBox{width:100%;margin:80px 15px 0 0}.investStart .stepBox.marLft{margin-left:0}.investStart .stepBox span{top:-56%}.investStart{padding:0 10px}.investStart p{font-size:2em}.headTitle{padding:15px}.investTabWrap .tabDetail .row .errorMsg,.investTabWrap .tabDetail .row .reIpin{font-size:1.3em}p.topHd{padding:7px 15px;font-size:1.4em}.lightBox{top:10%}.investTabWrap .tabDetail .row .detail label.selectVal{font-size:1.6em}.investTabWrap .tabDetail .row .detail p{margin:0}.investStart.atmBox .stepBox span{margin-top:0}.investTabWrap .tabDetail .row .detail a.midCont{margin:0 0 5px 10px}.investTabWrap .tabDetail .detail.distribute .termsWrap.instruction{height:285px}.investTabWrap .tabDetail .row .detail input.countryCode{width:60px}.myAccWrapper .myAccHeader ul li a{font-size:1.4em}.infoContent .valueDetails{padding:0 36px}.investBtn{width:178px;float:none;margin:0 auto}.investBtn a{left:inherit}.reinvest .minInvest .purchaseBox{margin:0}.reinvest .minInvest .purchaseBox label{padding:0}.hdMob{width:100%;float:left;border-bottom:1px solid #fff;padding-bottom:10px}.investTabWrap .tabDetail .knowMor a.newLinkGo{margin-left:15px}.investTabWrap .tabDetail .row .detail .dateDiv{width:50%}.mainWrapDiv1,.mainWrapDiv1 .scroll-pane{height:auto}.folioLinks{width:100%}.folioLinks ul{float:right;margin:20px 10px 0 0}.folioLinks .investBtn{clear:both;float:left;margin-top:-24px;width:auto}.folioLinks .investBtn a{margin:0}.folioAccordHead.active .folioLinks ul li.statement a{color:#fff}.folioAccordHead.active .folioLinks ul li a,.folioAccordHead.active .folioLinks ul li.statement ul.subNav a,.folioAccordHead.active .folioVal h3,.folioAccordHead.active .folioVal label{color:#333}.folioTitle{margin-bottom:10px;width:100%}.folioContent{background:#FBFBFB;width:100%}.folioValContent{padding:0 60px}.folioTitle h2{clear:both;float:left;font-size:1.5em;margin-right:10px}.folioVal .folioValContent h3{background-size:9px auto;padding-bottom:30px}.fundDetailsCont .fundName{width:100%}.fundDetailsCont .fundsValue{background:#FBFBFB;margin-top:10px;padding-top:10px;width:100%}.fundDetailsCont .fundValDetails{border-left:none;padding:0 56px 15px;width:92px}.actionBtn{float:left;margin-bottom:16px;width:85%}.folioTitle a{padding:11px 0 0 17px;background-position:3px 8px}.fundDetailsCont .fundName{background:url(../images/folioPlus.png) no-repeat;padding:0 0 10px 25px}.fundDetailsCont .fundName.active{background-position:0 -216px}.actionBtn .selectbg{float:left;height:40px;position:relative;width:85%}.actionBtn select,.systematicplan .fundDetailsCont .fundName{width:100%}.actionBtn .selectedvalue{background-position:90% center;border:1px solid #CCC;width:100%}.systematicplan .fundDetailsCont .fundValDetails.invAmt{width:auto}.systematicplan .fundDetailsCont .fundValDetails{padding:0 50px 30px}.systematicplan .folioAccordCont label{height:auto;margin-bottom:10px}.systematicplan .fundDetailsCont .fundValDetails.modePay{width:94px}.systematicplan .folioTitle{width:auto}.folioLinks ul li.statement a{padding:3px 16px 5px 20px}.myAccWrapper .myAccHeader ul li.statement a{padding:2px 16px 5px 20px}.investTabWrap .tabDetail .row .detail label{width:100%;margin:10px 35px 10px 0;float:none;display:inherit;line-height:21px}.investTabWrap .tabDetail .row label.radioWidth{width:auto}.proceedWrap .stepConfirm input.txtBx{margin:5px 0 0;width:100%;clear:both}.proceedWrap .stepConfirm{padding:15px}.detail .dateRange{margin-top:0}.systematicplan .fundValDetails{min-height:46px}.logedinMob{display:none}.logedinmibContent{background:#1c4f89;float:left;width:100%;padding:15px 0}ul.fixWrapper .logedinmibContent a{color:#fff;background:#F92F2F;padding:10px!important;width:100px;border-bottom:0;display:block;float:none;margin:10px auto 0}ul.fixWrapper .logedinmibContent a:hover{color:#fff;background:#F92F2F}ul.fixWrapper .logedinmibContent span{display:block;color:#fff;position:relative;margin:0;background:0 0}ul.fixWrapper .logedinmibContent{text-align:center}.logedinmibContent h2{font-size:1.6em;color:#fff}.logedinmibContent p{font-size:1.2em;color:#fff}ul.footerList li.colSec div.haveusDetail{position:relative;width:100%;left:0;top:0}.chatus ul.footerList li.colSec div.haveusDetail{position:absolute}.chatus .chatusBox span.arrow{background-position:0 -25px;left:auto;right:115px;width:21px;top:-10px}.haveusDetail span.arrow{top:-11px;left:15px;width:22px;background-position:0 -26px}.container,article.midWrap{float:left}ul.footerList{margin:0 0 5px}.footer{line-height:normal}footer{padding:20px 0 15px}.mobileView>li{margin:3px auto 0!important;border-top:1px solid #c3d9ea;padding:10px 0 5px}.mobileView>li:first-child{border:none}.mobileView>li>*{display:none}.mobileView>li .lineHead{display:block;text-align:left;background:url(../images/mobAccord.png) 98% -33px no-repeat}.mobileView>li .lineHead span{padding:0}.mobileView>li.selected .lineHead{background-position:98% 8px}.mobileView>li.selected .ftRght{margin:9px 0 0!important}.mobileView>li.selected .ftRght li{padding-left:0;margin-bottom:7px}ul.footerList>li:nth-child(1),ul.footerList>li:nth-child(2){min-height:0}.mobileView>li .subscribe,ul.footerList li.colSec ul.commonLink.reachUs{margin:15px 0 0;float:left}.subscribe a{padding-top:12px}ul.commonLink.socialMedia li label{left:5px}ul.commonLink.socialMedia li label:before{content:'';display:block;position:absolute;width:0;height:0;border:5px solid transparent;border-left-width:0;border-right-color:#8ca1b2;left:-5px;top:11px;margin-left:0}}@media only screen and (min-width :640px) and (max-width :720px){.whyInvest{width:47%;margin-right:3%}.whyInvest.howInvset{width:50%;margin:0}.whyInvest ul.accord li ul.wayInvest{margin:5px 5px 5px -150px}.whyInvest ul.accord li ul.wayInvest li{width:55px}.onlineKEyboard{display:none}.loginSection{position:relative}.loginMob{display:block}.loginClick{display:none}.loginWrapper,.loginWrapper .registerWrapper{width:100%;position:relative}.loginWrapper .loginContent,.loginWrapper .registerWrapper .registerContent{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.regisContent .contentWrapper,.regisContent .contentWrapper .regContent{width:100%}.regisContent .contentWrapper h1{padding:0 0 0 20px}.regisContent .contentWrapper .regContent .regBand ul li{margin:0 0 15px;clear:both}.logedinInfo{background:#D8DEE5;display:block;text-align:center;border-bottom:1px solid #B3BCC6}.logedinInfo p{padding:0 0 10px;color:#333}.logedinInfo h2{color:#034da2;padding:10px 0 0}.myAccWrapper .navTabs li{width:auto;padding:20px 8px;font-size:1.5em}.myAccWrapper .navTabs li a span{top:60px}.infoContent .valueDetails{padding:0 66px}ul.footerList>li:nth-child(1) ul.subList,ul.footerList>li:nth-child(2) ul.subList{width:50%}}@media only screen and (min-width :320px) and (max-width :360px){.bannerWrap img.couple{width:230px;top:140px}.bannerWrap img.rhsImg{width:180px;top:80px;left:auto;right:0}.quickBox ul li{width:46%}#footerBtm{margin-top:15px}ul.footerList li.colSec ul.commonLink.socialMedia{width:85%;float:none;margin:15px auto}ul.commonLink.socialMedia li label{height:24px;margin-top:0;padding-top:11px;top:5px}ul.commonLink.socialMedia li label:before{content:'';height:0;width:0;display:block;border:4px solid transparent;border-top-width:0;border-bottom-color:#8ca1b2;position:absolute;top:-4px;left:50%;margin-left:-2px}ul.commonLink.reachUs li label{width:95%}ul.footerList li.colSec ul.commonLink.reachUs{width:100%}ul.nav li ul li ul.subMenuMain li a{width:100%;box-sizing:border-box;height:auto;min-height:inherit}.whyInvest ul.accord li ul.wayInvest{margin:5px 5px 5px -140px}.whyInvest ul.accord li ul.wayInvest li{width:53px}.whyInvest ul.accord li ul.wayInvest li a{width:53px;height:53px}.whyInvest ul.accord li ul.wayInvest li a span{margin-top:4px;background-size:400px 235px;height:28px}.whyInvest ul.accord li ul.wayInvest li a.sms span{background-position:-2px -203px}.whyInvest ul.accord li ul.wayInvest li a.phone span{background-position:-60px -207px}.whyInvest ul.accord li ul.wayInvest li a.wap span{background-position:-112px -207px}.whyInvest ul.accord li ul.wayInvest li a.form span{background-position:-160px -206px}.whyInvest ul.accord li ul.wayInvest li a.advisor span{background-position:-208px -206px}.accordDetail .detailBlock .detail .quickBox ul li a{padding-top:5px;height:25px}.investTabWrap .tabDetail .row .detail a.midCont{clear:both;margin-left:0}.stepConfirm p a,.stepConfirm p span{font-size:1em}.investTabWrap .tabDetail .knowMor.knowMore1 a{float:left;margin:0 10px 0 0}.moreIntresting h2{padding:10px 15px}.moreIntresting ul.moreDetl li{width:50%;margin:0}.loginSection{position:relative}.loginMob{display:block}.loginClick{display:none}.loginWrapper,.loginWrapper .registerWrapper{width:100%;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.loginWrapper .loginContent,.loginWrapper .registerWrapper .registerContent,.registerContent .content{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.registerContent a.redBtn{float:left;margin:10px 0 0}.loginContent .feildWrapper .radioWrap label{margin:10px 18px 0 0}.loginContent .feildWrapper input.small[type=text]{margin-top:10px}.regisContent .contentWrapper,.regisContent .contentWrapper .regContent{width:100%}.regisContent .contentWrapper h1{padding:0 0 0 20px}.regisContent .contentWrapper .regContent .regBand ul li{margin:0 0 15px}.regisContent .contentWrapper .regContent .btnWrap .redBtn{margin:0 10px 0 0}.creatPass .passStrength{margin:0}.logedinInfo{background:#D8DEE5;display:block;text-align:center;border-bottom:1px solid #B3BCC6}.logedinInfo p{padding:0 0 10px;color:#333}.logedinInfo h2{color:#034da2;padding:10px 0 0}.onlineKEyboard{display:none}.accordContentWrapper .contentLabel,.accordContentWrapper .contentValue{width:100%}.accontDetail .scroll-pane{height:100%}.myAccWrapper #scroller.navTabs{overflow-y:hidden;height:80px;padding-bottom:0}.changeDiv .enterPin{margin:10px 0 0}.confirm{margin:20px 0 0 10px}.stepConfirm h2,.stepConfirm h3{font-size:1.5em}.investTabWrap ul.tab li{width:30px;height:30px;margin:0 3px}.investTabWrap ul.tab li a{font-size:1.2em}.investTabWrap .mobTitle,.myAccWrapper .myAccHeader ul li a{font-size:1.4em}.investTabWrap ul.tab li a span{width:30px;height:30px;display:block;padding-top:3px}.investTabWrap ul.tab li a label br{display:block}.fundName label,.mobDisp,.systematicplan .folioAccordCont .fundName label{display:none}.investStart .stepBox{width:100%;margin:80px 15px 0 0}.investTabWrap .tabDetail .row .detail .dateDiv{width:100%}.investTabWrap .tabDetail .row .detail .dateDiv input{width:80%;padding:0 5px}.investTabWrap .tabDetail .row .detail .dateDiv p.midCont{width:100%;margin:5px 0}.investTabWrap .tabDetail .row .detail .dateDiv a{margin:8px 0 5px 3px}.stepConfirm h3{padding-right:23px;padding-left:0}.investTabWrap .tabDetail .knowMor a.save.marLeft{clear:both;margin-left:15px}.myAccWrapper .myAccHeader ul{margin:0 0 15px 10px;float:left;left:-97px}.infoContent .valueDetails label{font-size:1.2em}.infoContent .valueDetails h3{background-position:0 4px;background-size:9px auto;font-size:1.5em}.infoContent .valueDetails{padding:0 10px}.valueDetails h3 img{width:8px;margin:0}.investBtn a{left:0}.investTabWrap .tabDetail .knowMor.knowMor1 a.newLink{clear:both;margin:0 15px}.folioLinks{width:100%}.folioLinks ul{float:right;margin:20px 10px 0 0}.folioLinks .investBtn{clear:both;float:left;margin-top:-24px;width:auto}.folioLinks .investBtn a{margin:0}.folioAccordHead.active .folioLinks ul li.statement a{color:#fff}.folioAccordHead.active .folioLinks ul li a,.folioAccordHead.active .folioLinks ul li.statement ul.subNav a,.folioAccordHead.active .folioVal h3,.folioAccordHead.active .folioVal label{color:#333}.folioContent{background:#fbfbfb;width:100%}.folioValContent{padding:0 13px}.folioVal label{font-size:1.4em}.folioVal h3{font-size:1.5em}.folioVal .folioValContent h3{padding-bottom:30px;background-size:9px auto}.folioTitle h3{font-size:1.4em}.folioTitle h2{font-size:1.5em;clear:both;float:left;margin-right:10px}.folioTitle{margin-bottom:10px;width:100%}.folioTitle a{padding:11px 0 0 17px;background-position:3px 8px}.fundDetailsCont .fundName{width:100%}.fundDetailsCont .fundsValue{width:100%;margin-top:10px;background:#FBFBFB;padding-top:10px}.fundDetailsCont .fundValDetails{border-left:none;padding:0 24px 15px;width:92px}.actionBtn{float:left;margin-bottom:16px;width:85%}.actionBtn .selectbg{float:left;height:40px;position:relative;width:85%}.actionBtn select,.systematicplan .fundDetailsCont .fundName{width:100%}.actionBtn .selectedvalue{background-position:90% center;border:1px solid #CCC;width:100%}.fundDetailsCont .fundName{padding:0 0 10px 25px;background:url(../images/folioPlus.png) no-repeat}.fundDetailsCont .fundName.active{background-position:0 -216px}.systematicplan .fundDetailsCont .fundValDetails.invAmt{width:auto}.systematicplan .fundDetailsCont .fundValDetails{padding:0 21px 30px}.systematicplan .folioAccordCont label{height:auto;margin-bottom:10px}.systematicplan .fundDetailsCont .fundValDetails.modePay{width:94px}.systematicplan .folioTitle{width:auto}.myAccWrapper .navTabs li a span{top:56px}.myAccWrapper .navTabs ul li{font-size:1.3em}.folioLinks ul li.statement a{padding:3px 16px 5px 20px}.myAccWrapper .myAccHeader ul li.statement a{padding:2px 16px 5px 20px}.linkFolioContainer .linkFolio{float:left;margin-top:15px}.linkFolioContainer .linkFolio .flag{float:left}.linkFolios .linkFolioInfo{width:100%;border-bottom:1px solid #ccc;padding-bottom:15px}.linkFolioContainer .feildWrapper .inputWrapper input[type=text]{width:180px}.investTabWrap ul.tab5 li{width:30px!important}.investStart .knowMor a.demo{right:0}} .jspCorner,.jspHorizontalBar .jspArrow,.jspHorizontalBar .jspCap{float:left}.jspContainer{overflow:hidden;position:relative;height:185px}.jspHorizontalBar,.jspPane,.jspVerticalBar{position:absolute}.jspVerticalBar{top:0;right:0;width:7px;height:100%;background:#001}.jspHorizontalBar{bottom:0;left:0;width:100%;height:16px;background:red}.jspDrag,.jspTrack{height:19px;position:absolute;cursor:pointer}.jspHorizontalBar *,.jspVerticalBar *{margin:0;padding:0}.jspCap{display:none}.jspTrack{background:#666;left:0;bottom:0;width:100%}.jspDrag{background:#284B73;overflow:hidden;width:7px}.jspArrowLeft,.jspArrowRight{bottom:0;height:19px;overflow:hidden;position:absolute;text-indent:-2000px;width:5px;z-index:1;display:block}.jspArrowRight{background:url(../image/scroll_right_bt.gif) right center no-repeat!important;right:0}.jspArrowLeft{background:url(../image/scroll_left_bt.gif) left center no-repeat!important;left:0}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspVerticalBar .jspArrow:focus{outline:0}.jspCorner{background:#eeeef4;height:100%}* html .jspCorner{margin:0 -3px 0 0} .datepick{background-color:#fff;color:#000;border:1px solid #444;border-radius:.25em;-moz-border-radius:.25em;-webkit-border-radius:.25em;font-family:Arial,Helvetica,Sans-serif;font-size:100%;margin-left:100px;z-index:999999}.datepick-rtl{direction:rtl}.datepick-popup{z-index:1000}.datepick-disable{position:absolute;z-index:100;background-color:#fff;opacity:.5;filter:alpha(opacity=50)}.datepick a{color:#fff;text-decoration:none}.datepick a.datepick-disabled{color:#888;cursor:auto}.datepick button{margin:.25em;padding:.125em 0;background-color:#fcc;border:none;border-radius:.25em;-moz-border-radius:.25em;-webkit-border-radius:.25em;font-weight:700}.datepick-ctrl,.datepick-nav{float:left;width:100%;background-color:#444;color:#fff;font-size:110%;font-weight:700;vertical-align:middle;height:1.2em}.datepick-cmd:hover,.datepick-ctrl{background-color:#777}.datepick-cmd{width:30%}.datepick-ctrl .datepick-cmd:hover{background-color:#034da2;width:20%;height:1.2em}.datepick-cmd-nextJump,.datepick-cmd-prevJump{width:8%}a.datepick-cmd{height:1.5em}button.datepick-cmd{text-align:center}.datepick-cmd-clear,.datepick-cmd-prev,.datepick-cmd-prevJump{float:left;padding-left:2%}.datepick-cmd-current,.datepick-cmd-today{float:left;width:35%;text-align:center}.datepick-cmd-close,.datepick-cmd-next,.datepick-cmd-nextJump{float:right;padding-right:2%;text-align:right}.datepick-rtl .datepick-cmd-clear,.datepick-rtl .datepick-cmd-prev,.datepick-rtl .datepick-cmd-prevJump{float:right;padding-left:0;padding-right:2%;text-align:right}.datepick-rtl .datepick-cmd-current,.datepick-rtl .datepick-cmd-today{float:right}.datepick-rtl .datepick-cmd-close,.datepick-rtl .datepick-cmd-next,.datepick-rtl .datepick-cmd-nextJump{float:left;padding-left:2%;padding-right:0;text-align:left}.datepick-month-nav{float:left;background-color:#777;text-align:center}.datepick-month-nav div{float:left;width:12.5%;margin:1%;padding:1%}.datepick-month-nav span{color:#888}.datepick-month-row{clear:left}.datepick-month{float:left;width:22em;border:1px solid #444;text-align:center}.datepick-month-header,.datepick-month-header input,.datepick-month-header select{height:2em;background-color:#CCC;color:#fff;font-weight:400;padding:.2em;position:relative}.datepick-month-header input,.datepick-month-header select{width:70px;height:2em;line-height:1.35em;margin:0;padding:0;font-size:100%;background:#FFF;color:#000;border:1px solid #999;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);-moz-opacity:100;-khtml-opacity:100;opacity:100;cursor:pointer;z-index:999999;position:absolute;top:2px;right:28px}.datepick-month-header input{position:absolute;display:none}.datepick-month table{width:100%;border-collapse:collapse}.datepick-month thead{border-bottom:1px solid #aaa}.datepick-month td,.datepick-month th{margin:0;padding:0;font-weight:400;text-align:center}.datepick-month a,.datepick-month span{display:block;width:100%;padding:.125em 0;font-size:100%}.datepick-month th{border:1px solid #777}.datepick-month th,.datepick-month th a{background-color:#777;color:#fff}.datepick-month td{background-color:#eee;border:1px solid #aaa}.datepick-month td.datepick-week{border:1px solid #777}.datepick-month td.datepick-week *{background-color:#777;color:#fff;border:none}.datepick-month a{background-color:#eee;color:#000;text-decoration:none}.datepick-month td span{color:#888;font-size:100%}.datepick-month td .datepick-other-month{background-color:#fff;font-size:100%}.datepick-month td .datepick-weekend{background-color:#ddd;font-size:100%}.datepick-month td .datepick-today{background-color:#88a7e1}.datepick-month td .datepick-highlight{background-color:#034da2;color:#FFF}.datepick-month td .datepick-selected,.datepick-month th.datepick-week{background-color:#777;color:#fff}.datepick-status{clear:both;background-color:#ddd;text-align:center}.datepick-clear-fix{clear:both} .webchatIdeal{background:#a5c7ea;float:left;position:fixed;bottom:0;right:10px;padding:0;top:auto;left:auto;width:300px;z-index:10;box-shadow:0 5px 5px 0 #3a4751;border-radius:5px 5px 0 0}.chatEnd{float:right;height:25px;margin:0;position:absolute;right:8px;top:10px;width:25px;background:url(../Images/closeCll.png) no-repeat}#chatUsDivPopup.formDiv{display:none;float:left;width:100%;padding:10px;box-sizing:border-box}.timeMsg{display:none!important} .webchatIdeal .headTop { background: #a5c7ea; float: left; padding: 10px 5px; width: 100%; position: relative; border-radius: 5px 5px 0 0; box-sizing: border-box } .webchatIdeal .headTop p { font-family: 'Ubuntu', sans-serif; font-size: 1.8em; font-weight: 400; text-transform: uppercase; color: #fff; width: auto; float: left }.headTop span{bottom:-10px;height:16px;left:10px;position:absolute;width:27px}#chatUsDivPopup.formDiv p{color:#333;float:left;font-size:1.3em;width:100%;line-height:18px;padding:20px 0}.startChatbtnclick,.webchatInputdiv .webchatInputbtn a{font-size:1.3em;line-height:30px;text-transform:uppercase}.webchatInputdiv{width:100%;float:left}.webchatInputfield{width:70%;float:left}.webchatInputdiv .webchatInputfield .webTxtinput{width:100%;border:1px solid #8e9cac;color:#333;float:left;font-family:robotolight,Arial,Helvetica,sans-serif;font-size:1.3em;height:30px;padding:10px;box-sizing:border-box}.webchatInputdiv .webchatInputbtn{width:30%;float:left}.webchatInputdiv .webchatInputbtn a{background:#f92f2f;float:right;padding:0 10px;text-align:center;width:auto;cursor:pointer;box-sizing:border-box;height:30px}.webchatClose{float:right;height:15px;margin:0;position:absolute;right:5px;top:10px;width:15px}.headTop>img{float:left;padding:0 5px 0 0}.webchatmini,.webchatmini.maxWindow,.webchatminiClose{float:right;height:25px;margin:0;position:absolute;right:8px;top:10px;width:25px}.webchatmini{background:url(../Images/arrowDn.png) no-repeat}.webchatminiClose{background:url(../Images/closeCll.png) no-repeat}.webchatmini.maxWindow{background:url(../Images/arrowUp.png) no-repeat}.webchatMaindiv{display:none}.startChatbtnclick{width:auto;margin:0 auto;padding:10px 30px;background:#f92f2f;color:#fff;height:30px}.startChatbtn{text-align:center}#chatUsDivPopup.formDiv .startChatbtn p{font-size:1.8em}#chatUsDivPopup.formDiv .startChatbtn a,.webchatInputdiv .webchatInputbtn a{color:#fff}.btnFeedbackCancel,.btnFeedbackSubmit{color:#fff!important;background-color:#337ab7!important;border:1px solid #337ab7!important;border-radius:5px;float:left;line-height:1em;padding:10px;text-align:center;text-transform:uppercase;width:100px;cursor:pointer}#frmChatDetails{height:400px;width:300px}#demoframe{height:400px;width:290px}#FeedbackIframe{height:349px;width:300px}