header{width:100%; float:left; position:relative; z-index:3} h1{font-size:3.8em; width:100%; float:left; font-weight:normal; color:#636363; font-family:'bnpp_sans_condensedlight'; margin-bottom:15px;} .headTitle h1{ margin:0 20px 0 0;text-align: center;} /************************ Common CSS START ****************************/ /*********** Transform Roatate -45deg Start **************/ .searchBox a.searchLink:before, .fpWrapRight .compareReturns p:after, ul.schemeUL li .schemeVal.up:after, ul.schemeUL li .schemeVal.down:before, .fpWrapRight .schemeBox .box:before, ul.valueUL > li ul.box > li .val.down:before, ul.valueUL > li ul.box > li .val.up:after, ul.breadcrumb li a:after, a.moneyMarketfunds:before, a.scrollTopClick:before, .countdown h3:before, ul.navUL > li:after, .tooltipWrap:after, .tooltipWrapBench:after, .tooltipWrapmatrix:after, a.closeBtn span:before, a.backBtn span:before, ul.latestNavUL .owl-buttons div:after, ul.leftSimplifiedUL .owl-buttons div:after, .dropdown h3:before, .selectedvalue:before, ul.ourFundCarouselUL li .cont p.arrowCont:after, ul.fundLinksUL li a:after, a.buttonStyle:before, a.searchClick:before, a.videoButton:after, a.videoButton:after, .expertWrap ul.expertUL .owl-buttons div:after, ul.ourFundCarouselUL .owl-buttons div:after{transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);} /*********** Transform Roatate -45deg End **************/ /*********** Transition 0.3s start **************/ .fixedOverlay, .overlay, .fundPopup, ul.accordionUL li h3:after, ul.accordionUL li h3:before, ul.breadcrumb li a, a.scrollTopClick, a.grayButton, .owl-controls .owl-buttons .owl-next, .owl-controls .owl-buttons .owl-prev, a.greenButton, ul.leftSimplifiedUL .active li, .investWrap .boxWrap p a, .investWrap .boxWrap p a:after, ul.navUL2 li a.searchClick, a.viewDetails, ul.fundLinksUL li a:after, ul.fundLinksUL li a:before, a.videoButton:after, a.videoButton, ul.formUL li .formEvent a:after, ul.formUL li .formEvent , ul.formUL li label, ul.lookingUL li a:after, ul.lookingUL li a, ul.navUL > li ul.subNavUL li a, ul.navUL > li > a, ul.navUL2 > li > a, ul.investUL li a, a.buttonStyle:before, ul.socialUL li a, .dropdown h3{transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;} /*********** Transition 0.3s -45deg End **************/ /*********** Transform translate 50% 50% End **************/ a.scrollTopClick:after, ul.navUL2 li a.searchClick:after{transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);} /*********** Transform translate 50% 50% End **************/ /*********** Box Shadow Start *************/ .commongreyWrapper .container .videoWrap, ul.videoUL li .img, .requirementWrapper .leftDiv, .distributorBox, .innerBanner .bannerDetails, ul.fundsManageUL li .vidBox, .popupBOD, .needhelpWrapper02 .leftCont, ul.ourFundCarouselUL li .fundBox, .needWrap .leftCont, .breadcrumbW, a.editInvestment:after, .fpWrapRight .schemeReturns, .fpWrapLeft, ul.valueUL li .box, .fundWrapper ul.ourFundCarouselUL li .fundBox, .awarenessWrapper .expertWrap ul.expertUL, .investBox, .needWrap .rightCont, .investWrap, ul.latestBox li, ul.rightSimplifiedUL li, ul.latestNavUL{ /*box-shadow:8px 8px 55px 0px rgba(95,95,95,0.30); -webkit-box-shadow:8px 8px 55px 0px rgba(95,95,95,0.30); -moz-box-shadow:8px 8px 55px 0px rgba(95,95,95,0.30); -o-box-shadow:8px 8px 55px 0px rgba(95,95,95,0.30); */ background:#fff } /*********** Box Shadow End *************/ /****** label Pattern start *********/ input[type=email], input[type=tel], input[type=text], textarea{position:relative; z-index:1; background:none; border-bottom:1px solid #ff5c33; transition:all ease 0.2s; -webkit-transition:all ease 0.2s; -moz-transition:all ease 0.2s; -o-transition:all ease 0.2s; font-family:Arial, Helvetica, sans-serif; width:100%; padding:0 0 5px 0; font-size:1.6em; overflow:hidden; box-shadow:none } input[type=text] + label span, input[type=tel] + label span, input[type=email] + label span{color:#f20101 } input[type=text] + label, input[type=tel] + label, input[type=email] + label, textarea + label {width:100%; float:left; position:absolute; left:0; top:22px; transition:all ease 0.2s; -webkit-transition:all ease 0.2s; -moz-transition:all ease 0.2s; -o-transition:all ease 0.2s; padding:3px 0 0 0px; box-sizing:border-box; opacity:1; font-size:14px; z-index:0; color:#5f5f5f;} input[type=text]:visited, input[type=text]:focus + label, input[type=text]:valid + label, input[type=tel]:visited, input[type=tel]:focus + label, input[type=tel]:valid + label, input[type=email]:visited, input[type=email]:focus + label, input[type=email]:valid + label, input.filled + label, textarea:visited, textarea:focus + label, textarea:valid + label{top:0px; font-size:13px;} input[type=text]:focus + label, input[type=tel]:focus + label, input[type=email]:focus + label, textarea:focus + label{color:#00925c; border:none; } input[type=text]:visited, input[type=tel]:visited, input[type=email]:visited, textarea:visited{border:none} input[type=text]:required, input[type=tel]:required, input[type=email]:required, textarea:required{box-shadow:none; outline:none} input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus {border-bottom-color:#00925c} /****** label Pattern End *********/ /************* Checkbox and radio buttons start ********/ .pure-checkbox input[type="checkbox"], .pure-radiobutton input[type="checkbox"], .pure-checkbox input[type="radio"], .pure-radiobutton input[type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .pure-checkbox input[type="checkbox"]:focus + label:before, .pure-radiobutton input[type="checkbox"]:focus + label:before, .pure-checkbox input[type="radio"]:focus + label:before, .pure-radiobutton input[type="radio"]:focus + label:before, .pure-checkbox input[type="checkbox"]:hover + label:before, .pure-radiobutton input[type="checkbox"]:hover + label:before, .pure-checkbox input[type="radio"]:hover + label:before, .pure-radiobutton input[type="radio"]:hover + label:before { border-color: #00965e; background-color: #f2f2f2;} .pure-checkbox input[type="checkbox"]:active + label:before, .pure-radiobutton input[type="checkbox"]:active + label:before, .pure-checkbox input[type="radio"]:active + label:before, .pure-radiobutton input[type="radio"]:active + label:before { transition-duration: 0s; } .pure-checkbox input[type="checkbox"] + label, .pure-radiobutton input[type="checkbox"] + label, .pure-checkbox input[type="radio"] + label, .pure-radiobutton input[type="radio"] + label { position: relative; padding-left: 30px; vertical-align: middle; user-select: none; cursor: pointer; color:#5f5f5f; font-size:1.4em; float:left;} .pure-checkbox input[type="checkbox"] + label:before, .pure-radiobutton input[type="checkbox"] + label:before, .pure-checkbox input[type="radio"] + label:before, .pure-radiobutton input[type="radio"] + label:before { box-sizing: content-box; content: ''; color: #00965e; position: absolute; top: 0; left: 0; width: 14px; height: 14px; margin-top: 3px; border: 2px solid #ff5c33; text-align: center; transition: all 0.4s ease;} .pure-checkbox input[type="checkbox"] + label:after, .pure-radiobutton input[type="checkbox"] + label:after, .pure-checkbox input[type="radio"] + label:after, .pure-radiobutton input[type="radio"] + label:after { box-sizing: content-box; content: ''; background-color: #00965e; position: absolute; top: 0; left: 4px; width: 10px; height: 10px; margin-top: -5px; transform: scale(0); transform-origin: 50%; transition: transform 200ms ease-out;} .pure-checkbox input[type="checkbox"]:disabled + label:before, .pure-radiobutton input[type="checkbox"]:disabled + label:before, .pure-checkbox input[type="radio"]:disabled + label:before, .pure-radiobutton input[type="radio"]:disabled + label:before { border-color: #cccccc; } .pure-checkbox input[type="checkbox"]:disabled:focus + label:before, .pure-radiobutton input[type="checkbox"]:disabled:focus + label:before, .pure-checkbox input[type="radio"]:disabled:focus + label:before, .pure-radiobutton input[type="radio"]:disabled:focus + label:before, .pure-checkbox input[type="checkbox"]:disabled:hover + label:before, .pure-radiobutton input[type="checkbox"]:disabled:hover + label:before, .pure-checkbox input[type="radio"]:disabled:hover + label:before, .pure-radiobutton input[type="radio"]:disabled:hover + label:before { background-color: inherit; } .pure-checkbox input[type="checkbox"]:disabled:checked + label:before, .pure-radiobutton input[type="checkbox"]:disabled:checked + label:before, .pure-checkbox input[type="radio"]:disabled:checked + label:before, .pure-radiobutton input[type="radio"]:disabled:checked + label:before { background-color: #cccccc; } .pure-checkbox input[type="checkbox"] + label:after, .pure-radiobutton input[type="checkbox"] + label:after { background-color: transparent; top: 0; left: 4px; width: 8px; height: 3px; margin-top: 8px; border-style: solid; border-color: #ffffff; border-width: 0 0 3px 3px; border-image: none; transform: rotate(-45deg) scale(0);} .pure-checkbox input[type="checkbox"]:checked + label:after, .pure-radiobutton input[type="checkbox"]:checked + label:after {content:''; transform:rotate(-45deg) scale(1); transition:transform 200ms ease-out;} .pure-checkbox input[type="radio"]:checked + label:before, .pure-radiobutton input[type="radio"]:checked + label:before { animation: borderscale 300ms ease-in; background-color: white;} .pure-checkbox input[type="radio"]:checked + label:after, .pure-radiobutton input[type="radio"]:checked + label:after { transform: scale(1); } .pure-checkbox input[type="radio"] + label:before, .pure-radiobutton input[type="radio"] + label:before, .pure-checkbox input[type="radio"] + label:after, .pure-radiobutton input[type="radio"] + label:after { border-radius: 50%; } .pure-checkbox input[type="checkbox"]:checked + label:before, .pure-radiobutton input[type="checkbox"]:checked + label:before { animation: borderscale 200ms ease-in; background: #00965e; border: 2px solid #00965e;} .pure-checkbox input[type="checkbox"]:checked + label:after, .pure-radiobutton input[type="checkbox"]:checked + label:after { transform: rotate(-45deg) scale(1); } @keyframes borderscale { 50% { box-shadow: 0 0 0 2px #00965e;}} /************* Checkbox and radio buttons end ********/ /************************ Common CSS End ****************************/ .socialNav{width:100%; float:left; padding:15px 20px; box-sizing:border-box; background:#00965e; position:relative; z-index:3} ul.socialUL{width:auto; float:left;} ul.socialUL li{width:auto; float:left; min-width:20px; min-height:20px; box-sizing:border-box; margin-left:20px;} ul.socialUL li:first-child{margin:0} ul.socialUL li a{display:block; float:left; background:url(../images/sprite-bnp.png) no-repeat 0 1px; overflow:hidden; text-indent:-99px; width:100%; height:20px; opacity:0.5; } ul.socialUL li a.facebook{background-position:-48px 2px} ul.socialUL li a.twitter{background-position:-88px 1px} ul.socialUL li a.linkedin{background-position:-127px 0} ul.socialUL li a.youtube{background-position:-166px 2px} ul.socialUL li a:hover,ul.socialUL li a:active{opacity:1} .midHeader{width:100%; float:left; padding:15px 20px; box-sizing:border-box; height:100%; box-sizing:border-box; display:table; z-index:3; position:relative; background:#fff} .midHeader .logobnp{float:left; display:block} .midHeader h2{width:auto; color:#2d2926; margin: 25px 0 0 100px; font-weight:normal; font-size:1.4em; font-family:'bnpp_squarebold'} .midHeader aside{width:auto; margin:0; padding:15px 0; float:right; } a.buttonStyle{background:#00965e; color:#fff; font-size:1.2em; text-transform:uppercase; line-height:35px; height:35px; text-align:center; padding:0 45px 0 20px; box-sizing:border-box; display:table; border-radius:3px; position:relative; float:right; font-family:'bnpp_squareregular';} a.buttonStyle:after{content:''; display:block; position:absolute; right:20px; top:10px; height:13px; width:1px; background:#fff; } a.buttonStyle:before{content:''; display:block; position:absolute; right:16px; bottom:12px; height:0; width:0; border:1px solid #fff; padding:3px; border-color:transparent transparent #fff #fff; } a.buttonStyle.activate:after{top:12px; border-color: #fff #fff transparent transparent;} a.buttonStyle.activate:before{bottom:auto; top:12px; border-color: #fff #fff transparent transparent;} /* a.grayButton{background:#d3d3d3; color:#636363; font-size:1.2em; text-transform:uppercase; line-height:40px; height:40px; text-align:center; padding:0 20px; box-sizing:border-box; display:inline-block; border-radius:3px; position:relative; font-family:'bnpp_squareregular'; box-shadow:0px 0px 0px 0px #bcc2c0; -webkit-box-shadow:0px 0px 0px 0px #bcc2c0; -moz-box-shadow:0px 0px 0px 0px #bcc2c0; -o-box-shadow:0px 0px 0px 0px #bcc2c0; transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1);} a.grayButton:hover{box-shadow:2px 3px 10px -1px #505050; -webkit-box-shadow:2px 3px 10px -1px #505050; -moz-box-shadow:2px 3px 10px -1px #505050; -o-box-shadow:2px 3px 10px -1px #505050; transform:scale(1.01,1.01); -webkit-transform:scale(1.01,1.01); -moz-transform:scale(1.01,1.01); -o-transform:scale(1.01,1.01);} a.greenButton{cursor:pointer; color:#fff; background:#00965e; height:40px; line-height:40px; text-align:center; padding:0 40px; border-radius:3px; float:left; font-size:1.2em; font-family:'bnpp_squareregular'; text-transform:uppercase; box-sizing:border-box; box-shadow:0px 0px 0px 0px #86c5b1; -webkit-box-shadow:0px 0px 0px 0px #86c5b1; -moz-box-shadow:0px 0px 0px 0px #86c5b1; -o-box-shadow:0px 0px 0px 0px #86c5b1; transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); position:relative; z-index:0} a.greenButton:hover{box-shadow:2px 5px 11px -1px #86c5b1; -webkit-box-shadow:2px 5px 11px -1px #86c5b1; -moz-box-shadow:2px 5px 11px -1px #86c5b1; -o-box-shadow:2px 5px 11px -1px #86c5b1; transform:scale(1.01,1.01); -webkit-transform:scale(1.01,1.01); -moz-transform:scale(1.01,1.01); -o-transform:scale(1.01,1.01);} ul.bannerUL li a.greenButton{color:#00965e; background:#fff; box-shadow:0px 0px 0px 0px #007953; -webkit-box-shadow:0px 0px 0px 0px #007953; -moz-box-shadow:0px 0px 0px 0px #007953; -o-box-shadow:0px 0px 0px 0px #007953; } ul.bannerUL li a.greenButton:hover{box-shadow:4px 6px 10px 2px #007953; -webkit-box-shadow:4px 6px 10px 2px #007953; -moz-box-shadow:4px 6px 10px 2px #007953; -o-box-shadow:4px 6px 10px 2px #007953; } */ a.grayButton{color:#fff;background: #57585c; font-size:1.2em; text-transform:uppercase; line-height:38px; height:38px; text-align:center; padding:0 20px; box-sizing:border-box; display:inline-block; position:relative; font-family:'bnpp_squareregular'; z-index:0; font-weight:normal} a.grayButton:before{width:100%; height:100%; content:''; display:block; position:absolute; left:0; top:0; z-index:-1;} a.grayButton:hover:before{box-shadow: 0px 7px 13px -1px #505050; -webkit-box-shadow: 0px 7px 13px -1px #505050; -moz-box-shadow:2px 3px 10px -1px #505050; -o-box-shadow:2px 3px 10px -1px #505050; transform:scale(1.01,1.01); -webkit-transform:scale(1.00,1.01); -moz-transform:scale(1.01,1.01); -o-transform:scale(1.01,1.01);} a.greenButton{cursor:pointer; color:#fff; height:40px; line-height:40px; text-align:center; padding:0 40px; float:left; font-size:1.2em; font-family:'bnpp_squareregular'; text-transform:uppercase; box-sizing:border-box; position:relative; z-index:0; } a.greenButton:before{width:100%; height:100%; content:''; display:block; position:absolute; left:0; top:0; background:#57585c; z-index:-1; box-shadow:0px 0px 0px 0px #86c5b1; -webkit-box-shadow:0px 0px 0px 0px #86c5b1; -moz-box-shadow:0px 0px 0px 0px #86c5b1; -o-box-shadow:0px 0px 0px 0px #86c5b1; transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s; } a.greenButton:hover:before{ box-shadow: 0px 7px 13px -1px #505050; -webkit-box-shadow: 0px 7px 13px -1px #505050; -moz-box-shadow:2px 3px 10px -1px #505050; -o-box-shadow:2px 3px 10px -1px #505050; transform:scale(1.01,1.01); -webkit-transform:scale(1.00,1.01); -moz-transform:scale(1.01,1.01); -o-transform:scale(1.01,1.01); } ul.bannerUL li a.greenButton{color:#57585c; } ul.bannerUL li a.greenButton:before{background:#fff; box-shadow:0px 0px 0px 0px #007953; -webkit-box-shadow:0px 0px 0px 0px #007953; -moz-box-shadow:0px 0px 0px 0px #007953; -o-box-shadow:0px 0px 0px 0px #007953;} /*ul.bannerUL li a.greenButton:hover:before{box-shadow:4px 6px 10px 2px #007953; -webkit-box-shadow:4px 6px 10px 2px #007953; -moz-box-shadow:4px 6px 10px 2px #007953; -o-box-shadow:4px 6px 10px 2px #007953; }*/ a.searchClick{border-bottom:1px solid #5f5f5f; padding:5px 115px 8px 0; box-sizing:border-box; float:left; margin:8px 40px 0 0; color:#5f5f5f; font-size:1.4em; position:relative ; font-family:Arial, Helvetica, sans-serif;} a.searchClick:after{width:15px; height:15px; border-radius:20px; content:''; display:block; position:absolute; right:3px; bottom:12px; border:1px solid #5f5f5f; border-radius:15px;} a.searchClick:before{width:1px!important; height:8px; content:''; display:block; position:absolute; right:2px; bottom:8px; left: auto!important; top: auto!important; background:#5f5f5f; } a.menuIcon{display:none} nav{width:100%; float:left; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; height:55px; background:#fff; top:0; left:0; position:relative; z-index:1} .navW{width:100%; float:left;} .investnowWrap{width:auto; float:left; position:absolute; z-index:1; right:25px; top:-70px; z-index:3} .midHeader aside a.searchClick{margin:8px 0px 0 0} ul.investUL{position:absolute; top:36px; right:0; background:#ffffff; border:1px solid #d2d2d2; width:266px; display:none} ul.investUL li{width:100%; float:left; border-top:1px solid #d2d2d2; } ul.investUL li:first-child{border:none} ul.investUL li a{padding:20px 20px; width:auto; float:left; font-size:1.4em; font-family:'bnpp_squareregular';} ul.investUL li a:hover{color:#00965e} ul.navUL, ul.navUL2{width:auto; /*float:left;*/ } /*ul.navUL{overflow:hidden}*/ ul.navUL > li, ul.navUL2 > li{width:auto; float:left;} ul.navUL > li > a, ul.navUL2 > li > a{width:auto; float:left; padding:0px 25px; box-sizing:border-box; color:#6b4474;border-right: 1px solid #d7d7d7; font-size:1.2em; font-family:'bnpp_squarebold'; position:relative; /*border-right:1px solid #d7d7d7;*/ line-height:55px; text-transform:uppercase} ul.navUL:first-child > li:first-child > a{border-left:1px solid #d7d7d7; overflow:hidden; width:70px; transition:all ease 0.3s; height:55px; position:relative} ul.navUL > li:first-child > a.selected{background:none} ul.navUL > li ul.subNavUL li.titleLI{border-top: none !important; } ul.navUL > li ul.subNavUL li.titleLI h3{font-size: 1.2em; color: #fff; padding: 0px; font-weight: normal;} /*ul.navUL > li ul.subNavUL li.titleLI h3:hover{color: #f25d3c;} */ .fixedActice ul.navUL:first-child > li:first-child > a{width:200px;} .fixedActice ul.navUL2 > li:first-child > a, ul.navUL02 > li:first-child > a{width:auto; border:none} ul.navUL li .bnpHome{transition:all ease 0.3s; width:150px; position:absolute; top:-50px;} ul.navUL li .bnpHome01{transition:all ease 0.3s; width: 20px; height: 19px;} .fixedActice ul.navUL li .bnpHome{ width:150px; top:6px;} .fixedActice ul.navUL li .bnpHome01{position:absolute; opacity:0; top:60px;} .stage2Nav{width:100%; float:left; background:#2d2926; padding:30px 5%; box-sizing:border-box; position:absolute; left:0; top:56px; display:none; } .learnMoreInner p a{text-decoration: underline;} ul.navUL2 li{position:relative} ul.navUL2 li .stage2Nav{left:auto; right:0; width:300px; padding:50px 25px; box-sizing:border-box} ul.navUL2 li .stage2Nav ul.subNavUL{width:100%;} .navImg{width:auto; float:right; border: 3px solid #171717; box-sizing:border-box; position:relative; height: 185px;} .navImg img { display: block; max-width: 100%; height: 100%; object-fit: cover; } .navImg.overlay-img img { opacity: .6; transition: opacity .3s ease; -webkit-transition: opacity .3s ease; -webkit-backface-visibility: hidden; } .navImg.overlay-img:hover img { opacity: 1; } /*ul.navUL > li ul.subNavUL.right-img {padding: 0px;}*/ .navImg .cont{width:100%; height:100%; position:absolute; z-index:1; left:0; top:0; display:table; text-align:center; padding:0 20px; box-sizing:border-box} .navImg .cont p{color:#f3f3f3; font-size:1.8em; display:table-cell; vertical-align:middle; font-family:'bnpp_squareregular'; line-height:1.5em } ul.navUL2{float:right} ul.navUL2 > li > a{border:none} ul.navUL2 li a.searchClick{box-sizing:border-box; float:left; margin:0; color:#5f5f5f; font-size:1.4em; position:relative; text-indent:-99px; overflow:hidden; width:0px; height:0px; padding:0; } ul.navUL2 li a.searchClick:after{width:15px; height:15px; border-radius:20px; content:''; display:block; position:absolute; right:auto; bottom:auto; left:50%; top:50%; border:1px solid #5f5f5f; border-radius:15px;} ul.navUL2 li a.searchClick:before{width:1px; height:8px; content:''; display:block; position:absolute; right:18px; bottom:14px; background:#5f5f5f; } ul.navUL > li ul.subNavUL{position:relative; top:0; left:0; width: calc(26% - 40px); float:left; padding:0 20px; } /*ul.navUL > li ul.subNavUL.right-img {width: 25%;}*/ ul.navUL > li ul.subNavUL li{width:100%; float:left; /*border-bottom:1px solid #d2d2d2; */ } /*ul.navUL > li ul.subNavUL li:first-child{border-top:1px solid #d2d2d2; }*/ ul.navUL > li ul.subNavUL li a{padding: 2px 5px 6px 13px; width:100%; float:left; font-size:1.4em; font-family:'bnpp_squareregular'; box-sizing:border-box; position:relative; color:#fff} ul.navUL > li ul.subNavUL li a:hover{color:#f25d3c} ul.navUL > li ul.subNavUL li a:hover:after{border-color:#00965e} ul.navUL > li a.investNowW{background:#f25d3c; color:#fff; position:relative; padding:0 25px; width:auto;} ul.navUL > li a.investNowW:before{width:20px; height:20px; border-radius:20px; content:''; position:absolute; right:15px; top:50%; margin-top:-10px; background:url(../images/sprite-bnp.png) no-repeat -316px -40px; border:1px solid #fff; display:none; } ul.navUL2 > li ul.subNavUL{left:auto; right:0} nav .navUL02{display:none} ul.navUL > li:hover > a, ul.navUL > li > a.selected{background: transparent; color: #01a66e;} ul.navUL > li:hover a.investNowW {color: #fff;} ul.navUL > li ul.subNavUL li a.selected{color:#00965e} ul.navUL > li ul.subNavUL li a:active:after, ul.navUL > li ul.subNavUL li a.selected:after{border-color:#00965e} ul.navUL > li:hover .stage2Nav{display:block} .fixedActice ul.navUL > li:first-child:hover > a, .fixedActice ul.navUL > li:first-child > a.active{background:none} ul.navUL2 > li:first-child:hover > a, ul.navUL2 > li:first-child > a.active{background:#00965e} .fixedActice ul.navUL2 > li:first-child:hover > a, .fixedActice ul.navUL2 > li:first-child > a.active{background:#00965e} ul.navUL > li > a.distributorLink{background:#641a49} ul.navUL > li > a.distributorLink:active, ul.navUL > li > a.distributorLink:hover{background:#641a49; color:#fff} .fixedActice nav{position:fixed; left:0; top:0; z-index:3;display:block; } .fixedActice section, .fixedActice footer{position:relative; top:55px;} .fixedActice ul.navUL2 li a.searchClick{width:55px; height:55px; padding:0 25px; } .searchWrapper{width:100%; float:left; height:80%; background:#fff; position:fixed; z-index:2; top:0; left:0; display:none; padding:50px; box-sizing:border-box; border-top:1px solid #b1b1b1} .searchWrapper h2{color:#b1b1b1} .searchWrapper .container{padding:0} .searchActive{overflow:hidden !important; height:100%; width:100%;} .searchWrapper p{font-size:2em; color:#b1b1b1; margin:25px 0} .searchWrapper a.closeBtn{position:relative; float:right; width:60px; height:60px; padding:0; text-indent:-99px;; overflow:hidden; border-left:1px solid #cacaca} .searchWrapper a.closeBtn span:after, .searchWrapper a.closeBtn span:before{width:40px; background:#717171; transition:all ease 0.3s} .searchWrapper a.closeBtn:hover span:after, .searchWrapper a.closeBtn:hover span:before{background:#00965e; height:2px;} .searchWrapper a.closeBtn:after{display:none} .searchWrapper main .midWrap{margin:0; padding:0} .searchWrapper a.closeBtn span{color:#b1b1b1;} .searchActive header a.searchClick{opacity:0; visibility:hidden} .searchWrapper .searchRow{width:100%; float:left; border:1px solid #cacaca; box-sizing:border-box; height:60px; line-height:60px; overflow:hidden} .searchWrapper .searchRow a.searchClick{ border:none; padding:0; width:60px; height:60px; line-height:50px; text-indent:-99px; float:left; margin:0; overflow:hidden; } .searchWrapper .searchRow a.searchClick:after{right:auto; left:50%; top:50%; margin:-12px 0 0 -12px; width:20px; height:20px; border-radius:20px; } .searchWrapper .searchRow a.searchClick:before{right:20px; bottom:13px; height:12px} .searchWrapper .searchRow input[type=text]{height:60px; line-height:60px; border:none; font-size:2.4em; color:#b1b1b1; width:80%; padding:0 0 0 10px; box-sizing:border-box; } .searchActive header .searchWrapper a.searchClick{opacity:1; visibility:visible} .searchWrapper .searchResultWrap, .searchWrapper .searchResultRow{width:100%; float:left; margin:20px 0 0 0} .searchWrapper .searchResultRow{padding:20px 0; border-bottom:1px solid #b1b1b1; margin:0} .searchWrapper .searchResultRow h3{color:#b1b1b1; width:100%; float:left; font-size:2em; padding:0; font-weight:normal; margin:0 0 10px 0} .searchWrapper .searchResultRow p{color:#b1b1b1; width:100%; float:left; font-size:1.4em; padding:0; margin:0 } .searchWrapper .searchResultRow p a{color:#b1b1b1; transition:all ease 0.3s; margin:0 0 0 2px; } .searchWrapper .searchResultRow p a:hover{color:#00965e; border-color:#00965e} .searchWrapper .mostSearchResultRow p a{border:1px solid #b1b1b1; padding:10px 20px; border-radius:20px; margin:5px 5px 5px 0px; float:left } footer{width:100%; float:left;} a.scrollTopClick{width:50px; height:50px; float:left; text-indent:-99px; background:#5f5f5f; position:fixed; top:auto; bottom:-100px; right:25px; overflow:hidden; border-radius:50px; z-index:5; opacity:0.7} a.scrollTopClick.scrollActive{bottom:10px;} a.scrollTopClick.scrollActiveAbsolute{bottom:auto; top:-25px; position:absolute; opacity:1} a.scrollTopClick:after{width:1px; height:25px; background:#fff; content:''; position:absolute; left:50%; top:50%; margin:-1px 0 0 1px;} a.scrollTopClick:before{width:0; height:0; padding:5px; content:''; display:block; position:absolute; left:50%; top:50%; border:1px solid #fff; border-color:#fff #fff transparent transparent; margin:-12px 0 0 -5px; box-sizing:border-box } footer article{background:#e9721c; padding:15px 20px; box-sizing:border-box} footer article p{width:auto; margin:0 auto; display:table; opacity:0.7; color:#fff; font-size:1.3em} footer article p a{color:#fff; opacity:1; text-transform:uppercase; margin:0 10px 0 0;} footer .topFooter{width:100%; float:left; padding:40px 30px; box-sizing:border-box; background:#5f5f5f;position: relative;} footer ul.footerLinksUL{width:100%; text-align: center;} footer ul.footerLinksUL li{width:auto; border-left:1px solid #fff; padding:0px 10px; box-sizing:border-box;display: inline-table;text-align: center;} footer ul.footerLinksUL li:first-child{border:none; padding-left:0} footer ul.footerLinksUL li a{width:auto; float:left; color:#fff; font-size:1.3em; padding:0; margin:0; line-height:1.2em; font-family:'bnpp_squareregular';} footer .midHeader ul.footerLinksUL li a:hover, footer .midHeader ul.footerLinksUL li a.activate, footer ul.footerLinksUL li a:hover, footer ul.footerLinksUL li a:active, footer ul.footerLinksUL li a.activate{color:#00975c;} footer .midHeader ul.footerLinksUL li a:hover, footer .midHeader ul.footerLinksUL li a.activate, footer ul.footerLinksULnew li a:hover, footer ul.footerLinksULnew li a:active, footer ul.footerLinksUL li a.activate { color: #7a7a7a; } footer .ftCont{width:100%; float:left; margin:20px 0 0 0} footer .ftCont p{font-size:1.3em; color:#fff; line-height:1.5em;text-align: center;} footer .ftCont p a{color:#f3f3f3; border-bottom:1px solid #9a9a9a;} footer .ftCont p.copyright{margin:0; width:auto; float:left} footer .logobnp img{width:180px} footer h2{width:auto; float:left; margin:18px 0 0 50px; color:#2d2926; font-weight:normal; font-size:1.2em; font-family:'bnpp_squarebold';} footer .midHeader{ /*border-top:4px solid #00975c;*/ } footer .midHeader ul.footerLinksUL{width:auto; float:right; margin:20px 0 0 0} footer .midHeader ul.footerLinksUL li{border-color:#7a7a7a} footer .midHeader ul.footerLinksUL li a{color:#7a7a7a} footer .socialNav{background:none; margin:15px 0 0 0; padding:0; width:100%; position:relative } footer .socialNav ul.socialUL{position:absolute; right:0; top:0; z-index:1; display:none} footer .socialNav ul.socialUL li{color:#f3f3f3; font-size:1.2em; line-height:2em} footer .socialNav ul.socialUL li:first-child{margin:0; padding:0} footer h3{width:100%; float:left;font-weight:normal; color:#ffffff; font-size:1.4em; margin:0 0 25px 0; line-height:35px;} footer h3 a{width:auto; padding:0 20px; background:#e9721c; text-transform:uppercase; line-height:35px; height:35px; display:inline-block; color:#fff; text-decoration:none; margin:0 10px; } section, article{width:100%; float:left;} .investTree {padding-top: 40px;} main{width:1200px; margin:0 auto; display:block;} .container{width:100%; border-bottom:none; /*padding:50px 0px;*/ box-sizing:border-box; position:relative,} .midWrap{margin:40px 0 40px 0; width:100%; float:left; padding:0 } .headTitle{width:100%; float:left;margin-top: 15px;} h2{font-family:'bnpp_sans_condensedlight'; font-size:3em; float:left; font-weight:normal; color:#5f5f5f; width:100%; line-height:1em} .headTitlenew h2{color:#5f5f5f; margin:0 40px 0 0; font-size:3em ; line-height:1.4em;text-align: center; text-transform: uppercase;} .headTitlenew h2:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; top: 5px; position: relative; } .headTitlenew h2:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 420px; top: 5px; } .headTitle h2 { display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-transform: uppercase; } .Expert:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; position: relative; } .Expert:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 320px; } .Expert { display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; } ul.bulletULcre li:first-child {border-bottom: none !important; border-left: none;} .bulletULcre{display: inline-flex;} .ourinv{ border-bottom: 1px solid;width: 300px !important; } .bulletULcre li{ border-left: 1px solid #0005; } ul.bulletULcre li{ text-align: center; } .bulletULcre li a{text-align: center;float: none !important;} .newsContainer{padding-bottom:0 !important} .expertArticlenew{margin-bottom:30px;} .bulletULcre li a{ text-decoration: underline; } .bulletULcre{ margin-top: 20px; } .mantxt ul li{ width: 280px; float: left; height: 250px; padding: 20px 20px 25px 25px; margin: 40px 10px; box-sizing: border-box; box-shadow: 0px 0px 9px 0px rgb(95 95 95 / 32%); background: #fff; } .rdnbtn a{ color:#fff; text-transform: uppercase; font-size: 15px; font-weight: 600; display: block; } .rdnbtn{ text-decoration: none; border-radius: 3px; width: 20%; float: right; font-size: 14px; text-align: center; line-height: 40px; margin-bottom: 5px; top:45px; position: relative; background: #f25d3c; color: #fff !important; } .rdnbtn:hover{ background: #00965e; } .hedntag{ font-size: 1.9em !important; line-height: 26px; font-weight: bold; margin-bottom: 10px; color: #000; font-family: 'bnpp_squarelight'; cursor: pointer; height: 50px; } .mantxt ul li p{ margin-bottom: 15px; line-height: 1.2; height: 50px; font-size: 1.5em; } .expertArticlenw{ background-color: #ededed; position: relative; z-index: 1; border-top: 2px solid #ff5c33; border-bottom: 2px solid #ff5c33; /*padding-bottom: 35px;*/ } .headCont{min-height:45px; width:auto; float:left;} .headCont p{display:table-cell; vertical-align:middle; height:45px; width:450px; padding:0 20px 0 0px; font-size:1.6em; color:#5f5f5f; box-sizing:border-box} .headCont p span{width:100%; float:left; color:#919191; margin:0 0 5px 0; font-size:0.8em} .headContNews p{width:450px;} .ourfundWrapper.whiteBg {background: #f9f9f9!important; margin: 0px; padding: 30px 0;} .ourfundWrapper{background:#eaeaea; margin-bottom: 30px;} .needhelpWrapper{position:relative; z-index:1} .needhelpWrapper:before{width:100%; height:50%; position:absolute; left:0; top:0; background:#dfe4e8; content:''; display:block; z-index:-2} .needhelpWrapper:after{width:100%; background:#dfe4e8; no-repeat right 0; height:50%; content:''; position:absolute; right:0; top:0; z-index:-1} .downloadWrapper{background:#e8e8e8} .ourfundWrapper .headTitle h2, .ourfundWrapper .headTitle p, .ourfundWrapper .headTitle h2, .ourfundWrapper .headTitle span{color:#636363} .ourfundWrapper .midWrap{position:relative; margin:40px 0 0 0;} .ourfundWrapper a.grayButton{position:absolute; left:60px; bottom:-30px} a.moneyMarketfunds{color:#f3f3f3; position:absolute; right:0; top:0; font-size:1.2em; height:35px; line-height:33px; padding:0 35px 0 0; font-family:'bnpp_squarelight'; display:none} a.moneyMarketfunds:after{content:''; display:block; position:absolute; right:20px; top:10px; height:13px; width:1px; background:#fff; } a.moneyMarketfunds:before{content:''; display:block; position:absolute; right:16px; bottom:12px; height:0; width:0; border:1px solid #fff; padding:3px; border-color:transparent transparent #fff #fff; } .ourfundWrapper ul.ourFundCarouselUL > li {width: 100%;} .ourfundWrapper ul.ourFundCarouselUL > li:first-child {margin-bottom: 30px;} .ourfundWrapper ul.ourFundCarouselUL li .fundBox { position:relative; box-shadow: 0 5px 10px 5px rgb(0 0 0 / 5%); border-radius: 10px; border: 0px;} .fndbx{ padding-left:30px; } .fund-overview {box-shadow: 0 5px 10px 5px rgb(0 0 0 / 5%); border-radius: 10px; padding: 15px 15px;background: #fff; width: 660px;} .fund-overview img {width: 574px;} .fund-overview h3 {color: #5f5f5f; font-size: 2em; font-family: 'bnpp_squarelight'; margin-bottom : 10px; cursor: pointer;} .fundWrapper {margin-bottom: 40px;} /********* Banner Start ***************/ ul.bannerUL, ul.bannerUL li{width:100%; float:left; position:relative; height:600px; overflow:hidden;} ul.bannerUL li img{width:100%;height:100%; float:left; opacity:0; transition:all ease 1s; position:relative; } ul.bannerUL li .bannerDesc{width:500px; position:absolute; bottom:0; right:9%; background:#57585c; border-radius: 4px 4px 0 0; padding:35px 30px; box-sizing:border-box; z-index:1; opacity:0; transition:all ease 0.8s} ul.bannerUL li .bannerDescLeft{right:auto; left:8%;} ul.bannerUL li .bannerDesc h2{font-family:'bnpp_sans_condensedlight'; font-size:3.8em; width:100%; float:left; color:#fff; line-height:1em; font-weight:normal } ul.bannerUL li .bannerDesc p, .boxWrap p{font-size:1.6em; color:#f3f3f3; margin:10px 0 25px 0; width:100%; float:left} ul.bannerUL .active li .bannerDesc{opacity:1; right:10%} ul.bannerUL .active li .bannerDescLeft{right:auto; left:10%;} ul.bannerUL .active li img{opacity:1; } ul.bannerUL .owl-controls{position:absolute; bottom:20px; left:20px; width:100%;} ul.bannerUL .owl-controls .owl-pagination{width:auto; display:table; margin:0; float:left;} ul.bannerUL .owl-controls .owl-pagination .owl-page{width:10px; height:10px; background:#beb09a; float:left; border-radius:10px; margin:0 10px 0 0 ;} ul.bannerUL .owl-controls .owl-pagination .owl-page.active{background:#ffffff} /********* Banner End ***************/ .investWrap{width:100%; float:left; position:relative; } .investWrap img{float:left; position:absolute; right:60%; display:table; height:90%; top:5%;} .boxWrap{width:50%; float:right; padding:90px 50px 90px 0px; box-sizing:border-box} .boxWrap h2, .boxWrap p{color:#636363} .createFolioWrapper{background:#e8e8e8} .createFolioWrapper .investWrap{box-shadow:none; padding:0; background:none} .createFolioWrapper .boxWrap{padding:0} .createFolioWrapper .investWrap img{height:100%; right:60%} article.lookingWrapper main .container{position:relative; padding-bottom:0; padding-right:0} article.lookingWrapper .lookingImg{position:relative; right:0; bottom:0; float:right} ul.lookingUL{width:300px; float:left; position:relative; left:15%; margin:20px 0 0 0 } ul.lookingUL li{width:100%; float:left; } ul.lookingUL li a{color:#636363; font-size:2.4em; font-family:'bnpp_squarelight'; position:relative; left:0; padding-left:0; line-height:1em; border-bottom:1px solid #ababab; width:100%; float:left; padding:10px 0; box-sizing:border-box} ul.lookingUL li:first-child a{border-top:1px solid #ababab} ul.lookingUL li a:after{width:2px; height:0px; background:#00965e; content:''; display:block; position:absolute; left:0px; top:0%; margin-top:17px;} ul.lookingUL li a:hover, ul.lookingUL li a:active{color:#00965e; left:0; padding-left:20px;} ul.lookingUL li a:hover:after, ul.lookingUL li a:active:after{height:18px; margin-top:-7px; top:50%; } ul.formUL{width:auto; margin:0 auto 40px auto; display:table; text-align:center; } ul.formUL li{width:170px; margin:0px 5px; height:auto; display:inline-block; position:relative} ul.formUL li .formName{width:170px; height:170px; display:table-cell; vertical-align:bottom; text-align:left; } ul.formUL li label{width:160px; height:160px; background:#fff; border-radius:200px; display:table-cell; vertical-align:middle; padding:0 40px 0 30px; box-sizing:border-box; color:#636363; font-size:1.6em; font-family:'bnpp_squareregular'; position:relative; left:0; } ul.formUL li:hover label, ul.formUL li:active label{width:170px; height:170px; background:#149560; color:#fff; left:-5px; box-shadow:3px 8px 18px -4px #999;} ul.formUL li .formEvent {width:160px; height:160px; margin:0 auto; text-align:left; position:absolute; left:0; bottom:0px; opacity:0; display:table-cell; vertical-align:middle; padding:33% 40px 0 30px; box-sizing:border-box; border-radius:100%; } ul.formUL li:hover .formEvent , ul.formUL li:active .formEvent{width:170px; height:170px; background:#149560; color:#fff; left:-5px; opacity:1} ul.formUL li .formEvent a{width:auto; float:left; clear:both; color:#fff; font-size:1.8em; font-family:'bnpp_squarelight'; border-bottom:1px solid #fff; margin-bottom:8px; padding:0 0 2px 0; min-width:90px ; position:relative; } ul.formUL li .formEvent a:after{width:0; height:1px; position:absolute; left:0; bottom:-1px; background:#fff; content:''; display:block; } ul.formUL li:hover .formEvent, ul.formUL li:active .formEvent{opacity:1} ul.formUL li .formEvent a:hover, ul.formUL li .formEvent a:active{color:#fff} ul.formUL li .formEvent a:hover:after, ul.formUL li .formEvent a:active:after{width:100%;} .downloadWrapper main{position:relative} .downloadWrapper a.grayButton{margin:0 auto; display:table} .expertArticle .leftContainer{width:70%; float:left} .expertArticle .rightContainer{width:30%; float:left; padding:0 0 0 40px; box-sizing:border-box} article main .midWrap.expertWrap{width:100%; float:left; margin:40px 0 50px 0; position:relative; padding:0;border:1px solid #000;} .expertArticle .rightContainer ul.bulletUL{margin:25px 0 0 0; } .expertWrap ul.expertUL{width:100%; float:left;} .expertWrap ul.expertUL li{width:100%; float:left; background:#; opacity:0; transition:all ease 0.5s;} .expertWrap ul.expertUL li .video{width:55%; float:left; box-shadow:3px 8px 18px -4px #999; position:relative; cursor:pointer; } .expertWrap ul.expertUL li .video img{width:100%; float:left} .expertWrap .videoPlayer{width:55%; height:100%; position:absolute; left:0; top:0; display:none } .expertWrap .videoPlayer div, .expertWrap .videoPlayer iframe{width:100%; height:100%; position:absolute; left:0; top:0; display:none} .expertWrap ul.expertUL li .cont{width:65%; float:left; padding:30px 25px 20px 25px; box-sizing:border-box; } .expertWrap ul.expertUL li .cont h4{color:#3a4009; font-size:1.3em; font-weight:normal; opacity:0; transition:all ease 0.5s; transition-delay:0.3s; position:relative; left:30px; } .expertWrap ul.expertUL li .cont p{color:#3a4009; font-size:1.6em; margin:15px 0 0 0px; line-height:1.5em; opacity:0; transition:all ease 0.5s; transition-delay:0.5s; position:relative; left:50px;} a.videoButton{width:auto; float:left; width:80px; height:80px; border-radius:80px; background:rgba(255,255,255,0.4); overflow:hidden; text-indent:-99px; position:relative; } a.videoButton:after{width:0; height:0; padding:0; content:''; position:absolute; display:block; left:50%; top:50%; border:10px solid; border-color:transparent #fff #fff transparent; margin:-10px 0 0 -15px; } .expertWrap ul.expertUL li .video a.videoButton{position:absolute; transform:translate(-50%,-50%); left:50%; top:50%;} .commongreyWrapper .videoWrap:hover a.videoButton, ul.videoUL li .img:hover a.videoButton, .expertWrap ul.expertUL li .video:hover a.videoButton, ul.fundsManageUL li .vidBox:hover a.videoButton, a.videoButton:hover{background:rgba(255,255,255,1);} .insightWrapper .videoLink:hover a.videoButton:after, .insightWrapper .videoLink a.videoButton:hover:after, .commongreyWrapper .videoWrap:hover a.videoButton:after, ul.videoUL li .img:hover a.videoButton:after, .expertWrap ul.expertUL li .video:hover a.videoButton:after, ul.fundsManageUL li .vidBox:hover a.videoButton:after, a.videoButton:hover:after{border-color:transparent #93bd0e #93bd0e transparent; } .expertWrap ul.expertUL .active li{opacity:1} .expertWrap ul.expertUL .active li .cont h4{opacity:1; left:0} .expertWrap ul.expertUL .active li .cont p{opacity:1; left:0;} .expertWrap a.grayButton{position:absolute; left:auto; right:0; bottom:-70px;} ul.bulletUL li, ul.bulletUL{width:100%; float:left;} ul.bulletUL li{ padding:12px 0 12px 0px; box-sizing:border-box} /*ul.bulletUL li:first-child{border-bottom: 1px solid; width: 300px;}*/ .bulletUL li a{ color:#000;} .bulletULne{ margin-top: 45px;} .bulletULne li a i{ position: relative; right: 18px;} /*.headTitle h1:after {*/ /* content: " ";*/ /* display: block;*/ /* border-bottom: 3px solid #01a66c;*/ /* width: 20%;*/ /*}*/ /*.headTitle h1:before {*/ /* content: " ";*/ /* display: block;*/ /* border-bottom: 3px solid #ff5c33;*/ /* width: 20%;*/ /* position: relative;*/ /* left: 420px;*/ /*}*/ /*.headTitle h1 {*/ /* display: grid;*/ /* grid-template-columns: 1fr auto 1fr;*/ /* grid-template-rows: 20px 0;*/ /* grid-gap: 20px;*/ /*}*/ a.greenarrowlink, ul.bulletUL li a{width:auto; float:left; padding:0px 0 0px 0px; box-sizing:border-box; font-size:1.4em; color:#f25d3c; text-transform:uppercase; position:relative; line-height:1.3em; text-align: left;} a.greenarrowlink, ul.bulletUL li a:hover { color:#00965e; } a.greenarrowlink{ color:#f25d3c; } /*a.greenarrowlink:after, ul.bulletUL li a:after, ul.fundLinksUL li a label:after{width:0; height:0; content:'\2192'; display:block; position:absolute; left:-20px; top:0px; }*/ /*a.greenarrowlink:hover:after, a.greenarrowlink:hover:active, ul.bulletUL li a:hover, ul.bulletUL li a:after, ul.fundLinksUL li a:hover label:after, ul.fundLinksUL li a:active label:after{color:#09603f; border-color:#09603f}*/ a.greenarrowlink:hover, a.greenarrowlink:active{color:#09603f;} ul.bulletUL li p{width:100%; float:left; color:#636363; font-size:1.4em; margin:5px 0; } .expertArticle .leftContainer ul.bulletUL {margin:25px 0 0 0} .expertArticle .leftContainer ul.bulletUL li{border-color:#708a0e} .expertArticle .leftContainer ul.bulletUL li a, .expertArticle .leftContainer ul.bulletUL li a:after{color:#96275a; border-color:#96275a; font-size:1.2em} .expertArticle .leftContainer ul.bulletUL li a:hover, .expertArticle .leftContainer ul.bulletUL li a:hover:after{color:#621136; border-color:#621136} .expertArticle .rightContainer ul.bulletUL li:first-child{border-top:none;} .expertArticle .rightContainer ul.bulletUL li a, .expertArticle .rightContainer ul.bulletUL li a:after{color:#e9721c; border-color:#e9721c} .expertArticle .rightContainer ul.bulletUL li a:hover, .expertArticle .rightContainer ul.bulletUL li a:hover:after{color:#a04300; border-color:#a04300} .expertArticle .rightContainer ul.bulletUL li{padding:12px 0 12px 0px} .expertArticle .rightContainer ul.bulletUL li p{margin:0 0 5px 0} .expertArticle .rightContainer ul.bulletUL li a{padding:0 0 0 20px; box-sizing:border-box} .expertArticle .rightContainer ul.bulletUL li a:after{left:0} .ourfundWrapper p.disclaimer{font-size:1.2em} ul.counterUL {width:auto; float:left; position:absolute; bottom:-55px; left:100px;} ul.counterUL li{width:auto; float:left; margin:0 30px 0 0; position:relative; font-size:1.3em; color:#5f5f5f} ul.counterUL li:first-child:after{content:''; position:absolute; right:-22px; top:50%; width:15px; height:1px; background:#5f5f5f; display:block;} .ourFundCarousel ul.counterUL li{color:#f3f3f3} .ourFundCarousel ul.counterUL li:first-child:after{background:#f3f3f3} .fundLinksWrap{width:35%; float:left; padding:0 60px; box-sizing:border-box; position:relative; z-index:1; display:block} ul.fundLinksUL:first-child{margin-bottom:40px;} .fundLinksWrap ul.fundLinksUL{display:none} ul.fundLinksUL , ul.fundLinksUL li{width:100%; float:left;} ul.fundLinksUL li a{color:#fff; height:40px; line-height:40px; font-size:1.4em; font-family:'bnpp_squarebold'; font-weight:normal; width:100%; float:left; border-bottom:1px solid #7d7d7d; text-transform:uppercase; position:relative; z-index:1; padding:0 20px; box-sizing:border-box} ul.fundLinksUL li a label{cursor:pointer; position:relative; padding-left:20px;} ul.fundLinksUL li a label:after{left:0;} ul.fundLinksUL li a span{float:right} ul.fundLinksUL li a:before{content:''; width:0; height:100%; display:block; position:absolute; left:0; top:0; background:#555454; z-index:-1;} ul.fundLinksUL li a:after{content:''; width:0; height:0; display:block; position:absolute; left:0; top:-2px; z-index:-1;border:14px solid; margin:7px 0 0 -14px; border-color:transparent #555454 #555454 transparent; opacity:0; } ul.fundLinksUL li a:hover:before, ul.fundLinksUL li a:active:before, ul.fundLinksUL li a.selected:before{width:100%;} ul.fundLinksUL li a:hover:after, ul.fundLinksUL li a:active:after, ul.fundLinksUL li a.selected:after{left:100%; opacity:1} ul.fundLinksUL li:first-child a{border-top:1px solid #7d7d7d} .fundLinksWrap a.grayButton{background:#7d7d7d; color:#f3f3f3; margin:45px 0 0 0; width:100%; } .fundLinksWrap h3{font-size:1.4em; color:#f3f3f3; width:100%; float:left; font-weight:normal; margin:0 0 10px 0} .ourFundCarousel .owl-carousel .owl-wrapper-outer{overflow:visible; z-index:1} .ourFundCarousel{width:65%; float:left; box-sizing:border-box; position:relative; margin:0 0 35px 0; z-index:0; } .ourfundWrapper1 .leftContainer1{width:50%; float:left; padding:0 40px 0 0; box-sizing:border-box; border-right:1px solid #b6b6b6; } .ourfundWrapper .leftContainer{width:65%; float:left; padding:0 20px 0 0; box-sizing:border-box; } .ourfundWrapper .rightContainer{width:35%; float:left; padding:0 0 0 20px; box-sizing:border-box; } .ourfundWrapper .leftContainer ul.ourFundCarouselUL, .ourfundWrapper .rightContainer ul.bulletUL{margin:0px 0 20px 0} .ourfundWrapper .rightContainer ul.bulletUL li a{width:100%; float:left; position:relative; padding:0 50px 0 0; box-sizing:border-box;} .ourfundWrapper .rightContainer ul.bulletUL li a span{position:absolute; right:0; top:0} .text-center {text-align:center!important;} .marginbtm {margin-bottom: 32px;} ul.ourFundCarouselUL, ul.ourFundCarouselUL li, ul.ourFundCarouselUL li h3, ul.ourFundCarouselUL li .cont, ul.ourFundCarouselUL li .cont .box{width:100%; float:left;} ul.ourFundCarouselUL{margin:0 0 20px 0;display:flex;flex-wrap: wrap;} ul.ourFundCarouselUL > li{width:33.33%; float:left; box-sizing:border-box; } /*ul.ourFundCarouselUL > li:nth-child(2n){padding:0 0 0 10px; }*/ ul.ourFundCarouselUL li .fundBox{width:100%; float:left; padding:20px; box-sizing:border-box ; background:#fff; box-shadow: 1px 1px 20px rgb(204 204 204 / 32%); } ul.ourFundCarouselUL li .fundBox > h3{color:#5f5f5f; font-size:2em; font-family:'bnpp_squarelight'; cursor:pointer;} ul.ourFundCarouselUL li .dropdown ul li{margin:0} ul.ourFundCarouselUL li .cont{margin:0 0 20px 0; border-bottom:1px solid #cacaca; padding: 5px 0 5px 0; box-sizing:border-box;} ul.ourFundCarouselUL li .cont:last-child{padding-bottom:0} ul.ourFundCarouselUL li .cont .leftCont{width:100%; float:left; padding:0; box-sizing:border-box;} ul.ourFundCarouselUL li .cont .rightCont{width:40%; float:left;} ul.ourFundCarouselUL li .cont .box{border-top:1px solid #cacaca; padding:15px 0; box-sizing:border-box; position:relative} ul.ourFundCarouselUL li .cont .box:first-child{border:none; padding-top:0;} ul.ourFundCarouselUL li .cont p{font-size:1.4em; font-family:Arial, Helvetica, sans-serif; color:#5f5f5f; margin:8px 0; padding-right: 25px; position: relative;} ul.ourFundCarouselUL li .cont p.riskType{width:100%; float:left; position:relative; padding:0 30px 0 0; box-sizing:border-box} ul.ourFundCarouselUL li .cont p.planType{color:#ff5c33; font-weight:bold;} .boxhov p:hover{color:#00965e !important;} ul.ourFundCarouselUL li .cont p:first-child{margin-top:0} ul.ourFundCarouselUL li .cont .box01 p{font-size:1.6em} ul.ourFundCarouselUL li .cont .box01 p.smallTxt{font-size:1.3em; margin:0} ul.ourFundCarouselUL li .cont p.arrowCont{position:absolute; right:0; top:10px; padding-right:0;} ul.ourFundCarouselUL li .cont p.arrowCont:after{width:0; height:0; content:''; position:absolute; display:block; border:4px solid red; border-color:transparent ; right:0; top:50%; margin-top:-6px; display:none} ul.ourFundCarouselUL li .cont p.arrowCont.greenArrow:after{border-color:#93bd0e #93bd0e transparent transparent; margin-top:-2px} ul.ourFundCarouselUL li .cont p.arrowCont.redArrow:after{border-color:transparent transparent #d80000 #d80000;} ul.ourFundCarouselUL li .cont .rightCont .img{width:25%; float:left} ul.ourFundCarouselUL li .cont .rightCont .img img{width:100%; float:left} ul.ourFundCarouselUL li .cont .rightCont .detl{width:75%; float:left; padding:0 0 0 10px; box-sizing:border-box} ul.ourFundCarouselUL li .cont .rightCont h4{font-size:1.6em; color:#5f5f5f; font-weight:normal; font-family:'bnpp_squarebold'} ul.ourFundCarouselUL li .cont .rightCont h5{font-size:1.4em; color:#5f5f5f; font-weight:normal} ul.ourFundCarouselUL li .cont .rightCont .box{border:none; padding:15px 0 5px 0} ul.ourFundCarouselUL li a.greenButton{width:100%} .latestNav{width:75%; margin:0 auto; padding:0; position:relative; position:relative; } .latestNav01{width:100%; float:left; position:relative; margin-bottom:80px;} ul.rightSimplifiedUL, ul.latestBox, ul.latestNavUL{width:90%; padding:0px; box-sizing:border-box; float:right; height:220px; margin:30px 0 0 0; } ul.rightSimplifiedUL{width:100%; margin:0; position:relative} ul.rightSimplifiedUL li, ul.latestBox li, ul.latestNavUL li{width:100%; float:left; height:100%; display:table; padding:0; box-sizing:border-box; background:#fff} ul.rightSimplifiedUL li .link, ul.latestBox li .link, ul.latestNavUL li .link{width:150px; background:#00965e; height:100%; display:table; float:right; text-align:center} ul.rightSimplifiedUL li .link a, ul.latestBox li .link a, ul.latestNavUL li .link a{vertical-align:middle; display:table-cell; color:#f3f3f3; font-size:1.2em; text-transform:uppercase; font-family:'bnpp_squareregular'; position:relative; padding-top:100px} ul.rightSimplifiedUL li .link a:after, ul.latestBox li .link a:after, ul.latestNavUL li .link a:after{width:45px; height:45px; content:''; display:block; position:absolute; background:url(../images/sprite-bnp.png) no-repeat 0 -43px; left:50%; top:50%; transform:translate(-50%,-50%);} ul.latestBox li .link a.proceedBtn:after{background-position:-72px -43px;} ul.rightSimplifiedUL li .link a.submitBtn:after, ul.latestBox li .link a.submitBtn:after{background-position:-147px -43px;} ul.latestBox{position:absolute; right:0; top:0; box-shadow:none; display:none } ul.latestBox li{left:10px; top:10px; position:absolute; display:none; z-index:1} ul.rightSimplifiedUL li{width:100%; float:left;} ul.rightSimplifiedUL li.thankyouLI{position:absolute; left:0; top:0; background:#fff; z-index:1; display:none} ul.rightSimplifiedUL li .midBx, ul.latestBox li .midBx{width:100%; float:left; display:table; height:100%;} ul.latestBox li:nth-child(2){left:20px; top:20px; } ul.latestBox li:nth-child(3){left:20px; top:20px; box-shadow:none} ul.rightSimplifiedUL li .vMid, ul.latestBox li .vMid, ul.latestNavUL li .vMid, .vMid{display:table-cell; vertical-align:middle; padding:0 20px; box-sizing:border-box} .vMid{padding:0} ul.latestNavUL li{opacity:0; transition:all ease 0s; position:relative; left:15%;} ul.latestNavUL .active li{opacity:1; transition:all ease 0.5s; left:0 } ul.rightSimplifiedUL li .btmCnt, ul.latestBox li .btmCnt{width:100%; float:left; border-top:1px solid #afafaf; padding:10px 0 0 0; box-sizing:border-box; margin:15px 0 0 0; position:relative } ul.rightSimplifiedUL li .btmCnt, ul.latestBox li .btmCnt.btmCnt01{padding:25px 0 0 0} ul.latestBox li .btmCnt .midBx01{width:auto; margin:0 auto; display:table; padding:10px 0 5px 0 } ul.latestBox li .btmCnt .midBx01 a{border:1px solid #00925c; padding:0; height:30px; width:30px; text-indent:-99px; float:left; overflow:hidden; position:relative; border-radius:3px;} ul.latestBox li .btmCnt .midBx01 a.plus:before, ul.latestBox li .btmCnt .midBx01 a:after{width:15px; height:1px; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#00925c} ul.latestBox li .btmCnt .midBx01 a.plus:before{height:15px; width:1px;} ul.latestBox li .btmCnt .midBx01 h3{float:left; margin:0 15px; color:#717171; font-size:3em; font-weight:normal} ul.latestBox li .btmCnt p{width:100%; margin:0 auto; text-align:center; float:left; font-size:1.4em} ul.latestBox li .btmCnt p.smallTxt{position:absolute; left:0px; top:45%; font-style:italic; width:auto; font-size:1.4em; color:#a1a1a1} ul.latestBox li .btmCnt p span{color:#00925c} ul.rightSimplifiedUL li .btmCnt input[type=text], ul.latestBox li .btmCnt input[type=text]{width:100%; float:left; margin:10px 0 0 0; font-size:1.8em; background:none; font-family:'bnpp_squarelight'; font-weight:normal; position:relative; z-index:1; outline:none; padding:0 0 5px 0; } ul.latestPagination{position:absolute; left:25px; top:35px; display:none} ul.latestPagination li{width:5px; height:5px; background:#dfdfdf; margin:0 0 15px 0; border-radius:5px;} ul.latestPagination li.selected{background:#5f5f5f;} .titleBx{height:65px; float:left; display:table} .titleBx .lft{width:65%; float:left; display:table; height:100%} .titleBx .lft01{width:100%;} .titleBx h3{width:100%; color:#5f5f5f; font-size:1.6em; font-weight:normal; font-family:'bnpp_squareregular'; line-height:1.5em; height:100%; display:table-cell; vertical-align:middle} .titleBx .rgt{width:30%; float:right; height:100%; padding:0 15px; box-sizing:border-box; display:table; border-left:1px solid #afafaf} .titleBx01 .lft p, .titleBx .rgt p{font-size:1.4em; color:#5f5f5f; width:100%; float:left; margin:5px 0} .titleBx .rgt p.rupeeIcon{color:#00965e; font-size:3em} .latestNav a.grayButton{position:absolute; right:0; bottom:-80px} .latestNav .owl-carousel .owl-wrapper-outer, .latestNav .owl-carousel .owl-wrapper, .latestNav .owl-carousel .owl-item{height:100%;} ul.latestBox li .titleBx{height:45px; margin-top:40px} ul.latestBox li .titleBx .rgt p.rupeeIcon{color:#5f5f5f; font-size:1.4em} .titleBx01 {width:70%; margin:0 auto; display:table; float:none} .titleBx01 .lft{float:none; margin:0 auto; width:100%; margin:0 auto; float:none} .titleBx01 .lft h3{width:100%; display:block; font-size:2.2em} .titleBx01 .lft p{width:100%; display:block; font-size:1.8em} ul.latestBox li .titleBx01{margin:0 auto; height:auto} ul.rightSimplifiedUL li .titleBx01{width:90%} .tooltpIcon{font-family:Times, serif; font-size:1.6em; font-style:italic; background:#ff5c33; width:25px; height:25px; border-radius:30px; float:left; color:#fff; text-align:center; line-height:24px; position:absolute; right:0; top:-7px} .tooltpIconBench {font-family:Times, serif; font-size:1.4em; font-style:italic; background:#ff5c33; width:25px; height:25px; border-radius:30px; float:left; color:#fff; text-align:center; line-height:24px; position:absolute; right:0; top:-5px; } .tooltpprcmatrix {font-family:Times, serif; font-size:1.4em; font-style:italic; background:#ff5c33; width:25px; height:25px; border-radius:30px; float:left; color:#fff; text-align:center; line-height:24px; position:absolute; right:0; } .tooltpIcon:hover {background: #00965e;} .tooltipWrap{width:350px; background:#2d2926; padding:15px 10px; box-sizing:border-box; position:absolute; left:0; top:0; z-index:999; display:none} .tooltipWrap:after{width:0px; height:0px; content:''; display:block; position:absolute; right:15px; top:-5px; border:6px solid #2d2926; border-color:#2d2926 #2d2926 transparent transparent; } .tooltipWrap h3{color:#fff; text-align:center; font-size:1.4em; text-transform:uppercase} .tooltipWrap p{color:#fff !important; line-height:1.5em; font-size:1.2em} .tooltipWrap img{width:100%; float:left; margin:10px 0} .tooltpprcmatrix:hover {background: #00965e;} .tooltpIconBench:hover {background: #00965e;} .tooltipWrapBench{width:350px; background:#2d2926; padding:15px 10px; box-sizing:border-box; position:absolute; left:0; top:0; z-index:999; display:none} .tooltipWrapmatrix{width:350px; background:#2d2926; padding:15px 10px; box-sizing:border-box; position:absolute; left:0; top:0; z-index:999; display:none} .tooltipWrapBench:after{width:0px; height:0px; content:''; display:block; position:absolute; right:15px; top:-5px; border:6px solid #2d2926; border-color:#2d2926 #2d2926 transparent transparent; } .tooltipWrapBench h3{color:#fff; text-align:center; font-size:1.4em; text-transform:uppercase} .tooltipWrapBench p{color:#fff !important; line-height:1.5em; font-size:1.2em} .tooltipWrapBench img{width:100%; float:left; margin:10px 0} .tooltipWrapmatrix:after{width:0px; height:0px; content:''; display:block; position:absolute; right:15px; top:-5px; border:6px solid #2d2926; border-color:#2d2926 #2d2926 transparent transparent; } .tooltipWrapmatrix h3{color:#fff; text-align:center; font-size:1.4em; text-transform:uppercase} .tooltipWrapmatrix p{color:#fff !important; line-height:1.5em; font-size:1.2em} .tooltipWrapmatrix img{width:100%; float:left; margin:10px 0} @media only screen and (max-width: 900px){.tooltipWrap {margin-left: -288px !important; width: 300px;}} .needWrap{width:100%; margin:0 auto; display:table; background:#fff; height:100%; box-shadow: 1px 1px 19px rgb(204 204 204 / 45%);} .needWrap .leftCont{width:100%; float:left; padding:0 0 10px 0; box-sizing:border-box;} .needWrap .leftCont .row{width:100%; float:left; padding:20px 40px; box-sizing:border-box; border-bottom:1px solid #dfdfdf; position:relative; background:#ececec } .needWrap .leftCont .row p.mandatory{float:right} .needWrap .leftCont .row p.mandatory span{color:#f20101} .needWrap .leftCont p{font-size:1.6em; margin:15px 0; width:100%; float:left;} .needWrap .leftCont p.error_notification{padding:0 40px; color:#F00; font-size:1.4em} .needWrap .rightCont{width:30%; display:table-cell; vertical-align:top; height:100%; padding:40px 25px; box-sizing:border-box; position:relative;box-shadow: 1px 1px 19px rgb(204 204 204 / 45%);} .needWrap h3{width:100%; float:left; position:relative; padding:0 0 10px 30px; font-size:2.4em; color:#5f5f5f; font-family:Arial, Helvetica, sans-serif; } .needWrap h3:after{width:20px; height:20px; content:''; display:block; position:absolute; left:0; top:5px; background:url(../images/sprite-bnp.png) no-repeat -216px 0} .needWrap .rightCont h3{width:100%; float:left} .needWrap .rightCont h3:after{background-position:-374px 0; left:0} .needWrap .rightCont h3.mailIcon:after {background-position: -340px -137px;} .needWrap .rightCont p{font-size:1.6em; margin:10px 0} .needWrap .rightCont p a{color:#ff5c33;} .needWrap .rightCont p a:hover{color:#00965e;} .needWrap .rightCont ul.bulletUL{position:absolute; bottom:40px; left:8%; width:84%; } .needWrap .rightCont ul.bulletUL li{padding:0} .needWrap .rightCont ul.bulletUL li a{padding:20px 10px 20px 35px; width:100%;} .needWrap .rightCont ul.bulletUL li a:after{width:25px; height:30px; background:url(../images/sprite-bnp.png) no-repeat 0 -121px; border:none; transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; top:50%; left:0; margin-top:-15px} .needWrap .rightCont ul.bulletUL li a.locateBranch:after{background-position:-54px -121px; left:5px } .needWrap .rightCont .or, .needhelpWrapper02 .or {float: left; width: 100%; position: relative; text-align: center; font-size: 1.5em; color: #5f5f5f; text-transform: uppercase; margin:20px 0; } .needWrap .rightCont .or:before, .needhelpWrapper02 .or:before {content: ''; position: absolute; left: 0; top: 8px; width: 100%; height: 1px; background-color: #dfdfdf;} .needWrap .rightCont .or span, .needhelpWrapper02 .or span {background-color: #fff; padding: 5px 10px; position: relative; z-index: 2;} .smallSize{font-size:1.4em !important} ul.formUL_, ul.formUL_ li, ul.innerFormUL_, ul.innerFormUL_ li{width:100%; float:left; position:relative} ul.formUL_ > li{padding:0px 40px 20px 40px; box-sizing:border-box; border-bottom:1px solid #dfdfdf; } ul.formUL_ > li.submitLI{padding:20px 40px; border:none} ul.formUL_ > li.radioLI{padding:0; border:none} ul.formUL_ > li.radioLI .pure-radiobutton{margin-right:50px; float:left} ul.formUL_ > li.radioLI .pure-radiobutton input[type="radio"] + label::before{margin-top:0px;} ul.formUL_ > li.radioLI .pure-radiobutton input[type="radio"] + label::after{margin-top:4px;} ul.formUL_ > li.radioLI p{font-size:1.4em; padding-top:0; margin:0 15px 0 0; width:auto} .newCustWrapper, .exCustWrapper{display:none} .thankyouWrap{width:60%; margin:50px auto 50px auto; padding:80px 0 0 0; display:none } .thankyouWrap p{font-size:2em; text-align:center; line-height:1.6em} .thankyouWrap a.greenButton{display:table; float:none; margin:0 auto} ul.innerFormUL_ li{width:50%; padding:25px 30px 0px 0; margin:5px 0; box-sizing:border-box; position:relative; } ul.innerFormUL02_ li{width:33.33%;} /*ul.innerFormUL_ li input[type=text], ul.innerFormUL_ li input[type=tel]{width:100%; padding:0 0 5px 0; font-size:1.6em; background:#fff; overflow:hidden; z-index:1; font-family:Arial, Helvetica, sans-serif;}*/ ul.innerFormUL_ li textarea{width:100%; padding:0; font-size:1.6em; overflow:hidden; z-index:1; font-family:Arial, Helvetica, sans-serif; height:auto; resize:none; height:24px; resize:none; color: #5f5f5f;} ul.innerFormUL_ li.tellusRow{width:100%; outline:none} .capchaW{width:100%; float:left; border:1px solid #d3d3d3; border-radius:3px; padding:10px 20px 15px 20px; box-sizing:border-box; position:relative} .capchaW label{width:100%; float:left; position:relative; min-height:35px; line-height:35px} .capchaW .pure-checkbox input[type="checkbox"] + label:before, .capchaW .pure-radiobutton input[type="checkbox"] + label:before,.capchaW .pure-checkbox input[type="radio"] + label:before, .capchaW .pure-radiobutton input[type="radio"] + label:before{top:50%; margin-top:-10px} .capchaW .pure-checkbox input[type="checkbox"] + label:after, .capchaW .pure-radiobutton input[type="checkbox"] + label:after{top:50%; margin-top:-5px;} .capchaW img{position:absolute; right:20px;} .investBox{padding:40px 20px; box-sizing:border-box} ul.investBoxUL{width:auto; margin:0 auto; display:table; text-align:center} ul.investBoxUL li{width:100px; padding:0 8px; box-sizing:border-box; margin:15px 8px 0 8px; display:inline-block; vertical-align:top} ul.investBoxUL li a{width:100%; float:left; text-align:center; font-size:1.3em; color:#636363} ul.investBoxUL li a span{width:100%; float:left} ul.investBoxUL li a svg{width:80px; height:80px; background:#ededed; border-radius:100%; margin:0 auto 10px auto; transition:all ease 0.3s;} ul.investBoxUL li a .strokeColor{stroke:#000; transition:all ease 0.2s;} ul.investBoxUL li a:hover svg{fill:#00965e;} ul.investBoxUL li a:hover .strokeColor{stroke:#00965e;} ul.investBoxUL li a:hover, ul.investBoxUL li a:active {color:#00965e} .countdown{width:100%; float:left; margin:0 0 30px 0; position:relative} .countdown h3{position:absolute; width:auto; color:#636363; font-weight:normal; float:none; left:50%; top:0; line-height:50px; font-size:1.6em; margin-left:220px; } .countdown h3:after{width:1px; height:100%; float:left; background:#636363; content:''; display:block; left:-30px; top:0; position:absolute} .countdown h3:before{width:0; height:0; float:left; background:#fff; content:''; display:block; left:-35px; top:50%; position:absolute; border:1px solid #636363; padding:4px; z-index:1; border-color:transparent #636363 #636363 transparent; margin-top:-6px} #defaultCountdown{width:auto; display:table; margin:0 auto} #defaultCountdown .countdown-section{margin:0 0px; float:left; text-align:center; padding:0; position:relative; width:90px} #defaultCountdown .countdown-section:after, #defaultCountdown .countdown-section:before{width:3px; height:3px; content:''; display:block; position:absolute; left:0; top:50%; margin-top:-5px;; background:#e9721c; border-radius:3px;} #defaultCountdown .countdown-section:before{margin-top:-15px;} #defaultCountdown .countdown-amount{font-size:2.6em; float:left; color:#e9721c; width:100%; text-align:center; } #defaultCountdown .countdown-period{font-size:1.2em; float:left; color:#636363; width:100%; text-align:center; text-transform:uppercase; margin:5px 0 0px 0} #defaultCountdown .countdown-section:first-child:after, #defaultCountdown .countdown-section:first-child:before{display:none} ul.investBoxUL .owl-controls{width:100%; float:left; position:relative} ul.investBoxUL .owl-controls .owl-buttons{display:none; padding:20px 0 0 0;} ul.investBoxUL .owl-controls .owl-buttons .div{cursor:pointer} ul.investBoxUL .owl-controls .owl-pagination{width:auto; margin:0 auto; display:table} ul.investBoxUL .owl-controls .owl-pagination .owl-page{width:10px; height:10px; border-radius:10px; margin:0 10px 0 0; background:#cfcfcf; float:left;} ul.investBoxUL .owl-controls .owl-pagination .owl-page.active{background:red} /******* owl carousel next prev styling start *******/ ul.latestNavUL .owl-buttons, ul.ourFundCarouselUL .owl-buttons, .expertWrap ul.expertUL .owl-buttons{position:absolute; bottom:-70px;} ul.leftSimplifiedUL .owl-buttons div, ul.latestNavUL .owl-buttons div, ul.ourFundCarouselUL .owl-buttons div, .expertWrap ul.expertUL .owl-buttons div{width:30px; height:30px; background:#dfdcdc; border-radius:30px; float:left; overflow:hidden; text-indent:-99px; margin:0 5px 0 0; position:relative} ul.leftSimplifiedUL .owl-buttons div:after, ul.latestNavUL .owl-buttons div:after, ul.ourFundCarouselUL .owl-buttons div:after, .expertWrap ul.expertUL .owl-buttons div:after{width:0; height:0; padding:4px; border:1px solid; border-color:transparent #5f5f5f #5f5f5f transparent; content:''; position:absolute; left:50%; top:50%; background:none; margin:-5px 0 0 -3px;} ul.ourFundCarouselUL .owl-buttons .owl-next:after {margin: -5px 0 0 -8px;} ul.leftSimplifiedUL .owl-buttons .owl-prev:after, ul.latestNavUL .owl-buttons .owl-prev:after, ul.ourFundCarouselUL .owl-buttons .owl-prev:after, .expertWrap ul.expertUL .owl-buttons .owl-prev:after{border-color:#5f5f5f transparent transparent #5f5f5f ;} ul.leftSimplifiedUL .owl-buttons div.disabled, ul.latestNavUL .owl-buttons div.disabled, ul.ourFundCarouselUL .owl-buttons div.disabled, .expertWrap ul.expertUL .owl-buttons div.disabled{opacity:0.6;} .expertWrap ul.expertUL .owl-buttons{bottom:-60px;} .latestNav ul.counterUL{bottom:-63px; left:160px} .ourFundCarousel ul.counterUL{left:80px} ul.ourFundCarouselUL .owl-buttons{left:-25px; bottom:-90px;} .owl-controls .owl-buttons .owl-next:hover{background:#00965e; } .owl-controls .owl-buttons .owl-prev:hover{background:#00965e; } .owl-controls .owl-buttons .owl-next:hover:after{border-color:transparent #fff #fff transparent; } .owl-controls .owl-buttons .owl-prev:hover:after{border-color:#fff transparent transparent #fff; } .owl-controls .owl-buttons .owl-prev.disabled:hover, .owl-controls .owl-buttons .owl-next.disabled:hover{background:#dfdcdc; } .owl-controls .owl-buttons .owl-next.disabled:hover:after{border-color:transparent #5f5f5f #5f5f5f transparent; } .owl-controls .owl-buttons .owl-prev.disabled:hover:after{border-color:#5f5f5f transparent transparent #5f5f5f; } /******* owl carousel next prev styling end *******/ /****** Dropdown Start ******/ .dropdown {float:left; height:35px; position:relative; width:100%; top:0; left:0} .dropdown h3{width:100%; float:left; padding:0 30px 0 0px; box-sizing:border-box; color:#000; font-size:1.4em; border-bottom:1px solid #cacaca; line-height:35px; height:35px; text-align:left; overflow:hidden; font-weight:normal; position:relative; cursor:pointer; } .dropdown h3 span{float:right} .dropdown h3:after{width:1px; height:60%; position:absolute; top:5px; right:10px; background:#00965e; content:''; display:none;} .dropdown h3:before{border-style:solid; border-width:1px; border-color:transparent transparent #000 #000; top:60%; content: ""; right:6px; margin:-9px 0 0 0px; position:absolute; transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; width:8px; height:8px;} .dropdown ul{width:100%; float:left; background:#fff; z-index:2; position:relative; box-sizing:border-box; box-shadow:2px 5px 15px 5px #d4d4d4; padding:10px 0; display:none; top:0; left:0; padding:15px; max-height: 200px; overflow: auto;} .dropdown ul li a{width:100%; float:left; padding:5px 0; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #cacaca; box-sizing:border-box} .dropdown ul li a span{float:right} .dropdown ul li:first-child a{border:none} .dropdown ul li a.selected, .dropdown ul li a:active{color:#000} .dropdown h3:hover, a.viewDetails:hover{color:#5f5f5f} ul.ourFundCarouselUL li .dropdown{width:75%;} /****** Dropdown End ******/ /****** New User Section Start ***/ /*.newUserSection article{background:#fff} .newUserSection article:nth-child(2n+1){background:#e8e8e8}*/ .grayBgArticle{background:#e8e8e8} .lightGrayBgArticle{background:#f3f3f3} .newUserSection .investWrap .boxWrap p{margin:5px 0} .newUserSection .investWrap .boxWrap p a{border-bottom:1px solid #808080; position:relative; padding-bottom:2px;} .newUserSection .investWrap .boxWrap p a:after{width:0%; height:1px; background:#00965e; content:''; position:absolute; bottom:-1px; left:50%;} .newUserSection .investWrap .boxWrap p a:hover{color:#00965e} .newUserSection .investWrap .boxWrap p a:hover:after{width:100%; left:0} .newUserSection .investWrap a.greenButton{margin:20px 0 0 0} .div50{width:50%; float:left; padding:0 20px 0 0; box-sizing:border-box} .newUserSection .investWrap .div50 a{width:100%; float:left; margin-bottom:5px; } .newUserSection .investWrap .div50 p{font-size:1.4em} .newUserSection .investWrap{box-shadow:none} /*.newUserSection .investWrap img{width:auto; height:100%;}*/ .newUserSection .boxWrap{padding-bottom:0; padding-top:0;} .mfSimplifiedWrapper .leftSimplified{width:40%; float:left; padding:0 40px; box-sizing:border-box; position:relative} .mfSimplifiedWrapper .rightSimplified{width:60%; float:left; padding:0 40px; box-sizing:border-box} ul.rightSimplifiedUL li .btmCnt{border:none; } ul.rightSimplifiedUL .titleBx h3{margin:0 0 10px 0; float:left} ul.leftSimplifiedUL{width:100%; border-bottom:1px solid #cfcfcf; box-sizing:border-box; float:left} ul.leftSimplifiedUL li{width:100%; float:left; min-height:180px; opacity:0;; position:relative; left:50%;} ul.leftSimplifiedUL .active li{opacity:1; left:0} ul.leftSimplifiedUL li h3{color:#636363; font-size:3em; float:left; width:100%; font-family:'bnpp_sans_condensedlight'; margin:0 0 15px 0; font-weight:normal} ul.leftSimplifiedUL li h3 span{color:#96275a;} ul.leftSimplifiedUL li p{width:100%; float:left; margin:5px 0; font-size:1.6em } ul.leftSimplifiedUL .owl-buttons{bottom:-50px; position:absolute} .mfSimplifiedWrapper ul.counterUL{bottom:-44px; left:110px;} .imgLeft{float:left; max-width:250px} .awarenessWrapper .expertWrap ul.expertUL li{background:none} .awarenessWrapper .rightInfo{width:60%; float:right; position:relative} .awarenessWrapper .expertWrap ul.expertUL li .cont{width:100%; padding:20px 30px;} .awarenessWrapper .expertWrap ul.expertUL li .cont h4{width:100%; color:#636363; width:100%; border-bottom:1px solid #cfcfcf; padding-bottom:5px;} .awarenessWrapper .expertWrap ul.expertUL li .cont p{color:#636363; width:80%;} .awarenessWrapper .rightInfo h3, .awarenessWrapper .latestEvent h4{font-size:1.8em; color:#636363; width:100%; float:left; margin:10px 0 15px 0; font-weight:normal} .awarenessWrapper .latestEvent{width:100%; float:left; margin:5px 0 10px 0 } .awarenessWrapper .latestEvent h4{font-size:1.2em; margin:0} .awarenessWrapper .latestEvent h3{color:#e9721c} .awarenessWrapper .leftImg{max-width:30%; float:left } /****** New User Section End ***/ /****** Fund CSS START***********/ .breadcrumbW{padding:20px 20px 25px 20px; margin:40px 0 30px 0; width:100%; float:left; box-sizing:border-box; box-shadow: 0px 0px 9px 0px rgb(95 95 95 / 32%);} ul.breadcrumb{width:100%;float:left; } ul.breadcrumb li{width:auto; float:left; padding:0px 0 0px 15px; font-size:1.2em; color:#4f4f4f; box-sizing:border-box} ul.breadcrumb li:first-child{padding:0} ul.breadcrumb li a{float:left; width:100%; color:#4f4f4f; position:relative; padding-right:15px; box-sizing:border-box; text-transform:uppercase} ul.breadcrumb li a:after{width:0; height:0; content:''; position:absolute; right:0; top:2px; border:1px solid #4f4f4f; padding:3px; border-color:transparent #4f4f4f #4f4f4f transparent; } ul.breadcrumb li a:hover{color:#4f4f4f} ul.breadcrumb li:last-child a:after{display:none} .fundWrapper .fundboxWrapper{width:100%; float:left; padding:0; box-sizing:border-box; position:relative; margin:0; z-index:0; } .fundWrapper .fundboxWrapper .chooseplanType{position:absolute; right:0; top:13px; width:auto; float:right; width:auto} .fundWrapper .fundboxWrapper .chooseplanType h4{width:auto; float:left; color:#5f5f5f; font-size:1.4em; font-weight:normal; line-height:35px;} .fundWrapper .fundboxWrapper .dropdown ul{padding:5px 10px;} .fundWrapper .fundboxWrapper .dropdown ul li a{font-size:1.2em} .fundWrapper .fundboxWrapper .chooseplanType .dropdown{width:150px; float:right; margin:0 0 0 10px;} .fundboxWrapper h1 span:nth-child(2n){ font-size:20px; /*font-family:Arial, Helvetica, sans-serif*/ } .filterFund .row h4.marginBtm0 {margin-bottom: 0px;} .fundLinksWrap { padding: 20px 20px 25px 20px; margin: 20px 0 30px 0; width: 100%; float: left; box-sizing: border-box; box-shadow: 0px 0px 9px 0px rgb(95 95 95 / 32%); } .fundWrapper .fundLinksWrap{ width:100%; margin-bottom: 50px;} .fundWrapper .fundLinksWrap .row {margin: 0px -15px; display: flex; } .fundWrapper .fundLinksWrap .row .width30 { padding:0px 15px; width:30%; float:left; } .fundWrapper .fundLinksWrap .row .width20 { padding:0px 15px; width:20%; float:left; } .fundLinksWrap .row .col-md-12 { padding:0px 15px; width:100%; float:left; } .fundWrapper .fundboxWrapper a.grayButton{margin:0 auto; display:table; clear:both} .fundWrapper ul.ourFundCarouselUL li{opacity:1; left:0; margin:0 0 20px 0} /*.fundWrapper ul.ourFundCarouselUL > li:nth-child(2n+1){clear:left}*/ .fundWrapper ul.ourFundCarouselUL li .dropdown ul li{margin:0; width: 100%;padding: 0px;} /*.fundWrapper ul.ourFundCarouselUL li .fundBox{width:100%; float:left ; padding:20px; box-sizing:border-box}*/ .fundWrapper ul.ourFundCarouselUL li .fundBox{width:100%; float:left; padding:0px; box-sizing:border-box} .fundWrapper ul.ourFundCarouselUL li .cont .leftCont{width:100%; padding:0} ul.ourFundCarouselUL li a.greenButton{width:100%; margin:0 0 15px 0} .fundWrapper ul.ourFundCarouselUL li .fundBox > h3{color:#5f5f5f; font-size:2em; font-family:'bnpp_squarelight';} /*.fundWrapper .fundLinksWrap h3, .fundWrapper ul.fundLinksUL li a{color:#00965e}*/ .fundWrapper ul.fundLinksUL li a{border-bottom-color:#dcdcdc; box-sizing:border-box; font-family:'bnpp_squareregular';} .fundWrapper ul.fundLinksUL li:first-child a{border-top-color:#dcdcdc} .fund-accordion {width: 29%; float:left;padding-right: 50px;margin-bottom: 30px;} .fundBox .bottomLinks{width:100%; float:left;} .fundBox .bottomLinks a.viewDetails{float:left; width:auto; margin:0} .fundBox .bottomLinks a.notification {float:right; width:auto; position: relative; font-size: 1.2em; text-transform: uppercase; font-family: 'bnpp_squareregular';} .fundBox .bottomLinks a.notification:before {content: ''; position: absolute; top:-1px; left: -20px; /*background:url(../images/sprite-bnp.png) no-repeat -247px -121px;*/ width:14px; height:18px;} .fundBox .bottomLinks a.notification:hover:before {background-position:-247px -141px;} .fundBox .bottomLinks a.notification:hover, .fundBox .bottomLinks a.notification:active{background-position:-247px -141px;} .fundWrapper ul.fundLinksUL li a:before{background:#ececec} .fundWrapper ul.fundLinksUL li a:after{border-color:transparent #ececec #ececec transparent } .fundWrapper ul.fundLinksUL li a{padding:0px 10px; } .fundWrapper .midWrap{margin:0} .fundDetail .headCont .dropdown{width:250px; } .fundDetail .headCont .dropdown h3{font-family:'bnpp_squarebold'; color:#636363; font-weight:normal; border:none; margin:5px 0 0 0; } .fundDetail .headCont .dropdown h3:before{border-color:transparent transparent #636363 #636363} .fundDetail .headCont .dropdown h3:after{background:#636363} ul.valueUL{width: 100%; float:left; margin:40px 0} ul.valueUL > li{padding:0 0 0 15px; float:right; width:50%; box-sizing:border-box} ul.valueUL > li:first-child{padding:0 15px 0 0; float:left} ul.valueUL > li ul.box{width:100%; float:left; padding:20px; box-sizing:border-box; } ul.valueUL > li ul.box > li{width:50%; float:left; height:75px; display:block; min-height:75px;} ul.valueUL > li ul.box > li .dropdown{width:70%;} ul.valueUL > li ul.box > li label{width:100%; float:left; color:#636363; font-size:2.8em; font-weight:normal; } ul.valueUL > li ul.box > li label.lbl{line-height:80px;} ul.valueUL > li ul.box > li label.lbl span{font-size:0.5em} ul.valueUL > li ul.box > li .val{width:auto; padding:0 25px 0 0; box-sizing:border-box; line-height:80px; float:right; width:auto; font-size:4.6em; color:#636363; position:relative} ul.valueUL > li ul.box > li .val .rupeeIcon{font-size:0.6em} ul.schemeUL li .schemeVal.up:after, ul.schemeUL li .schemeVal.down:before, ul.valueUL > li ul.box > li .val.down:before, ul.valueUL > li ul.box > li .val.up:after{width:0; height:0; content:''; display:block; position:absolute; right:0; border:7px solid #92bf00; top:50%; border-color:#92bf00 #92bf00 transparent transparent; } ul.valueUL > li ul.box > li .val.down:before, ul.schemeUL li .schemeVal:down{border-color:transparent transparent #ee4a24 #ee4a24; margin:-7px 0 0 0} ul.fundDesc{width:100%; float:left; height:100%; display:table; margin:0 0 40px 0} ul.fundDesc li{width:25%; float:left; padding:10px 20px; box-sizing:border-box; border-left:1px solid #cacaca; height:100%; display:inherit; min-height:100px; position:relative} ul.fundDesc li .tooltpIcon{right:5px; top:5px} ul.fundDesc li .tooltpIconBench{right:5px;} ul.fundDesc li .tooltpprcmatrix{right:0px;} ul.fundDesc li:first-child{border:none} ul.fundDesc li p{width:100%; float:left; margin:0 0 5px 0; line-height:1.4em; color:#636363; font-size:1.4em; box-sizing:border-box;position: relative; padding-right: 30px;} ul.fundDesc li p.risk{padding-right:40px;} ul.fundDesc li p strong{font-weight:bold} .fundperfWrapper{background:#7b7b7b} .fundperfWrapper .container{padding-bottom:80px;} .fundperfWrapper h2{color:#fff} .fundperfWrap{background:#e8e8e8;} ul.tabUL{width:100%; float:left; top:-60px;margin-bottom: 25px; border-bottom: 1px solid #cec9c9;} ul.tabUL li{width:12%; text-align:center; float:left; padding:0 1px; box-sizing:border-box} ul.tabUL li a{font-size:1.6em; color:#707070; font-family:'bnpp_squareregular'; padding: 0px; border-bottom: 3px solid transparent; line-height:50px; height:50px; width:100%; float:left; background:transparent;} ul.tabUL li a.selected{background:transparent; color:#707070; border-bottom: 3px solid #707070; font-weight: bold;} .fpWrap{width:100%; float:left} .fpWrapLeft{width:25%; float:left; background:#fff; padding:40px 20px; box-sizing:border-box; position:relative; z-index:1} .fpWrapLeft p{font-size:1.2em; line-height:1.5em} ul.fieldUL{padding:40px 0; border-bottom:1px solid #cccccc; margin:0 0 25px 0} ul.fieldUL, ul.fieldUL > li, ul.fieldUL > li ul{width:100%; float:left} ul.fieldUL > li > ul.inner > li{width:50%; float:left; color:#707070; font-size:1.4em; line-height:35px;} ul.fieldUL > li > ul.inner > li .dropdown h3{font-size:1em} ul.fieldUL > li > ul.inner > li input[type=text]{border-color:#cacaca; font-size:1em} ul.fieldUL > li > ul.inner > li:first-child{text-align:right; padding:0 15px 0 0; box-sizing:border-box} ul.fieldUL > li{margin:5px 0; } ul.fieldUL > li > ul > li .dropdown ul{z-index:3} ul.fieldUL > li > ul > li .dropdown ul li{line-height:1.2em} ul.fieldUL > li > ul > li .dropdown ul li a{font-size:1em; } ul.fieldUL > li > ul > li .dropdown ul li:first-child{text-align:left; padding:0; box-sizing:border-box} .fpWrapLeft > h3{font-size:2.4em; line-height:1.2em; color:#707070; font-weight:normal} ul.fieldUL > li a.greenButton{margin:40px 0 0 0} .fpWrapRight{width:75%; float:left; padding:0 0 0 30px; box-sizing:border-box} .fpWrapRight .titleRow{width:100%; float:left; border-bottom:1px solid #a6a6a6; padding-bottom:15px; margin:0 0 30px 0} .fpWrapRight .titleRow h3{width:auto; float:left; font-weight:normal; color:#707070; font-size:2.4em} .fpWrapRight .titleRow ul.returnsUL{width:auto; float:right;} .fpWrapRight .titleRow ul.returnsUL li{width:auto; float:left; padding:0 5px;} .fpWrapRight .titleRow ul.returnsUL li a{background:#aeaeae; line-height:35px; height:33px; padding:0 15px; border-radius:3px; float:left; font-size:1.2em; color:#e8e8e8; text-transform:uppercase; box-sizing:border-box} .fpWrapRight .titleRow ul.returnsUL li a.selected{background:#575757; color:#fff} .fpWrapRight .schemeReturns{width:35%; float:left; background:#fff; } .fpWrapRight .compareReturns{width:65%; float:right;} .fpWrapRight .schemeBox{padding:15px 20px 15px 30px; box-sizing:border-box; } .fpWrapRight .schemeBox .box{width:40%; float:left; padding:5px 20px 10px 30px; box-sizing:border-box; position:relative; margin:5px 0 0 0} .fpWrapRight .schemeBox .box:after{width:1px; height:100%; content:''; display:block; position:absolute; left:0; top:0; background:#a8a8a8;} .fpWrapRight .schemeBox .box:before{width:0; height:0; content:''; position:absolute; left:-3px; top:9px; border:1px solid #a8a8a8; border-color:transparent #a8a8a8 #a8a8a8 transparent ; padding:3px; background:#e8e8e8; z-index:1; } .fpWrapRight .schemeBox a{width:100%; color:#707070; font-size:1.4em; font-weight:normal; position:relative; cursor:pointer} .fpWrapRight .schemeBox a:after{width:10px; height:10px; content:''; display:block; position:absolute; left:-15px; top:3px; border-radius:10px; border:1px solid #838383; box-sizing:border-box;} .fpWrapRight .schemeBox a.activate:after{background:#00965e; border-color:#00965e} ul.schemeUL{width:100%; float:left; margin:10px 0 0 0} ul.schemeUL li{width:auto; float:left; padding:0 10px; box-sizing:border-box; border-left:1px solid #bcbcbc; font-size:2.4em; color:#707070} ul.schemeUL li:first-child{padding-left:0; border:none} .fpWrapRight .compareReturns ul.schemeUL li{font-size:1.4em} .fpWrapRight .compareReturns p{width:70px; float:left; line-height:20px; font-size:1.4em; text-align:center; margin:0 20px 0 0} ul.schemeUL li .schemeVal{width:auto; padding:0 25px 0px 0; box-sizing:border-box; position:relative} .fpWrapRight .compareReturns ul.schemeUL li .schemeVal{padding:0} .fpWrapRight .graphDetail{width:100%; float:left; margin:40px 0 0 0} .fpWrapRight .graphDetail img{width:100%; float:left} .tabdetails{width:100%; float:left} .sebiWrap{width:100%; float:left; display:none} .sebiWrap h3{font-size:2.4em; color:#707070; width:100%; float:left; border-bottom:1px solid #a6a6a6; padding:0 0 10px 0; font-weight:normal} .sebiWrap .left50, .sebiWrap .right50{width:50%; float:left; padding:0 50px 0 0; box-sizing:border-box} .sebiWrap .right50{padding:0} .sebiWrap p{font-size:1.4em; color:#707070; width:100%; float:left; margin:0 0 20px 0; line-height:1.4em} ul.bullet, ul.bullet li{width:100%; float:left;} ul.bullet li{font-size:1.4em; line-height:1.4em; color:#707070; padding:0 0 0 15px; box-sizing:border-box; position:relative} ul.bullet li:after{width:6px; height:6px; content:''; display:block; box-sizing:border-box; border-radius:10px; position:absolute; left:0; top:6px; background:#a6a6a6} a.editInvestment{width:auto; float:right; font-size:1.6em; margin:0 0 25px 0; padding:0 40px 0 0; position:relative; line-height:30px; display:none } a.editInvestment:after{width:30px; height:30px; content:''; background:#fff; position:absolute; right:0; top:0; display:block; border-radius:100%;} a.editInvestment:before{width:15px; height:15px; content:''; position:absolute; right:7px; top:8px; background:url(../images/sprite-bnp.png) no-repeat -219px -44px; z-index:1} .tabdetails .tableClass{margin:40px 0 20px 0} .tabdetails .table50{width:60%; margin: 0 auto; float:none; display:table; padding:0px 0 40px 0} .tabdetails a.greenButton{float:none; display:table; margin:0 auto 20px auto} .fundDetails h2{color:#636363; margin-bottom:25px;margin-top: 0px;} .fundDetails .leftCont, .fundDetails .rightCont{width:50%; float:left; padding:0 50px 0 0; box-sizing:border-box} .fundDetails .rightCont{float:right; padding:40px 30px; } .fundDetails p{font-size:1.6em; margin:0 0 10px 0; color:#636363; line-height:1.4em} ul.numberUL, ul.numberUL li{width:100%; float:left; box-sizing:border-box; padding:0 0 0 20px; margin:15px 0} ul.numberUL li{list-style-type:decimal; font-size:1.6em; color:#636363; padding:0; margin:0 0 10px 0; line-height:1.4em} ul.numberUL li a{color:#00965f} .fundDetails h4{width:100%; float:left; padding:0 0 10px 0 ; font-size:2.4em; color:#2d2926; font-family:'bnpp_squarelight'; font-weight:normal; } ul.managerUL {border: 1px solid #ccc; border-radius: 10px; padding: 15px;} ul.managerUL, ul.managerUL li{width:100%; float:left; } ul.managerUL > li{margin:20px 0; } ul.managerUL > li .img{float:left; width:170px;} ul.managerUL > li .img img{width:100%; float:left; max-width:170px;} ul.managerUL > li .detl{float:left; width:calc(100% - 185px); padding:15px 0 0 15px; box-sizing:border-box} ul.managerUL > li .detl p{margin:0; font-size:1.8em; color:#2d2926; line-height:1.5em} ul.managerUL > li .detl p span{width:100%; float:left; font-size:0.8em} ul.linkUL{margin:15px 0 0 0} ul.linkUL, ul.linkUL li{width:100%; float:left;} ul.linkUL li{padding:10px 0; border-bottom:1px solid #c7c6c5 } ul.linkUL li:first-child{border-top:1px solid #c7c6c5 } ul.linkUL li a{width:auto; float:left; color:#ff5c33; font-size:1.4em; text-transform:uppercase;} ul.linkUL li a:hover, ul.linkUL li a:active{color:#00965e; } ul.accordionUL, ul.accordionUL li, ul.accordionUL li h3, ul.accordionUL li .detail, .downloadFund h3{width:100%; float:left; box-sizing:border-box; } .downloadFund h3, ul.accordionUL li h3{color:#636363; font-size:1.4em; padding:10px 30px 10px 0; cursor:pointer; position:relative; } ul.accordionUL li{border-bottom:1px solid #dadada; } ul.accordionUL li:first-child{border-top:1px solid #dadada} ul.accordionUL li h3{color:#ff5c33; text-transform:uppercase; font-weight:normal; font-family:'bnpp_squareregular'} ul.accordionUL li h3:after, ul.accordionUL li h3:before{width:15px; height:1px; background:#e9721c; content:''; display:block; position:absolute; right:0; top:50%; margin-top:1px;} ul.accordionUL li h3:before{width:1px; height:15px; margin-top:-6px; right:7px;} ul.accordionUL li h3.selected:before{width:0; height:0; margin-top:1px} ul.accordionUL li p{color:#636363; font-size:1.4em; line-height:1.4em} ul.accordionUL li .detail{padding:15px 80px 10px 0; display:none} ul.accordionUL li{padding:0; } .fundDetails ul.accordionUL{margin:20px 0 0 0} .downloadFund {width:100%; float:left; margin:40px 0 0 0 } .downloadFund h3{border:none; cursor:default; font-size:2.4em; color:#707070; font-family:'bnpp_squarelight'; font-weight:normal} ul.downloadFundUL, ul.downloadFundUL li{width:100%; float:left} ul.downloadFundUL li{margin:10px 0; box-shadow:2px 2px 10px 2px #ccc; background:#fff; height:65px; position:relative;} ul.downloadFundUL li p{line-height:65px; float:left; width:100%; padding:0 170px 0 20px; box-sizing:border-box; font-size:1.6em} ul.downloadFundUL li a{position:absolute; right:0; top:0; background:#f1f1f1; color:#00965e; font-size:1.2em; padding:0 30px; box-sizing:border-box; font-family:'bnpp_squareregular'; line-height:65px; transition:all ease 0.3s} ul.downloadFundUL li a.downloadIcon span{background:url(../images/pdfIcon.png) no-repeat 0 center; padding-left:40px; line-height:65px; float:left } ul.downloadFundUL li a:hover{background:#ff5c33; color:#fff} ul.downloadFundUL li a.downloadIcon:hover span{background:url(../images/pdfIconHover.png) no-repeat 0 center;} .investTree .tree-inner{max-width:550px; float:none; margin: 0 auto;} .investTree .container{text-align:center} .investTree .container p{margin:25px 0; font-size:1.4em; color:#575757} .investTree .container a.greenButton{margin:0 auto; display:table; float:none} .portfolioWrapper{background:transparent;padding: 0px 0;} .portfolioWrapper h2{color:#636363} .portfolioWrapper .topHolding{width:100%; float:left; padding:20px 0; box-sizing:border-box; } .assetWrapper{width:100%; float:left;} .assetWrapper h3{width:100%; float:left; font-size:2.4em; font-family:'bnpp_squarelight'; font-weight:normal; color:#636363; margin:20px 0 25px 0} .assetWrapper .leftAsset{width:60%; float:left;} .assetWrapper .rightAsset{width:40%; float:left; padding:0 0 0 40px; box-sizing:border-box} .assetWrapper .tableClass{margin:0 0 40px 0} .assetWrapper .grayButton{margin:0 auto; float:none; display:table} .assetWrapper .assetMid{width:100%; float:left; margin:50px 0 0 0; border-top:1px solid #b6b6b6} .assetWrapper .assetMid .tableClass{width:60%; margin:0 auto; display:table; float:none} ul.portfolioUL, ul.portfolioUL li{width:100%; float:left; overflow:hidden} ul.portfolioUL li{margin:0 0 2px 0; background:#e0e0e0; position:relative; padding:10px 0} ul.portfolioUL li span{width:80%; height:100%; position:absolute; left:0; top:0;} ul.portfolioUL li span:after{width:0%; height:100%; content:''; position:absolute; left:0; top:0; display:block; transition:all ease 0.6s; background:#e0c5e6; } ul.portfolioUL.activate li span:after{width:100%;} ul.portfolioUL li p{width:60%; float:left; font-size:1.4em; color:#636363; padding:0 15px; box-sizing:border-box; position:relative; } ul.portfolioUL li p.valueEle{width:40%; float:left; text-align:right;} /****** Fund CSS END***********/ .tableClass{width:100%; float:left} .tableClass th, .tableClass td{font-size:1.4em; color:#636363; box-sizing:border-box; text-align:left; } .tableClass th{background:#dbdbdb; color:#636363; padding:10px 10px; border-bottom:1px solid #c5c5c5;} .tableClass td{border-bottom:1px solid #c5c5c5; padding:15px 10px; } .overlay, .fixedOverlay{width:100%; height:100%; float:left; background:rgba(44,41,37,0.7); position:fixed; left:0; top:0; z-index:4; display:none; } .fundPopup{width:500px; padding:30px 40px 45px 40px; box-sizing:border-box; background:#93bd0e; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:5; display:none;} .fundPopup h2{width:100%; float:left; font-size:4em; color:#ffffff; font-family:'bnpp_sans_condensedlight'; font-weight:normal; margin:0; padding:0} .fundPopup p{width:100%; float:left; font-size:1.4em; color:#3e5f14; line-height:1.4em; margin:10px 0 35px 0} .fundPopup a{width:230px; color:#6e6e6e; font-size:1.2em; text-transform:uppercase; font-family:'bnpp_squareregular'; text-align:center; height:40px; line-height:40px; background:#f3f3f3; display:table; margin:0 auto 15px auto; border-radius:3px;} /****** Button Styling Start ******/ a.viewDetails{float:right; font-size:1.2em; text-transform:uppercase; font-family:'bnpp_squareregular'; margin:10px 0 0 0} a.closeBtn, a.backBtn{color:#00925c; font-size:1.4em; font-family:'bnpp_squarelight'; padding:0 0 0 45px; position:relative; width:auto; float:left; line-height:35px;} a.closeBtn, a.backBtn:hover{color:#ff5c33;} a.closeBtn:after, a.backBtn:after{width:35px; height:35px; border-radius:40px; background:#e8e3e3; content:''; display:block; position:absolute; left:0; top:0} a.backBtn span:after{width:12px; height:1px; background:#00925c; content:''; display:block; position:absolute; left:12px; top:50%; z-index:1} a.backBtn span:after:hover { width: 12px; height: 1px; background: #ff5c33; content: ''; display: block; position: absolute; left: 12px; top: 50%; z-index: 1; } .insightWrapper .learnMore ul.boxHT li .contentnW a.knowMore { bottom: 35px; position: absolute; left: 15px; } a.backBtn span:before{width:0; height:0; content:''; display:block; position:absolute; left:12px; top:50%; z-index:1; border:1px solid; padding:3px; border-color:#00925c transparent transparent #00925c; margin-top:-3px} a.closeBtn span:after, a.closeBtn span:before{width:12px; height:1px; background:#00925c; content:''; display:block; position:absolute; left:12px; top:50%; z-index:1} a.closeBtn span:after{transform:rotate(45deg)} ul.latestBox li a.backBtn{position:absolute; left:20px; top:10px; } ul.rightSimplifiedUL li a.closeBtn, ul.latestBox li a.closeBtn{position:absolute; left:20px; top:10px; } /****** Button Styling End ******/ .topNav{background:#6c6d6f; width:100%; float:left;height: 40px;} .topNav ul.navUL02, .topNav ul.navUL02 li, .topNav ul.navUL02 li a{width:auto; float:right;} .topNav ul.navUL02 li, .topNav ul.navUL02 li a{float:left;} .topNav ul.navUL02 li a{color:#fff; padding:0 15px; font-size:1.2em; text-transform:uppercase; height:40px; line-height:40px; border-left:1px solid #fff6; transition:all ease 0.3s; font-family:'bnpp_squareregular'; position:relative} .topNav ul.navUL02 li a.distributorLink{background:#641a49} .topNav ul.navUL02 li:first-child a{border:none} .topNav ul.navUL02 li:hover a, .topNav ul.navUL02 li:active a, .topNav ul.navUL02 li.active a{box-shadow:0px 0px 9px 0px rgb(95 95 95 / 32%); /* background:#f25d3c */} .topNav ul.navUL02 li a.distributorLink:hover, .topNav ul.navUL02 li a.distributorLink:active{background:#5e1343} .topNav ul.navUL02 li a.tollFree{padding-left:30px} .topNav ul.navUL02 li a.tollFree:after{width:15px; height:20px; position:relative; content:''; display:block; position:absolute; left:15px; top:50%; background:url(../images/sprite-bnp.png) no-repeat -270px -44px; margin-top:-7px} .imgmfWorks{width:30%; float:left; max-width:260px; float:left; margin:20px 0 0 0} .mfWorks{width:70%; float:left; padding:0 0 0 60px; box-sizing:border-box; margin:20px 0 0 0} .mfWorks ul.bulletUL li{width:48%; float:left; margin:0 4% 0 0; clear:left; border-bottom:1px solid #cfcfcf; border-top:none} .mfWorks ul.bulletUL li:nth-child(2n){margin:0; clear:none;} .mfWorks ul.bulletUL li:nth-child(2), .mfWorks ul.bulletUL li:first-child{border-top:1px solid #cfcfcf;} ul.mfWorksUL{width:100%; float:left; margin:0 0 40px 0} ul.mfWorksUL li{width:33.33%; float:left; padding:0 25px; box-sizing:border-box; border-left:1px solid #cfcfcf;} ul.mfWorksUL li:first-child{border:none; padding:0 50px 0 0;} ul.mfWorksUL li h3{font-size:2.4em; color:#5f5f5f; font-family:'bnpp_sans_condensedlight'; font-weight:normal; width:100%; float:left; margin:5px 0 10px 0} ul.mfWorksUL li p{font-size:1.6em; color:#5f5f5f; width:100%; float:left; font-family:Arial, Helvetica, sans-serif} .whyInvest .leftWrap, .whyInvest .rightWrap{width:50%; float:left; padding:0 40px 0 0; box-sizing:border-box; margin:25px 0 0 0; border-right:1px solid #d0d0d0; box-sizing:border-box} .whyInvest .leftWrap ul{width:100%; float:left; margin:0 0 15px 0} .whyInvest .leftWrap ul li{width:33.33%; float:left; padding:0 15px; box-sizing:border-box; text-align:center; border-left:1px solid #d0d0d0} .whyInvest .leftWrap ul li:first-child{border:none} .whyInvest .leftWrap ul li h3{width:100%; float:left; font-size:3.5em; color:#96275a; font-family:'bnpp_sans_condensedlight'; font-weight:normal} .whyInvest .leftWrap h6, .whyInvest p, .whyInvest .leftWrap ul li h5{width:100%; float:left; font-size:1.6em; color:#636363; font-weight:normal; margin:0 0 15px 0} .whyInvest .leftWrap ul li h5{margin:0} .whyInvest .leftWrap h6{font-style:italic} .whyInvest .rightWrap {padding:0 0 0 40px; border:none} .whyInvest .rightWrap h3{color:#636363; width:100%; float:left; font-family:'bnpp_sans_condensedlight'; font-weight:normal; font-size:3em; margin:0 0 10px 0} ul.linkNeed{width:100%; float:left; display:none; margin:20px 0 0 0} ul.linkNeed li{width:100%; float:left; padding:0; box-sizing:border-box; padding:5px 0} ul.linkNeed li a{line-height:40px; height:40px; border-radius:4px; background:#dadada; color:#5f5f5f; font-size:1.2em; text-transform:uppercase; width:100%; float:left; transition:all ease 0.3s} ul.linkNeed li a span{position:relative; width:120px; margin:0 auto; display:table; position:relative; padding-left:30px; box-sizing:border-box} ul.linkNeed li a span:after{width:20px; height:20px; content:''; display:block; position:absolute; left:0; top:50%; margin-top:-10px; background:url(../images/sprite-bnp.png) no-repeat -112px -172px; } ul.linkNeed li a.getCall span:after{background-position:-166px -171px} ul.linkNeed li a.tollFreeNo span{width:auto} ul.linkNeed li a.tollFreeNo span:after, ul.linkNeed li a.mailUs span:after{display:none} ul.linkNeed li a.mailUs {text-align: center;} ul.linkNeed li a.mailUs span {padding: 0 10px; width: auto;} ul.linkNeed li a:active, ul.linkNeed li a:hover{background:#00965e; color:#fff} ul.linkNeed li a:active span:after, ul.linkNeed li a:hover span:after{background-position:-112px -121px} ul.linkNeed li a.getCall:active span:after, ul.linkNeed li a.getCall:hover span:after{background-position:-166px -120px} ul.faqsUL, ul.faqsUL li, ul.faqsUL li h3, ul.faqsUL li .details, ul.faqsUL li .details p{width:100%; float:left; box-sizing:border-box;} ul.faqsUL{margin:15px 0 30px 0} ul.faqsUL li{border-bottom:1px solid #d0d0d0;} ul.faqsUL li:first-child{border-top:1px solid #d0d0d0;} ul.faqsUL li h3{color:#f25d3c; font-size:1.6em; font-weight:normal; font-family:'bnpp_squareregular'; padding:10px 0 10px 25px; position:relative; cursor:pointer;} ul.faqsUL li h3:after, ul.faqsUL li h3:before{width:11px; height:1px; content:''; display:block; background:#00965e; position:absolute; left:0; top:22px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s;} ul.faqsUL li h3:before{width:1px; height:11px; left:5px; top:17px; opacity:1} ul.faqsUL li h3.active:before{width:0; height:0; opacity:0} ul.faqsUL li .details{padding:0 10px 10px 25px; display:none} ul.faqsUL li .details p{font-size:1.4em; color:#4f4f4f; margin:5px 0; line-height:1.4em} ul.faqsUL li .numberUL li {border:none; font-size:1.4em;} .bulletWrapper .investPopup, .faqsWrap a.grayButton, .filterDetails a.grayButton{float:none; margin:0 auto 30px; display:table} .searchFaqs{width:90%; margin:0 auto 40px auto; display:table;} .searchFaqs .serachW{width:100%; float:left; height:60px; line-height:60px;; position:relative; box-sizing:border-box} .searchFaqs .serachW .searchImg{width:60px; height:60px; float:left; overflow:hidden; text-indent:-99px; position:absolute; right:0; top:0; box-sizing:border-box; z-index:1} .searchFaqs .serachW .searchImg:after{width:35px; height:40px; background:url(../images/sprite-bnp.png) no-repeat -290px -137px; content:''; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);} .searchFaqs .serachW input[type=text]{font-size:3.0em; color:#5f5f5f; border-color:#5f5f5f; height:60px; line-height:60px;box-sizing:border-box; padding:0 70px 0 15px; opacity:0.5 } .searchFaqs p{text-align:center; width:100%; margin:15px auto; float:left; color:#5f5f5f; font-size:3em; font-family:'bnpp_sans_condensedlight'; line-height:42px;} .searchFaqs p span{background:#93bd0e; border-radius:100px; width:42px; height:42px; display:inline-block; margin:0 10px 0 0} ul.searchCategoryUL{width:auto; display:table; text-align:center; margin:0 auto} ul.searchCategoryUL li{width:auto; display:inline-block; margin:3px} ul.searchCategoryUL li a{line-height:35px; height:35px; padding:0 20px; display:table; border-radius:4px; font-size:1.4em; color:#5f5f5f; text-transform:uppercase; position:relative} ul.searchCategoryUL li a:before{width:100%; height:100%; content:''; display:block; position:absolute; left:0; top:0; background:#e5e5e5; z-index:-1; box-shadow:0px 0px 0px 0px #86c5b1; -webkit-box-shadow:0px 0px 0px 0px #86c5b1; -moz-box-shadow:0px 0px 0px 0px #86c5b1; -o-box-shadow:0px 0px 0px 0px #86c5b1; transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s; border-radius:3px; } ul.searchCategoryUL li a:hover:before{box-shadow:2px 3px 10px -1px #bcc2c0; -webkit-box-shadow:2px 3px 10px -1px #bcc2c0; -moz-box-shadow:2px 3px 10px -1px #bcc2c0; -o-box-shadow:2px 3px 10px -1px #bcc2c0; transform:scale(1.01,1.01); -webkit-transform:scale(1.01,1.01); -moz-transform:scale(1.01,1.01); -o-transform:scale(1.01,1.01);} .kycWrap .container{position:relative;} .kycWrap .box{width:45%; float:right; padding-bottom:70px;} .kycWrap .box h2{margin:10px 0 5px 0; line-height:1.1em;} .kycWrap .box h3{margin:20px 0 15px 0; line-height:1.3em; font-family:'bnpp_squarelight'; font-size:2em; color:#636363; font-weight:normal} .kycWrap .box h2:first-child{margin-top:0} .kycWrap .box p{color:#636363; font-size:1.6em; margin:5px 0 10px 0; width:100%; float:left; line-height:1.4em} .kycWrap .box ul.bulletUL{margin:35px 0 0 0} .kycWrap .kycImg{position:absolute; left:0; top:30px; max-width:100%; max-height: inherit;} .kycWrap .fullWidth a.grayButton, .kycWrap .fullWidth a.greenButton{margin:10px 15px 10px 0} .iPin .box p{margin: 0 0 10px 0} .iPin .box a.greenButton, .iPin .box a.grayButton{margin:5px 15px 5px 0} a.brownLink{width:auto; float:left; color:#e9721c; margin:15px 0; font-size:1.4em; text-transform:uppercase } /*a.brownLink:hover, a.brownLink:active{color:#a04300}*/ .filterWrap, .topCont{width:100%; float:left; margin:0} .topCont p{width:90%; float:left; font-size:2.2em; color:#636363; font-weight:normal;} .filterWrap{margin:20px 0 0 0;} .filterDetails{width:100%; float:left} ul.boxUL{width:100%; float:left; margin:20px 0 20px 0} ul.boxUL li{width:50%; float:left; padding:0 10px 0 0; box-sizing:border-box; margin:0 0 30px 0; } ul.boxUL.boxUL01 li {margin: 0px;} ul.boxUL li:nth-child(2n){padding:0 0 0 10px;} ul.boxUL li a{width:100%; float:left; padding:0; box-sizing:border-box; box-shadow:4px 4px 8px 2px #c7c6c670; height:100%; display:table; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; overflow:hidden} ul.boxUL li .left{width:75%; float:left; padding:25px; box-sizing:border-box;} ul.boxUL li .left span{font-size:1.3em; color:#636363; width:100%; float:left} ul.boxUL li p{font-size:1.6em; color:#636363; width:100%; float:left; padding:10px 0 0 0} ul.boxUL li .right{float:right; height:100%; display:table; width:25%; background:#f0eded; text-align:center; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; min-height:110px;} ul.boxUL li .right .vMid{display:table-cell; vertical-align:middle; } ul.boxUL li .right p{color:#00965e; text-transform:uppercase; background:url(../images/pdfIcon.png) no-repeat center 0; padding:35px 0 0 0; font-size:1.2em; font-family:'bnpp_squareregular'; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;} ul.boxUL li a:hover{box-shadow:-1px -1px 15px 2px #abaaaa70;} ul.boxUL li a:hover .right{background:#ff5c33} ul.boxUL li a:hover .right p{background-image:url(../images/pdfIconHover.png); color:#f0eded} ul.boxUL li a.excelLink .right p{ background-image:url(../images/xlsIcon.png);} ul.boxUL li a.excelLink:hover .right p{background-image:url(../images/xlsIcon-hover.png);} ul.boxUL li a.xmlLink .right p{ background-image:url(../images/xmlicon.png);} ul.boxUL li a.xmlLink:hover .right p{background-image:url(../images/xmlicon-hover.png);} .categoryW{width:100%; float:left; border:1px solid #d0d0d0; box-sizing:border-box; padding:0px 25px; margin:0 0 30px 0; height:60px; } .categoryW .left{width:auto; float:left; padding:20px 0} .categoryW p{float:left; font-size:1.4em; color:#5f5f5f} .categoryW .pure-radiobutton{float:left; margin:0 20px} .categoryW .pure-radiobutton input[type="radio"] + label::before{margin-top:0} .categoryW .pure-radiobutton input[type="radio"] + label::after{margin-top:4px} .categoryW .dropdownW{width:auto; float:right; border-left:1px solid #d0d0d0; height:100%; padding:0 0 0 20px; box-sizing:border-box} .categoryW .dropdownW p{line-height:60px; font-size:1.3em} .categoryW .dropdownW .dropdown{float:left; width:150px; margin:0 0 0 20px; position:relative; top:10px} .categoryW .tabW{width:auto; float:left} .filterFund, .filterFund .row, .filterFund .row h4{width:100%; float:left;} .filterFund .row {padding:15px 0; /*border-top:1px solid #d0d0d0*/ } .filterFund .row02{border:none; position:relative; padding-top:40px;} .filterFund .row02:before{display:block; width:40px; height:30px; line-height:30px; position:absolute; left:50%; margin:0 0 0 -20px; content:'OR'; top:0; font-size:1.8em; text-align:center; background:#fff; z-index:0; color:#838382; font-family:Arial, Helvetica, sans-serif} .filterFund .row02:after{display:block; width:150px; height:1px; position:absolute; left:50%; margin:0 0 0 -75px; content:''; top:15px; font-size:1.4em; text-align:center; background:#838382; z-index:-1} .filterFund .row h4{color:#5f5f5f; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 15px 0} .filterFund .row01 h4{margin:0} .filterFund .row.rowRisk h4{width:auto; margin:0 15px 0 0; line-height:35px} .filterFund .row.rowRisk .dropdown{width:60%; float:right} .filterFund .row01 .dropdown h3, .filterFund .row.rowRisk .dropdown h3{margin:0} .filterFund .row .pure-checkbox{margin:0 15px 0 0; float:left} .filterFund .row .pure-checkbox input[type="checkbox"] + label::before{margin:-1px 0 0 0} .filterFund .row .pure-checkbox input[type="checkbox"] + label::after{margin-top:4px} .filterFund .row .pure-checkbox input[type="checkbox"] + label{padding-left:22px;} .filterFund .row p{color:#636363; font-size:1.3em} .filterFund .row:first-child{border:none} .needhelpWrapper02{position:relative;} .needhelpWrapper02:after{width:100%; height:70%; content:''; display:block; position:absolute; left:0; bottom:0; background:#e9e9e9; z-index:-1} .needhelpWrapper02 .leftCont{width:65%; float:left;box-sizing:border-box; background:#fff; padding:30px; box-sizing:border-box; min-height:242px} .needhelpWrapper02 ul.linkNeed{display:block} .needhelpWrapper02 ul.linkNeed li{width:50%; padding:0 0px 0 15px; box-sizing:border-box} .needhelpWrapper02 ul.linkNeed li:first-child{padding:0 35px 0 0} .needhelpWrapper02 ul.linkNeed li p{font-size:1.6em; color:#636363; width:100%; float:left; margin:0 0 20px 0 } .needhelpWrapper02 ul.linkNeed li a{width:auto; padding:0 10px 0 25px} .needhelpWrapper02 .linkNeed h3{color:#5f5f5f; font-size:2.4em; width:100%; float:left; font-weight:normal; position:relative; padding:0 0 10px 25px} .needhelpWrapper02 .linkNeed h3:after{width:20px; height:20px; content:''; display:block; position:absolute; left:0; top:5px; background:url(../images/sprite-bnp.png) no-repeat -374px 0;} .needhelpWrapper02 .linkNeed h3.mailIcon:after {background:url(../images/sprite-bnp.png) no-repeat -340px -137px;} .needhelpWrapper02 ul.linkNeed li.rgtLI a{background:none; line-height:none; font-size:1em; padding:0; float:none; color:#159661; text-transform:none; line-height:1.2em; word-wrap: break-word;} .needhelpWrapper02 ul.linkNeed li.rgtLI p{margin:0} .needhelpWrapper02 .rgtCont{width:35%; float:left; min-height:325px; float:left; box-sizing:border-box; overflow:hidden; position:relative;} .needhelpWrapper02 .rgtCont .imgNeed{float:left; height:100%; position:absolute; left:50%; top:0; width:auto; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); } .mobileFund{display:none} .kycWrap .btmBox, .investerWrapper .btmBox, .distributorWrapper .btmBox{width:100%; float:left; padding:0 15%; box-sizing:border-box; } .topContW h3, .innerBanner .bannerDetails h3, .kycWrap .btmBox h3, .distributorWrapper .btmBox h3, .investerWrapper .btmBox h3{width:100%; float:left; text-align:center; font-size:2.4em; line-height:1.3em; font-weight:normal; font-family:'bnpp_squarelight'; color:#636363; padding:10px 0 15px 0; position:relative; margin:0 0 15px 0} .topContW h3:after, .innerBanner .bannerDetails h3:after, .kycWrap .btmBox h3:after, .kycWrap .btmBox h3:before{width:60px; height:1px; background:#454240; content:''; display:block; position:absolute; left:50%; top:0; margin:0 0 0 -30px;} .topContW h3:after, .innerBanner .bannerDetails h3:after, .kycWrap .btmBox h3:before{top:auto; bottom:0} .kycWrap .btmBox p, .investerWrapper .btmBox p{width:100%; float:left; text-align:center; font-size:1.6em; line-height:1.3em; font-weight:normal; color:#575757; padding:10px 0 15px 0; position:relative} .kycWrap .btmBox a.greenButton, .investerWrapper .btmBox a.greenButton, .distributorWrapper .btmBox a.greenButton{float:none; margin:0 auto; display:table} .aboutWrap ul.boxUL li .box{box-shadow:4px 4px 8px 2px #c7c6c6; width:100%; float:left; height:100%; padding:15px; box-sizing:border-box;} .aboutWrap ul.boxUL li .box .img{width:25%; float:left; } .aboutWrap ul.boxUL li .box .img img{width:100%; float:left} .aboutWrap ul.boxUL li .box .rgtCont{width:75%; float:left; padding:0 0 0 15px; box-sizing:border-box } .aboutWrap ul.boxUL li .box h3{width:100%; float:left; font-size:1.6em; color:#636363; font-weight:normal} .innerBanner{width:100%; float:left; } .innerBanner img{width:100%; float:left;} .innerBanner .bannerDetails{width:70%; margin:0 auto; display:table; padding:35px 10% 25px 10%; box-sizing:border-box; background:#fff; text-align:center; position:relative; top:-35px;box-shadow: 1px 1px 19px rgb(204 204 204 / 45%);} .innerBanner .bannerDetails h3{padding-top:0} .innerBanner .bannerDetails01{padding:50px 40px;} .innerBanner .bannerDetails01 h3{text-align:left; font-size:2em; margin:0; padding:0} .innerBanner .bannerDetails h3 strong{font-weight:bold;} .innerBanner .bannerDetails01 h2{margin:0} .innerBanner .bannerDetails01 p{margin:20px 0 0 0} .innerBanner .bannerDetails01 h3:after{display:none} .aboutWrap .filterWrap{margin:0} .topContW{width:100%; padding:0 2%; float:left; box-sizing:border-box; margin:0 0 20px 0} .topContW_new{text-align:center} .topContW_new p{width:100%; float:left; margin:10px 0; font-size:1.6em} ul.bodUL, ul.card-box{width:100%; float:left} ul.bodUL li, ul.card-box li{width:25%; float:left; padding:0 5px; box-sizing:border-box; } .aboutWrap ul.bodUL li, .aboutWrap ul.card-box li{cursor:pointer} ul.bodUL li:nth-child(4n+1), ul.card-box li:nth-child(4n+1){clear:left} ul.bodUL li .img, ul.card-box li .img{ /*width:100%;*/ float:left; overflow:hidden; height:300px; border: 2px solid #afafaf; } ul.bodUL li .img img, ul.card-box li .img img{width:100%; float:left} ul.bodUL li .desc, ul.card-box li .desc{width:100%; float:left; background:#fff; padding:15px 15px; box-sizing:border-box; position:relative; top:-30px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s; border: 2px solid #afafaf; border-top: none; } ul.bodUL li .desc h3, ul.bodUL li .desc p, ul.card-box li .desc h3, ul.card-box li .desc p{color:#6b4474; font-size:2em; width:100%; float:left; font-weight:normal;transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s;} ul.bodUL li .desc p, ul.card-box li .desc p{font-size:1.4em} ul.bodUL li:hover .desc, ul.bodUL li.active .desc, ul.card-box li:hover .desc, ul.card-box li.active .desc{background:#ff5c33} ul.bodUL li:hover .desc h3, ul.bodUL li:hover .desc p, ul.bodUL li.active .desc h3, ul.bodUL li.active .desc p, ul.card-box li:hover .desc h3, ul.card-box li:hover .desc p, ul.card-box li.active .desc h3, ul.card-box li.active .desc p {color:#fff;} ul.bodUL03 li:nth-child(4n+1){clear:none} ul.bodUL03 li:nth-child(3n+1){clear:left;} .bootomLinkWrap{background:#ededed; padding-bottom: 20px;} .bootomLinkWrap .container{padding:30px 0 40px 0} .bootomLinkWrap h2{line-height:1em; margin:0; padding:0} .bootomLinkWrap h3{font-size:1.4em; color:#57585c;text-transform: uppercase; width:100%; float:left; font-weight:bold; padding: 0 20px;} .bootomLinkWrap ul.bulletUL{margin:25px 0 0 0} .bootomLinkWrap ul.bulletUL li{width:33.33%; float:left; border:none; padding:0 20px; box-sizing:border-box; } .bootomLinkWrap ul.bulletUL li:nth-child(3n+1){clear:left} .bootomLinkWrap ul.bulletUL li a{border-bottom:1px solid #f25d3c; color: #f25d3c; width:100%; float:left; padding:10px 0px 10px 0px; box-sizing:border-box; height:100%; line-height:1.4em} .bootomLinkWrap ul.bulletUL li a:hover {color: #01a66c;} .bootomLinkWrap ul.bulletUL li a:after{left:0; top:13px} .bootomLinkWrap ul.bulletUL li a:before{width:100%; height:1px; background:#d0d0d0; position:absolute; left:0; bottom:-1px; content:''; display:none } .bootomLinkWrap01 ul.bulletUL{margin:10px 0 20px 0} .popupBOD, .popup-box {width:1200px; height: auto; position:absolute; left:50%; top:5%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); background:#fff; padding:130px 40px 80px 40px; box-sizing:border-box; margin:0; z-index:5; display:none} .popupBOD .cont, .popup-box .cont{width:60%; float:right; position:static; z-index:5} .popupBOD .cont:after, .popup-box .cont:after{width:100%; height:120px; content:''; display:block; position:absolute; left:0; top:70px; background:#6c6d6f; z-index:-1} .popupBOD .cont h3, .popupBOD .cont h4, .popup-box .cont h3, .popup-box .cont h4{font-weight:normal; font-size:2em; color:#fff; width:100%; float:left; padding:0 0 0 20px; box-sizing:border-box} {font-weight:normal; font-size:2em; color:#fff; width:100%; float:left; padding:0 0 0 20px; box-sizing:border-box} .popupBOD .cont h4, .popup-box .cont h4 {font-size:1.4em; margin:0 0 30px 0 } .popupBOD .cont p, .popup-box .cont p{width:100%; float:left; color:#575757; font-size:1.4em; line-height:1.5em; margin:20px 0 0 0} .popupBOD .cont .img, .popup-box .cont .img{width:35%; float:left; background:#fff; text-align:center; position:absolute; left:5%; top:70px; padding:0; box-sizing:border-box} .popupBOD .cont .img img, .popup-box .cont .img img{margin:0 auto; width:340px; max-width:95%;} .popupBOD a.closeBod, .popup-box a.closeBod{position:absolute; right:40px; top:30px; color:#00965e; text-transform:uppercase; font-size:1.2em; padding:0 40px 0 0; box-sizing:border-box; line-height:30px; } .popupBOD a.closeBod:after, .popup-box a.closeBod:after{width:30px; height:30px; border-radius:50px; float:right; position:absolute; right:0; top:0; background:#e5e5e5; content:'';} .popupBOD a.closeBod span:after, .popupBOD a.closeBod span:before, .popup-box a.closeBod span:after, .popup-box a.closeBod span:before {width:15px; height:1px; background:#00965e; content:''; position:absolute; right:7px; top:14px; transform:rotate(45deg); z-index:1} .popupBOD a.closeBod span:before, .popup-box a.closeBod span:before{transform:rotate(-45deg);} .bodDetails{width:100%; float:left; display:none} ul.historyUL, ul.historyUL li{width:100%; float:left;} ul.historyUL li{position:relative; padding:0 0 0 170px; box-sizing:border-box} ul.historyUL li h3{width:auto; float:left; text-align:right; color:#2d2926; font-family:'bnpp_sans_condensedlight'; font-weight:normal; font-size:3.2em; position:absolute; left:0; top:0; text-align:right; min-width:150px; padding:0 40px 0 0; box-sizing:border-box; line-height:1em; height:100%;} ul.historyUL li h3:after{padding:2px; border:2px solid #e9721c; border-radius:30px; content:''; display:block; position:absolute; right:0; top:5px} ul.historyUL li h3:before{width:1px; height:80%; background:#e9721c; content:''; display:block; position:absolute; right:4px; top:12px;} ul.historyUL li:nth-child(2n) h3:after{border-color:#6b4474} ul.historyUL li:nth-child(2n) h3:before{background:#6b4474} ul.historyUL li:nth-child(3n) h3:after{border-color:#24b3c7} ul.historyUL li:nth-child(3n) h3:before{background:#24b3c7} ul.historyUL li p{width:100%; float:left; font-size:1.6em; color:#484646; font-family:'bnpp_squarelight'; margin:0 0 20px 0} .historyWrap .btmCont{margin:0px 0 30px 0; width:100%; text-align:center; float:left} .historyWrap .btmCont p{font-size:1.6em; color:#636363; width:100%; float:left; margin:0 0 20px 0; line-height:1.4em; font-weight:normal} .videoW{margin:0 0 40px 0} .videoW, .videoW p, .videoW iframe{width:100%; float:left} .videoW iframe{height:450px;} .videoW p{color:#636363; font-size:1.4em; margin:10px 0 0 0} .historyWrap{width:100%; float:left; padding:0 115px; box-sizing:border-box} ul.boxUL01{width:80%; margin:30px auto; float:none; display:table;} ul.boxUL01 li:nth-child(2n), ul.boxUL01 li{width:100%; padding:0} ul.boxUL01 li h2{margin:0 0 10px 0} .aboutWrap ul.boxUL01 li .box .img img{width:auto; max-width:100%; float:right; } .aboutWrap ul.boxUL01 li .box{box-shadow:none; padding:0 0 20px 0} .aboutWrap ul.boxUL01 li .box .rgtCont{padding:0 0 0 50px;} .investPhiloImg img{width:100%; float:left;} .philosophyWrap .container{padding-bottom:0} .philosophyWrap .philosophyImg{position:relative; width:100%; top:-80px; z-index:-1} .equityWrapper .container{padding-top:0} .equityWrapper .box{width:100%; float:left; margin:30px 0 0 0; position:relative; min-height:280px;} .equityWrapper .box .cont{width:50%; float:right;} .equityWrapper .box01 .cont{float:left; width:60%;} .equityWrapper .box p{font-size:1.6em; color:#636363; line-height:1.5em; width:100%; float:left; margin:0 0 15px 0; } .equityWrapper .box h3{font-size:2.0em; color:#636363; line-height:1.5em; width:100%; float:left; margin:15px 0 10px 0; font-family:'bnpp_squarelight'; font-weight:normal } .equityWrapper .box h2{margin-bottom:10px} .equityWrapper .box img{position:absolute; left:0; max-width:45%; } .equityWrapper .box01 img{left:auto; right:0; max-width:40%} .equityWrapper .box01{margin:0} .innerBanner .bannerDetails02{width:50%; padding-top:35px; padding-bottom:35px; top:-50px; } .bannerDetails h2{text-align:left; padding:0; text-align:left; font-size:2.4em; font-family:Arial, Helvetica, sans-serif; margin:0 0 15px 0; line-height:1.3em} .bannerDetails p{font-size:1.6em; text-align:left; font-family:Arial, Helvetica, sans-serif; line-height:1.4em; width:100%; float:left} .bannerDetails a.greenButton{margin:20px 0 0 0} .bannerDetails p:first-child{margin:0} .bannerDetails .midBx{width:100%; margin:0 auto; text-align:center; padding:30px 0 0 0; box-sizing:border-box; display:table} .bannerDetails .midBx h3{text-align:center; margin:0 0 30px 0} .bannerDetails .midBx a{float:none; display:table; margin:0 auto} .contactWrap .container{padding-bottom:0; } /*.mapWrapper .headTitle h2{padding-left:30px; position:relative} .mapWrapper .headTitle h2:after{width:20px; height:30px; background:url(../images/sprite-bnp.png) no-repeat -217px -87px; content:''; display:block; position:absolute; left:0; top:50%; margin:-15px 0 0 0}*/ .contactWrap .bannerDetails h1 {text-align:left;} .contactWrap .bannerDetails h3{margin-bottom:10px} .contactWrap .dropdown ul{z-index:2} .gMap{width:100%; float:left; height:100%; display:table; margin-bottom: 40px;} .gMap img{width:100%; float:left} .gMap main{position:relative; z-index:1; height:100%;} .gMap .container{position:absolute; left:0; top:0; background:#fff; padding:0; box-sizing:border-box; z-index:5; width:300px; height:450px; box-shadow: 1px 1px 19px rgb(204 204 204 / 45%);} .gMap ul.radioUL{width:100%; float:left; margin:0 0 20px 0 } .gMap ul.radioUL li{width:50%; float:left; text-align:center; padding:0; box-sizing:border-box; background:#ededed; position:relative} .gMap ul.radioUL li.selected{background:#d5d5d5} .gMap ul.radioUL li.selected:after{width:20px; height:20px; background:#d5d5d5; content:''; display:block; position:absolute; bottom:-10px; left:50%; margin:0 0 0 -10px; transform:rotate(45deg)} .gMap ul.radioUL li label{width:100%; float:left; text-align:center; box-sizing:border-box; padding:40px 0 0 0; height:85px; margin:0} .gMap .pure-radiobutton input[type="radio"] + label:after, .gMap ul.radioUL li .pure-radiobutton input[type="radio"] + label:before{left:50%; margin:-5px 0 0 -9px; top:20px} .gMap ul.radioUL li .pure-radiobutton input[type="radio"]:checked + label:before{left:50%;} .gMap .pure-radiobutton input[type="radio"] + label:after{margin:-1px 0 0 -5px} .branchSelection{width:100%; float:left; padding:20px; box-sizing:border-box } .branchSelection p{font-size:1.6em; color:#636363; font-family:Arial, Helvetica, sans-serif;} .branchSelection .dropdown{margin:15px 0 0 0} .branchSelection .or{width:auto; margin:0 auto; display:table; padding:40px 0; position:relative; color:#636363; font-size:1.6em; font-weight:bold } .branchSelection .or:after, .branchSelection .or:before{width:30px; height:1px; content:''; display:block; position:absolute; left:-40px; top:50%; background:#5e6061} .branchSelection .or:after{left:auto; right:-40px;} .branchSelection .pincode{width:100%; float:left; position:relative} .branchSelection .pincode input[type=text]{color:#00965e; line-height:40px; padding:0 45px 0 0; box-sizing:border-box; font-size:1.4em} .branchSelection .pincode a.pinBtn{width:auto; position:absolute; right:0; bottom:5px; background:#dadada; height:35px; width:35px; border-radius:5px; overflow:hidden; text-indent:-99px; z-index:1} .branchSelection .pincode a.pinBtn:after{width:22px; height:1px; background:#00965e; content:''; display:block; position:absolute; left:50%; top:50%; margin:-1px 0 0 -11px;} .branchSelection .pincode a.pinBtn:before{width:0; height:0; content:''; display:block; position:absolute; padding:4px; border:1px solid #00965e; border-width:1px 1px 0 0; transform:rotate(45deg); right:6px; top:50%; margin:-5px 0 0 0} .gMap #map_canvas { width: calc(100% - 340px); float: right; height:325px; } .gMap .info_content{width:400px;} .gMap .info_content h3{width:100%; float:left; color:#636363; font-size:1.2em;} .gMap .info_content p{width:100%; float:left; font-size:1.2em; color:#636363; line-height:1.4em; margin:15px 0 0 0} .fillFreeWrapper .container{padding-top:0} .fillFreeWrapper .headTitle{margin:0 0 25px 0} .fillFreeWrapper .left{width:40%; float:left; padding:0 40px 0 0; box-sizing:border-box; } .fillFreeWrapper .left a {color: #ff5c33; font-family: 'bnpp_squareregular';} .fillFreeWrapper .left a:hover {color: #00965e; font-family: 'bnpp_squareregular';} .fillFreeWrapper .left p{font-weight:normal; font-size:1.6em; color:#636363;} .fillFreeWrapper .right{width:60%; float:left; padding:0 0 0 40px; box-sizing:border-box; border-left:1px solid #cfcfcf} .fillFreeWrapper .img{width:35%; float:left; position:relative} .fillFreeWrapper .img img{width:100%;} .fillFreeWrapper .img .imgDetails{width:90%; float:left; position:absolute; left:0; bottom:0; background:#fff; z-index:1; padding:15px; box-sizing:border-box} .fillFreeWrapper .img .imgDetails h3, .fillFreeWrapper .img .imgDetails p{color:#6b4474; font-size:2em; width:100%; float:left; font-weight:normal} .fillFreeWrapper .img .imgDetails p{font-size:1.4em; margin:5px 0 0 0} .fillFreeWrapper .contDetails{width:65%; float:left; padding:0 0 0 40px; box-sizing:border-box} .fillFreeWrapper .contDetails h3, .fillFreeWrapper .left h3{font-size:2.0em; color:#575757; width:100%; float:left; font-weight:normal; margin:20px 0 0 0;} .fillFreeWrapper .left h3{margin:0 0 10px 0} .fillFreeWrapper .contDetails p{font-size:1.6em; color:#575757; width:100%; float:left; margin:0} .fillFreeWrapper .contDetails p.head{font-family:'bnpp_squarelight'; font-size:2.0em} .fillFreeWrapper .contDetails p a{color:#ff5c33; font-family:'bnpp_squareregular';} .fillFreeWrapper .contDetails p a:hover{color:#00965e; font-family:'bnpp_squareregular';} .fillFreeWrapper .contDetails p.emailId{margin-top:10px;} .fillFreeWrapper .contDetails p.note{font-style:italic; font-size:1.4em} ul.formslinkUL, ul.downloadFormsUL{width:100%; float:left; padding-top: 30px;display: flex; flex-wrap: wrap; justify-content: space-between;} ul.downloadFormsUL li{width:33.33%; float:left; padding:0 15px; box-sizing:border-box} ul.downloadFormsUL li h3, ul.downloadFormsUL li p, ul.downloadFormsUL li .box, ul.downloadFormsUL li .box .topCont{width:100%; float:left; box-sizing:border-box} ul.downloadFormsUL li .box{padding:25px; box-shadow:4px 4px 15px 0px #ccc, margin-bottom: 25px;} ul.downloadFormsUL li h3{color:#2d2926; font-size:2.4em; font-family:'bnpp_squarelight'; font-weight:normal; margin:0 0 15px 0} ul.downloadFormsUL li p{color:#2d2926; font-size:1.6em; margin:0 0 40px 0; font-weight:normal; line-height:1.4em} ul.downloadFormsUL li .box .topCont{border-bottom:1px solid #cfcfcf; margin:0 0 25px 0} .formsWrapper{padding-bottom: 35px;} ul.formslinkUL > li{width:31%; float:left; box-sizing:border-box; } ul.formslinkUL > li h3{width:100%; float:left; color:#2d2926; font-size:2.4em; font-family:'bnpp_sans_condensedlight'; font-weight:normal; margin:15px 0 20px 0; letter-spacing:1px; } ul.formslinkUL > li ul.bulletUL li:first-child{border-top:none;} ul.formslinkUL > li ul.bulletUL li a, ul.formslinkUL > li ul.bulletUL li a:after{color:#ff5c33; border-color:#ff5c33} ul.formslinkUL > li ul.bulletUL li a:hover, ul.formslinkUL > li ul.bulletUL li a:hover:after{color:#01a66c; border-color:#01a66c} .formsWrapper ul.formslinkUL > li ul.bulletUL li:first-child{border-top:1px solid #cfcfcf} ul.breadcrumb li a:hover { color: #4f4f4f; } .folioWrapper .innerBanner .bannerDetails{top:70px; padding-top:0} .folioWrapper .container{padding-top:0} .innerpageBanner {margin:50px 0 0 0} .folioWrapper .bannerDetails p{font-size:2.2em} .selectedArea{width:100%; float:left; display:none;} .selectedArea a.changeBranch{width:auto; float:left; color:#da251c; font-size:1.4em; line-height:37px; padding:0 0 0 50px; box-sizing:border-box; position:relative} .selectedArea a.changeBranch:after{width:35px; height:35px; content:''; border-radius:50px; border:1px solid #da251c; display:block; position:absolute; left:0; top:0} .selectedArea a.changeBranch span:after{width:20px; height:1px; background:#da251c; content:''; display:block; position:absolute; left:8px; top:50%; margin:0px 0 0 0} .selectedArea a.changeBranch span:before{width:0; height:0; content:''; display:block; position:absolute; padding:4px; border:1px solid #da251c; border-width:0 0 1px 1px; transform:rotate(45deg); left:8px; top:50%; margin:-4px 0 0 0} .selectedArea p{width:100%; float:left; font-size:1.6em; color:#5e6061; margin:20px 0} .selectedArea p a{font-size:1em} ul.branchDetailsUL, ul.branchDetailsUL li{width:100%; float:left;} ul.branchDetailsUL > li {font-size:1.4em; color:#5e6061; border-bottom:1px solid #d7d7d7; padding:15px 0; position:relative} ul.branchDetailsUL > li:first-child{border-top:1px solid #d7d7d7;} ul.branchDetailsUL > li .dropdown{font-size:0.9em; margin:0} ul.branchDetailsUL > li p{margin:0; line-height:35px;} ul.branchDetailsUL li h3, ul.branchDetailsUL li p, ul.branchDetailsUL li a{font-size:1em} ul.branchDetailsUL > li p{width:auto; float:left} ul.branchDetailsUL > li .dropdown{width:60%; float:right} ul.branchDetailsUL > li a.telNo{padding-left:25px;} ul.branchDetailsUL > li p.openNow{padding-left:25px; position:relative} ul.branchDetailsUL > li p.openNow:after, ul.branchDetailsUL > li a.telNo:after{width:20px; height:25px; background:url(../images/sprite-bnp.png) no-repeat -321px -87px; content:''; display:block; position:absolute; left:0; top:13px} ul.branchDetailsUL > li p.openNow:after{background-position:-271px -87px; top:8px} ul.investNowBox{width:100%; float:left; margin:35px 0 0 0} ul.investNowBox > li, ul.investNowBox > li *{width:100%; float:left;} ul.investNowBox > li {padding:15px 0; border-top:1px solid #cfcfcf} ul.investNowBox > li:first-child{border:none; padding-top:0;} ul.investNowBox > li h3{color:#2d2926; font-size:1.6em; font-weight:normal; margin:0 0 5px 0} ul.investNowBox > li p{color:#2d2926; font-size:1.4em; margin:0 0 15px 0} ul.investNowBox > li a{margin:0 0 10px 0} .applyNowWrapper{padding:0} .applyNowWrapper img.fullImg{width:100%; float:left} .applyNowWrapper .container{padding-top:0; padding-bottom:0} .applyNowWrapper .innerBanner .bannerDetails01{padding-top:0; top:80px; position: static; margin: 50px auto} /*.applyNowWrapper .bannerDetails .midBx{padding-top:0} .careerWrapper .innerBanner .bannerDetails01{padding-bottom:0} */ .careerWrapper .container{padding-bottom:0; padding-top:0; top:50px;} .popup{width:1100px; padding:80px 40px 50px 40px; box-sizing:border-box; background:#fff; position:absolute; left:50%; top:140px; z-index:5; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); display:none;} .investnowWrapper{width: 100%; float: left; position: relative;} .investnowWrapper .leftCont, .investnowPopup .leftCont{width:35%; float:left} .investnowWrapper .rightCont, .investnowPopup .rightCont{width:65%; float:left; padding:0 0 0 40px; box-sizing:border-box;} .investnowWrapper .leftCont{width: 40%;} .investnowWrapper .rightCont{width: 60%;} .investnowWrapper h4, .popup h4{width:100%; float:left; font-size:1.6em; color:#353535; margin:10px 0 20px 0; font-weight:normal} .investnowWrapper p, .popup p{width:100%; float:left; font-size:1.4em; color:#353535; margin:10px 0; line-height:1.4em} .investnowWrapper h2, .popup h2{width:100%; float:left; color:#636363; margin:0 0 5px 0; line-height:1.2em} ul.bulletNumbering{padding:0 0 0 15px; width:100%; float:left; margin:0; box-sizing:border-box} ul.bulletNumbering li{list-style:decimal; font-size:1.4em; margin:0 0 5px 0; color:#353535; line-height:1.4em} ul.bulletNumbering li a{color:#f25d3c;} ul.bulletNumbering li a:hover{color:#00965e;} .investnowWrapper a.greenButton, .popup a.greenButton{margin:0 0 10px 0; padding:0 15px;} .investnowWrapper .contBox, .investnowPopup .contBox{max-width:400px; float:left} .investnowWrapper .contBox.marTop, .investnowPopup .contBox.marTop{margin-top:25px;} .investnowWrapper ul.div_50, .popup ul.div_50{width:100%; float:left} .investnowWrapper ul.div_50 li, .popup ul.div_50 li{width:100%; float:left; margin:15px 0 0 0; padding:25px 0 0 0; box-sizing:border-box; border-top:1px solid #bcbcbc} .investnowWrapper ul.div_50 li:first-child, .popup ul.div_50 li:first-child{padding:0; border:none; margin:0} .investnowWrapper .sundaramWrap, .investnowPopup .sundaramWrap{width:100%; float:left; margin:25px 0 0 0} .investnowWrapper .sundaramWrap .videoBox , .investnowPopup .sundaramWrap .videoBox {width:100%; float:left; padding:0; box-sizing:border-box; background:#000; margin:15px 0 0 0} .investnowWrapper .sundaramWrap .videoBox video, .investnowPopup .sundaramWrap .videoBox video {width:100%; float:left; height:350px;} .investnowWrapper .sundaramWrap .videoBox video{height: 450px;} .investnowWrapper .sundaramWrap{margin: 0} .popup a.closePopup{position:absolute; right:40px; top:30px; color:#00965e; font-size:1.2em; text-transform:uppercase; padding:0 40px 0 0; line-height:30px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;} .popup a.closePopup:after{width:30px; height:30px; border-radius:30px; background:#e5e5e5; content:''; position:absolute; right:0; top:0 } .popup a.closePopup span:after, .popup a.closePopup span:before{width:15px; height:1px; background:#00965e; content:''; display:block; position:absolute; right:7px; top:50%; margin:0; z-index:1; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;} .popup a.closePopup span:before{transform:rotate(315deg); -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg);} .popup a.closePopup:hover{font-weight:bold;} .popup a.closePopup:hover span:after{height:2px; transform:rotate(225deg); -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg);} .popup a.closePopup:hover span:before{height:2px; transform:rotate(495deg); -webkit-transform:rotate(495deg); -moz-transform:rotate(495deg);} .show{display:block !important; } .hide{display:none !important; } .popup h3{color:#707070; font-size:2.4em; font-weight:normal; width:100%; float:left; margin:0 0 20px 0} .popup h5{color:#707070; font-size:1.8em; font-weight:normal; width:100%; float:left; margin:15px 0; } .popup .smallCont{width:100%; float:left; margin:10px 0} .popup .smallCont p{color:#636363; font-size:1.2em; line-height:1.5em; margin:0} .popup .tableWrap{margin:20px 0; width:100%; float:left} .tableClass01 th{background:#e4e4e4; text-align:center; font-size:1.6em; font-weight:normal} .tableClass01 th:first-child{text-align:left} .tableClass01 th:nth-child(2n){background:#d8d8d8} .tableClass01 td{text-align:center} .tableClass01 td:first-child{text-align:left; color:#f25d3c} .tableClass01 td:first-child:hover{color:#00965e} .tableClass01 td:nth-child(2), .tableClass01 td:nth-child(3), .tableClass01 td:nth-child(6), .tableClass01 td:nth-child(7){background:#ededed; } .breadcrumbW .headCont{float:right} .breadcrumbW .headTitle{margin-bottom:5px;} .fundDetail ul.valueUL > li ul.box > li .val {padding:0;} .fundDetail ul.valueUL > li ul.box {padding: 20px 30px;} .fundDetail ul.valueUL > li ul.box > li {min-height:60px; height:60px;} .fundDetail ul.valueUL > li ul.box {box-shadow:none; -webkit-box-shadow:none; background-color:transparent; border:1px solid #d0d0d0;} .fundDetail ul.valueUL > li:first-child ul.box {border-right:none; display: flex; justify-content: space-between;} .fundDetail ul.valueUL > li {padding:0;} .fundDetail ul.valueUL > li span.date {float:left; width:100%; font-size:1.3em; color:#5f5f5f; margin:10px 0 0 0;} .fundDetail ul.valueUL > li ul.box > li label {position:relative;} .fundDetail ul.valueUL > li ul.box > li label .tooltpIcon2 {position:relative; left:2px; top: -11px; font-size: .6em;} .fundDetail ul.valueUL > li:first-child ul.box > li .val {line-height:50px;} .fundDetail ul.valueUL > li ul.box a.viewAll {float:right; width:100%; font-size:1.4em; color:#f25d3c; text-align:right; transition: 0.3s;} .fundDetail ul.valueUL > li ul.box a.viewAll:hover {color: #00965e;} .tooltpIcon2 {font-family: Times, serif; font-style: italic; color: #00965e;} .tooltipWrap2 {width: 200px; background: #0a0a0a; padding: 10px 3px; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 2; font-size:1.2em; color:#ffffff; text-align:center; line-height:1.4em; display:none;} .tooltipWrap2:after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #0a0a0a transparent transparent transparent;} .fullWidth{width:100%; float:left; margin:0 0 25px 0 } .fullWidth .halfWidth{width:50%; float:left; padding:0 0 0 40px; box-sizing:border-box; position:relative} .fullWidth .halfWidth ul.bulletNumbering{margin:15px 0} .fullWidth .halfWidth:after{width:1px; height:100%; left:0; top:0; background:#bcbcbc; content:''; display:block; position:absolute} .fullWidth .halfWidth:first-child{padding:0 40px 0 0; } .fullWidth .halfWidth:first-child:after{left:auto; right:-1px;} .fullWidth h3{color:#636363; font-size:2.4em; width:100%; float:left; font-weight:normal} .fullWidth p{width:100%; float:left; font-size:1.6em; color:#636363; margin:15px 0 5px 0; line-height:1.4em;} .fullWidth ul.bulletNumbering li{font-size:1.6em; color:#636363; } .fullWidth a.grayButton, .fullWidth a.greenButton{margin:10px 0 } .fullWidth a.greenarrowlink{border:none} .investerWrapper .btmBox{margin:0px 0 40px 0} ul.bulletUL_auto li{border-bottom:none; width:auto; margin:0 25px 0 0} ul.bulletUL_auto li:first-child{border-top:none} .popup .bottomCont{width:100%; float:left; margin:40px 0 0 0;} .remunerationPopup ul.bulletNumbering li{font-size:1.6em; margin:5px 0 15px 0; line-height:1.4em; color:#575757} .remunerationPopup p{color:#575757} .whiteBg{background:#fefefe} /*nav css*/ i.bell {background:url(../images/bell.png) no-repeat -0 -0; width:14px; height:18px; display:inline-block; vertical-align: text-bottom;} .historical .text1 {font-size:2.2em; color:#636363; float:left; width:100%; margin:20px 0 50px 0; line-height:1.3em;} .historical .latest {float:left; width:100%; margin-bottom:30px; border-bottom:1px solid #e2e2e2; padding-bottom:20px;} .historical .latest h1 {margin-bottom:10px;} .historical .latest h1 span {font-size:0.5em; font-family: Arial, Helvetica, sans-serif; padding-left:15px;} .historical .latest p {font-size:1.6em; line-height: 1.5em;} .historical .subscribeTextBox {float:left; width:100%; margin-bottom:45px;} .historical .subscribeTextBox .left {float:left; width:60%; font-size:1.6em; color:#636363; line-height:1.6em;} .historical .subscribeTextBox .left i.bell {margin:0 8px 0 5px;} .historical .subscribeTextBox .right {float:right; width:40%;} .historical .subscribeTextBox .right a {float:right; background-color:#e2e2e2; position:relative; text-transform:uppercase; font-size:1.4em; color:#00965e; padding:10px 10px 10px 45px; font-family:'bnpp_squareregular'; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s;} .historical .subscribeTextBox .right a:before {content:""; position:absolute; left:17px; top:12px; background:url(../images/bell.png) no-repeat -0 -0; width:14px; height:18px;} .historical .subscribeTextBox .right a:hover {box-shadow: 2px 3px 10px -1px #bcc2c0; -webkit-box-shadow: 2px 3px 10px -1px #bcc2c0;} .historical .fundData {float:left; width:100%; } .historical .fundData .checkBoxArea {float:right; margin-bottom:20px; } .historical .fundData .checkBoxArea ul li {float:left; margin-right:25px;} .historical .fundData .checkBoxArea ul li:last-child {margin-right:0;} .historical .fundData .checkBoxArea ul li .pure-checkbox input[type="checkbox"] + label {font-size:1.6em; padding-top:4px; padding-left:30px;} .historical .fundData .checkBoxArea ul li .pure-checkbox input[type="checkbox"] + label:before, .historical .fundData .checkBoxArea ul li .pure-checkbox input[type="radio"] + label:before {border: 2px solid #ff5c33;} .historical .fundData .checkBoxArea ul li .pure-checkbox input[type="checkbox"]:checked + label:before {color: #fff; border: 2px solid #00965e;} .historical .fundData .checkBoxArea ul li .pure-checkbox input[type="checkbox"] + label:after { top: -1px; left: 3px;} .historical .fundData .loadMore {float:left; width:100%; text-align:center; margin:35px 0 10px 0;} .historical .fundData .loadMore a.grayButton {padding:0 40px; color:#fff; font-size:1.4em;} .table2Box, .table2Box table {float:left; width:100%;} .table2Box table th {font-size:1.6em; color:#353535; text-align:center; background-color:#e2e2e2; padding:20px 10px; font-weight:normal;} .table2Box table th:first-child, .table2Box table th:nth-child(2) {text-align:left;} .table2Box table td {padding:10px; font-size:1.6em; color:#353535; border-bottom:1px solid #e2e2e2; line-height:1.5em;} .table2Box table td a.link {color:#ff5c33; transition: 0.3s;} .table2Box table td a.link:hover {color:#149560;} .table2Box table td a.greenButton {font-size:0.9em; padding: 0 20px; float:none; display:inline-block; line-height:35px; height:35px; vertical-align: middle;white-space: nowrap;} .table2Box table td a.bellLink {display:inline-block;} .table2Box table td a:hover.bellLink,.table2Box table td a.bellLink.active {background:url(../images/bell.png) no-repeat -0 -20px; } .table2Box table th:first-child, .table2Box table td:first-child {padding-left:30px;} .table2Box table td:nth-child(3), .table2Box table td:nth-child(4) {text-align:center;white-space: nowrap;} .table3Box, .table3Box table {float:left; width:100%;} .table3Box table th {font-size:1.6em; color:#353535; text-align:center; background-color:#e2e2e2; padding:20px 10px; font-weight:normal; line-height:1.4em;} .table3Box table th span {font-size:0.8em;} .table3Box table th:first-child, .table3Box table th:nth-child(2), .table3Box table th:nth-child(3), .table3Box table th:nth-child(4) {text-align:left;} .table3Box table td {padding:10px; font-size:1.6em; color:#353535; border-bottom:1px solid #e2e2e2; line-height:1.5em;} .table3Box table td a.link {color:#f25d3c; transition: 0.3s;} .table3Box table td a.link:hover {color:#149560;} .table3Box table td a.greenButton {font-size:0.9em; padding: 0 20px; float:none; display:inline-block; line-height:35px; height:35px; vertical-align: middle;} .table3Box table td a.bellLink {display:inline-block;} .table3Box table td a:hover.bellLink,.table3Box table td a.bellLink.active {background:url(../images/bell.png) no-repeat -0 -20px; } .table3Box table th:first-child, .table3Box table td:first-child {padding-left:30px; padding-right:20px;} .table3Box table td:nth-child(3), .table3Box table td:nth-child(4) {text-align:left;} .table3Box table td:nth-child(5), .table3Box table td:nth-child(5) {text-align:center;} .historicalNav {background-color:#f2f2f2;padding-top: 35px;} .historicalNav .selectOption {float:left; width:100%; margin:10px 0 25px 0;} .historicalNav .selectOption .row {float:left; width:100%; border:1px solid #d0d0d0; margin-bottom:40px;} .historicalNav .selectOption .row .col {float:left; position:relative; padding:20px 30px; box-sizing:border-box;} .historicalNav .selectOption .row .col:after {content:""; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#d0d0d0;} .historicalNav .selectOption .row .col:last-child:after {display:none;} .historicalNav .selectOption .row .col1 {width:35%;} .historicalNav .selectOption .row .col2 {width:25%;} .historicalNav .selectOption .row .col3 {width:40%; line-height:35px; z-index:0} .historicalNav .selectOption .row .col3 .text1 {float:left; width:30%;} .historicalNav .selectOption .row .col3 .from {float:left; width:30%; position:relative;} .historicalNav .selectOption .row .col3 .dash {float:left; width:10%; text-align:center;} .historicalNav .selectOption .row .col3 .to {float:left; width:30%; position:relative;} .historicalNav .selectOption .row .col3 .from:after, .historicalNav .selectOption .row .col3 .to:after {content:""; position:absolute; right:2px; top:7px; background:url(../images/calendarIcon.png) no-repeat 0 0; width:18px; height:17px;} .historicalNav .selectOption .dropdown h3, .historicalNav .selectOption .row .col3 {font-size:1.6em; color:#5f5f5f; border-color:#f25d3c;} .historicalNav .selectOption .row input[type=text] {font-size:1em;} .historicalNav .selectOption .row2 {float:left; width:100%;} .historicalNav .selectOption .row2 ul li {float:left; padding:0 30px; position:relative; height:50px; border-right:1px solid #d0d0d0; box-sizing: border-box;} .historicalNav .selectOption .row2 ul li:first-child {padding-left:0;} .historicalNav .selectOption .row2 ul li:last-child {padding-right:0; border-right:none;} .historicalNav .selectOption .row2 ul li a.greenButton {font-size:1.6em; height:50px; line-height:50px;} .historicalNav .selectOption .row2 ul li a.file {position:relative; color:#149560; font-size:1.4em; text-transform:uppercase; padding:0 0 0 40px; font-family:'bnpp_squareregular'; margin: 13px 0; float: left;} .historicalNav .selectOption .row2 ul li a.file:before {content:""; position:absolute; left:0; top:0; width:26px; height:24px;} .historicalNav .selectOption .row2 ul li a.xls:before {background:url(../images/downloadFiles.png) no-repeat 0 0;} .historicalNav .selectOption .row2 ul li a.pdf:before {background:url(../images/downloadFiles.png) no-repeat 0 -26px;} .historicalNav .result {float:left; width:100%;} .historicalNav .result .header {float:left; width:100%; margin-bottom:45px; font-size:1.6em; font-weight:bold; color:#5f5f5f; line-height:1.5em;} .historicalNav .result .tableBox {width:430px; margin:0 auto 40px;} .historicalNav .result .tableBox100{width: 100%; float: left; overflow: auto;} .historicalNav .result .tableBox table {float:left; width:100%;} .historicalNav .result .tableBox table th {font-size:1.6em; color:#353535; background-color:#e2e2e2; padding:20px 20px; font-weight:normal; text-align:left;} .historicalNav .result .tableBox table td {padding:10px 20px; font-size:1.6em; color:#353535; border-bottom:1px solid #e2e2e2; text-align:left;} .historicalNav .result .loadMore {float:left; width:100%; text-align:center; margin:35px 0 80px 0;} .historicalNav .result .loadMore a.grayButton {padding:0 40px; color:#00965e; font-size:1.4em;} .historicalNav .result .tableBox2 {width:600px; margin:0 auto 40px;} .historicalNav .result .tableBox2 table {float:left; width:100%;} .historicalNav .result .tableBox2 table th {font-size:1.6em; color:#353535; background-color:#e2e2e2; padding:20px 30px; font-weight:normal; text-align:left; line-height:1.4em;} .historicalNav .result .tableBox2 table th span {font-size:0.8em;} .historicalNav .result .tableBox2 table td {padding:10px 30px; font-size:1.6em; color:#353535; border-bottom:1px solid #e2e2e2; text-align:left;} .historicalNav .result .row3 {width:50%; margin:0 auto 40px; text-align:center;} .historicalNav .result .row3 p {font-size:1.6em; color:#575757; line-height:1.5em; margin-bottom:30px;} .historicalNav .result .row3 a.greenButton {font-size:1.6em; float:none; display:inline-block; padding:0 30px; line-height:45px; height:45px;} .historicalNav .result .row3 a.follow {font-size:1.4em; color:#00965e; text-transform:uppercase; margin:25px 0 0 0; display:inline-block; position:relative; padding:1px 0 2px 25px;} .historicalNav .result .row3 a.follow:before {content:""; position:absolute; left:0; top:0; background:url(../images/bell.png) no-repeat 0 0; width:14px; height:18px;} /*--------------------------------------------------------*/ .historicalNav2 {background-color:#f2f2f2;padding-top: 35px;} .historicalNav2 .selectOption {float:left; width:100%; margin:10px 0 25px 0;} .historicalNav2 .selectOption .row {float:left; width:100%; border:1px solid #d0d0d0; margin-bottom:40px;} .historicalNav2 .selectOption .row .col {float:left; position:relative; padding:20px 30px; box-sizing:border-box;} .historicalNav2 .selectOption .row .col:after {content:""; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#d0d0d0;} .historicalNav2 .selectOption .row .col:last-child:after {display:none;} .historicalNav2 .selectOption .row .col1 {width:35%;} .historicalNav2 .selectOption .row .col2 {width:25%;} .historicalNav2 .selectOption .row .col3 {width:40%; line-height:35px; z-index:0} .historicalNav2 .selectOption .row .col3 .text1 {float:left; width:30%;} .historicalNav2 .selectOption .row .col3 .from {float:left; width:30%; position:relative;} .historicalNav2 .selectOption .row .col3 .dash {float:left; width:10%; text-align:center;} .historicalNav2 .selectOption .row .col3 .to {float:left; width:30%; position:relative;} .historicalNav2 .selectOption .row .col3 .from:after, .historicalNav2 .selectOption .row .col3 .to:after {content:""; position:absolute; right:2px; top:7px; background:url(../images/calendarIcon.png) no-repeat 0 0; width:18px; height:17px;} .historicalNav2 .selectOption .survivingdropdown h3, .historicalNav .selectOption .row .col3 {font-size:1.6em; color:#5f5f5f; border-color:#f25d3c;} .historicalNav2 .selectOption .row input[type=text] {font-size:1em;} .historicalNav2 .selectOption .row2 {float:left; width:100%;} .historicalNav2 .selectOption .row2 ul li {float:left; padding:0 30px; position:relative; height:50px; border-right:1px solid #d0d0d0; box-sizing: border-box;} .historicalNav2 .selectOption .row2 ul li:first-child {padding-left:0;} .historicalNav2 .selectOption .row2 ul li:last-child {padding-right:0; border-right:none;} .historicalNav2 .selectOption .row2 ul li a.greenButton {font-size:1.6em; height:50px; line-height:50px;} .historicalNav2 .selectOption .row2 ul li a.file {position:relative; color:#149560; font-size:1.4em; text-transform:uppercase; padding:0 0 0 40px; font-family:'bnpp_squareregular'; margin: 13px 0; float: left;} .historicalNav2 .selectOption .row2 ul li a.file:before {content:""; position:absolute; left:0; top:0; width:26px; height:24px;} .historicalNav2 .selectOption .row2 ul li a.xls:before {background:url(../images/downloadFiles.png) no-repeat 0 0;} .historicalNav2 .selectOption .row2 ul li a.pdf:before {background:url(../images/downloadFiles.png) no-repeat 0 -26px;} .historicalNav2 .result {float:left; width:100%;} .historicalNav2 .result .header {float:left; width:100%; margin-bottom:45px; font-size:1.6em; font-weight:bold; color:#5f5f5f; line-height:1.5em;} .historicalNav2 .result .tableBox {width:430px; margin:0 auto 40px;} .historicalNav2 .result .tableBox100{width: 100%; float: left; overflow: auto;} .historicalNav2 .result .tableBox table {float:left; width:100%;} .historicalNav2 .result .tableBox table th {font-size:1.6em; color:#353535; background-color:#e2e2e2; padding:20px 20px; font-weight:normal; text-align:left;} .historicalNav2 .result .tableBox table td {padding:10px 20px; font-size:1.6em; color:#353535; border-bottom:1px solid #e2e2e2; text-align:left;} .historicalNav2 .result .loadMore {float:left; width:100%; text-align:center; margin:35px 0 80px 0;} .historicalNav2 .result .loadMore a.grayButton {padding:0 40px; color:#00965e; font-size:1.4em;} .historicalNav2 .result .tableBox2 {width:600px; margin:0 auto 40px;} .historicalNav2 .result .tableBox2 table {float:left; width:100%;} .historicalNav2 .result .tableBox2 table th {font-size:1.6em; color:#353535; background-color:#e2e2e2; padding:20px 30px; font-weight:normal; text-align:left; line-height:1.4em;} .historicalNav2 .result .tableBox2 table th span {font-size:0.8em;} .historicalNav2 .result .tableBox2 table td {padding:10px 30px; font-size:1.6em; color:#353535; border-bottom:1px solid #e2e2e2; text-align:left;} .historicalNav2 .result .row3 {width:50%; margin:0 auto 40px; text-align:center;} .historicalNav2 .result .row3 p {font-size:1.6em; color:#575757; line-height:1.5em; margin-bottom:30px;} .historicalNav2 .result .row3 a.greenButton {font-size:1.6em; float:none; display:inline-block; padding:0 30px; line-height:45px; height:45px;} .historicalNav2 .result .row3 a.follow {font-size:1.4em; color:#00965e; text-transform:uppercase; margin:25px 0 0 0; display:inline-block; position:relative; padding:1px 0 2px 25px;} .historicalNav2 .result .row3 a.follow:before {content:""; position:absolute; left:0; top:0; background:url(../images/bell.png) no-repeat 0 0; width:14px; height:18px;} /*********** schemeWrapper ****************/ ul.squreBox{width:100%; float:left; border:1px solid #b7b7b7; margin:20px 0 40px 0} ul.squreBox > li{padding:25px 40px; box-sizing:border-box; width:50%; float:left; border-left:1px solid #b7b7b7} ul.squreBox > li:first-child{border-left:none} .managerProfilePopup .bodDetails{display:block !important} .innerBanner{position:relative} .videoContent{background:#93bd0e; padding:30px 20px; box-sizing:border-box; width:500px; position:absolute; right:20px; bottom:0} .videoContent p{font-size:1.2em; color:#3a4009} .videoContent h2{font-size:1.8em; color:#3a4009; font-family:Arial, Helvetica, sans-serif; margin:12px 0} .videoContent ul.bulletUL{margin:20px 0 0 0} .videoContent ul.bulletUL li{width:50%; float:left; border:none; padding:0 10px 0 20px; box-sizing:border-box} .videoContent ul.bulletUL li a{color:#96275a; font-size:1.2em; width:100%; float:left; padding:10px 0 8px 0} .videoContent ul.bulletUL li:first-child a{border-right:1px solid #749015; } .videoContent ul.bulletUL li a:after{color: #96275a; border-color: #96275a; top:12px} .videoBanner a.videoButton{position:absolute; left:20px; bottom:20px;} ul.vidFilter{width:100%; float:left; margin:20px 0;} ul.vidFilter li{width:auto; float:left; line-height:22px; margin:0 15px 0 0; } ul.vidFilter li:first-child{color:#5f5f5f; text-transform:uppercase; font-weight:bold; font-size:1.4em; margin:0 25px 0 0} ul.vidFilter li a{font-weight:normal; text-transform:none; font-size:1em} ul.fundsManageUL li .vidBox, ul.fundsManageUL li .content, ul.fundsManageUL{width:100%; float:left; position:relative } ul.fundsManageUL{margin:20px 0 0 0} ul.fundsManageUL li{width:33.33%; float:left; padding:0 15px; margin:0 0 30px 0; box-sizing:border-box; } ul.fundsManageUL li .vidBox{position:relative; margin:0 0 10px 0; cursor:pointer} ul.fundsManageUL li .vidBox img{width:100%; float:left} ul.fundsManageUL li .vidBox a.videoButton{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);} ul.fundsManageUL li .content p{width:100%; float:left; color:#4f4f4f; font-size:1.6em; margin:10px 0} ul.fundsManageUL li .content p.smalltext{font-size:1.3em; margin:5px 0} ul.fundsManageUL li:nth-child(3n+1){clear:left} a.greenarrowlink{padding:10px 0 10px 20px; border:1px solid #c0bebd; border-width:1px 0 1px 0; width:100%; margin:10px 0 } a.greenarrowlink:after{left:0; top:15px;} ul.fundsManageUL li a.videoButton{width:60px; height:60px;} a.centerBtn{float:none; margin:0 auto; display:table} .videoPopup, .distributorvideoPopup{width:800px;} .videoPopup iframe, .distributorvideoPopup video{width:100%; float:left; height:400px} .assetMngtWrapper{background:#ededed} .assetMngtWrapper h2{margin:0 0 25px 0} .assetMngtWrapper .details{width:35%; float:left; padding:0 20px 0 0; box-sizing:border-box} .assetMngtWrapper .numberDetails{width:65%; float:left; padding:0 0px 0 20px; box-sizing:border-box} .assetMngtWrapper p{font-size:1.6em; width:100%; float:left; color:#636363; margin:0 0 20px 0; line-height:1.4em } .assetMngtWrapper p.smallTxt{font-size:1.4em} ul.assestNumbebrUL{width:100%; float:left; display:table; height:100%; margin:0 0 20px 0} ul.assestNumbebrUL li{width:25%; float:left; position:relative; padding:0 15px; box-sizing:border-box; height:100%; display:table} ul.assestNumbebrUL li:after{position:absolute; left:0; top:0; width:1px; height:100%; background:#9c9c9c; content:''; display:block} ul.assestNumbebrUL li:first-child:after{display:none} ul.assestNumbebrUL li h3{color:#96275a; font-size:3.2em; width:100%; float:left; font-family:'bnpp_squarelight'; text-align:center; margin:0 0 10px 0; font-weight:normal} ul.assestNumbebrUL li p{text-align:center; margin:5px 0} ul.assestNumbebrUL li sup{font-size:0.5em} ul.assestNumbebrUL li span{font-size:0.5em} .fullWidth .div70{margin:25px 0 0 0; width:70%; clear:left} .distributorDemo{background:#ededed} .distributorDemo .leftContainer{width:70%; float:left; padding:0 25px 0 0; box-sizing:border-box} .distributorDemo .rightContainer{width:30%; float:left; padding:0 0px 0 25px; box-sizing:border-box} .distributorDemo .headTitle{margin:0 0 25px 0} .distributorDemo .rightContainer p{font-size:1.6em; margin:0 0 20px 0} .distributorDemo .rightContainer ul.bulletUL{margin:40px 0 0 0 } .distributorDemo .midWrap{margin:0; position:relative} .distributorDemo .midWrap img{width:100%; float:left} .distributorDemo a.videoButton{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .distributorIntro .innerBanner .bannerDetails{top:0; padding:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} .distributorIntro .innerBanner .bannerDetails h3{color:#353535; font-family:Arial, Helvetica, sans-serif} ul.selfUL{width:100%; float:left; height:100%; display:table; margin:40px 0 40px 0} ul.selfUL li{width:25%; float:left; height:100%; display:table; border-left:1px solid #bcbcbc; box-sizing:border-box; padding:0 20px 60px 20px; position:relative; text-align:center; min-height:150px;} ul.selfUL3 li{width:33.33%; } ul.selfUL li:first-child{border-left:none} ul.selfUL li h3{width:100%; float:left; color:#636363; margin:0; font-size:1.6em} ul.selfUL li p{width:100%; float:left; font-size:1.6em; margin:10px 0} ul.selfUL li a.greenButton{position:absolute; bottom:0; left:10%; width:80%; display:block} .marginTop{margin:60px 0 0 0;} .bottomCont{width:80%; margin:0 auto 30px; display:table} .bottomCont p{margin:10px 0} .bottomCont .btmBox{margin:30px 0 30px 0} .distributorBox{width:100%; float:left; padding:0; box-sizing:border-box; margin:10px 0 10px 0} .distributorBox .midRow{width:100%; float:left; padding:22px 40px; box-sizing:border-box } .distributorBox .midRow:first-child{border-bottom:1px solid #bcbcbc} .bottomCont p, .distributorBox h4, .distributorBox p {font-size:1.6em; color:#636363; width:100%; float:left; margin:0; line-height:1.4em} .distributorBox ul.numberUL{margin:10px 0 0 0} .distributorBox .dropdown{width:350px; float:right; margin:0} .distributorBox p{width:auto; line-height:35px;} .distributorWrapper .btmBox{padding:0 15%} .distributorWrapper .btmBox p{text-align:center; margin:0 0 20px 0} .distributorWrapper .btmBox ul.bulletUL li{border:none; width:50%; } .distributorWrapper .btmBox ul.bulletUL li:first-child{border-right:1px solid #d0d0d0} .distributorWrapper .btmBox ul.bulletUL li a{float:none; margin:0 auto; display:table} ul.sipUL{width:100%; float:left; display: inline-block; text-align:center } ul.sipUL li{width:300px; display:inline-block; padding:0 25px; margin:25px 0 ; box-sizing:border-box} ul.sipUL li .img{text-align:center; width:100%; margin:0 0 15px 0; vertical-align:top;} ul.sipUL li p, ul.sipUL li h3{width:100%; float:left; font-size:1.6em; color:#353535; margin:0 0 10px 0; text-align:left; line-height:1.4em} .sipBenifitsWrap a.greenButton{margin:0 auto 30px; display:table; float:none} .requirementWrapper{width:100%; float:left; margin:25px 0 0 0} .requirementWrapper h3{font-size:2em; color:#636363; width:100%; float:left; line-height:1.4em; font-weight:normal; margin:0 0 60px 0} .requirementWrapper p{font-size:1.6em; color:#636363; width:100%; float:left; margin:0 0 15px 0; line-height:1.4em} .requirementWrapper .leftDiv{width:35%; float:left; padding:30px 40px; box-sizing:border-box; text-align: center;} .requirementWrapper .leftDiv .img{text-align:center; width:100%; margin:0 0 20px 0} .requirementWrapper .rightDiv{width:65%; float:left; padding:0 0 0 80px; box-sizing:border-box} .requirementWrapper ul.bulletUL{margin:10px 0 25px 0} .requirementWrapper p a{color:#00965e} /*********** schemeWrapper ****************/ /*new code start*/ /*-----HOME PAGE-----*/ .headTitleFunds h2 { display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .headTitleFunds h2:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: 5px; position: relative; } .headTitleFunds h2:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 300px; bottom: 5px; } .headTitletrend h2 { display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .headTitletrend h2:after { content: " "; display: block; border-bottom: 3px solid #01a66c; position: relative; bottom: 5px; } .headTitletrend h2:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; position: relative; bottom: 5px; } .headContnew{float:none;} .headContnew p{ text-align: center; width: auto !important; display: flow-root !important; margin-top: 30px; text-align: left; } ul.ourFundCarouselUL li .fundBoxnew { border: 2px solid #cecece; } .dropdownnew h3{ color: #000; } ul.navUL2new{float: right !important;} .bulletULchild i{ position: relative; right: 15px; color: #00965e; } ul .bulletULchild li:last-child { border-bottom: 1px solid red; } .bulletULchild{ border-bottom: 2px solid #b6b6b6; } ul.bulletULchild li { padding: 12px 0 12px 20px; box-sizing: border-box; border-top: 1px solid #b6b6b6; } .bulletULchild{ margin-top:65px !important; } a.brownLinknew{ color: #000; text-transform: uppercase; border-bottom: 1px solid #000; } footer .topFooternew{ margin-top: 0px; } footer .topFooternewback{ background:#e4e4e2; } .topFooternewback h4{ text-align: center; line-height: 1em; font-family: 'bnpp_sans_condensedlight'; font-size: 3em; color: #636363; font-weight: normal; } .topFooternewback p{ text-align: center; line-height: 1.2em; font-family: 'bnpp_squareregular'; padding-top: 20px; font-size: 14px; } .callat {padding-top: 30px !important;} .linksfo li{text-align: center;} .linksfo li a{ display: inline-block;} .you{ margin-right: 10px; } .topFooternewback p span a{background: #000; border-radius: 50%; padding: 1px 5px 3px 5px; text-align: center; color: #fff;} .face a{ padding: 1px 8px 3px 8px !important; } .help-title { text-align: center; } .topFooternewback h4 { /* display: grid;*/ /*grid-template-columns: 1fr auto 1fr;*/ /* grid-template-rows: 20px 0;*/ /* grid-gap: 20px;*/ text-align: center; text-transform: uppercase; display: inline-flex; align-items:center; flex-wrap: wrap; position: relative; } .topFooternewback h4:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 84%; /*bottom: 5px;*/ right: -100px; position: absolute; } .topFooternewback h4:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 84%; position: absolute; left: -100px; /*bottom: 5px;*/ } .tabHeader ul{ text-align: center; } a .brownLinknew{ color: #000; text-decoration: underline; } ul .bulletULchild li i:last-child{ color:#000; } .mobil{ display:none; } .Mutualmobi{ display:none; } .Mutualdes{ display:block; } .footerLimob{display: none;} /*-----OUR FUNDS-----*/ .Insightsnew{text-align: center;} .Insightsnew { display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Insightsnew:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Insightsnew:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 415px; bottom: -5px; } .orangebox{ background: #ff5c33; } .orangebox p{ text-align: center; color: #fff; padding: 30px 0 30px 0px; font-size: 17px; } .greenbox{ background: #00a86c; } .greenbox p{ text-align: center; color: #fff; padding: 30px 0 30px 0px; font-size: 17px; } .insightTopULnew{ padding-left: 20px; } .insightTopULnew li .box { width: 80% !important; } .expertArticle{ margin-top: 30px; } .calculater{ margin-top: 30px; } .headTitleFunds{ margin-top: 30px; } .whiteBg{ margin-top: 30px; } .contnewb{ background: #e4e4e2; } .contnewb h2{ font-size: 25px; color: #000; font-weight: 600; } .contnewb h5{ color: #000 !important; } .contnewb p{ font-size: 1.3em !important; } .contnewb{ height: 240px !important;} .insightTopUL li .box .cont .linksnew { margin: 15px 0 0 0; } a.grayButtonnew { /*color: #000;*/ font-size: 1.2em; text-transform: uppercase; line-height: 38px; height: 38px; text-align: center; padding: 0 22px; box-sizing: border-box; display: inline-block; border-radius: 0px; position: relative; font-family: 'bnpp_squareregular'; z-index: 0; font-weight: normal; } a.grayButton:before { /*border: 1px solid #000;*/ width: 100%; height: 100%; content: ''; display: block; position: absolute; left: 0; top: 0; z-index: -1; -moz-box-shadow: 0px 0px 0px 0px #86c5b1; -o-box-shadow: 0px 0px 0px 0px #86c5b1; transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; /* border-radius: 3px; */ } .contnewb h2 a{ font-size: 25px; color: #000; font-weight: 600; } .learnMorenew h2{ text-align: center;} .learnMorenew h2{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .learnMorenew h2:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: 0px; position: relative; } .learnMorenew h2:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 415px; bottom: 0px; } .coverImgpar{ background: #57585c; } .coverImgpar p{ text-align: center; color: #fff; padding: 30px 0 30px 0px; font-size: 20px; } .learnMore ul li .contentnW a.title { font-size: 16px !important; letter-spacing: 0px !important; font-weight: 800; } .learnMore ul li .contentnW a:hover.title { color: #ff5c33 !important; } .learnMore ul li .contentnW p { font-size: 14px !important; } .learnMore ul li .contentnW a.knowMore { color: #000 !important; } .learnMore ul li .contentnW a.knowMore i{ color: #01a66c !important; font-size: 14px; padding-right: 5px; } .contentnW {background:#e4e4e2;} .learnMorenew ul li { background-color: #e4e4e2 !important; box-shadow: 8px 8px 55px 0px rgb(95 95 95 / 0%) !important; -webkit-box-shadow: 8px 8px 55px 0px rgb(95 95 95 / 0%) !important; } .containernWe{padding: 30px 0px 0px 0px;} .containernWe h2{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .containernWe h2:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: 5px; position: relative; } .containernWe h2:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 390px; bottom: 5px; } .articleMorenew h2{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .articleMorenew h2:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: 5px; position: relative; } .articleMorenew h2:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 380px; bottom: 5px; } .articleMorenew h2{ padding: 30px 0 0 0; } .articleMorenew ul li { background-color: #e4e4e2 !important; box-shadow: 8px 8px 55px 0px rgb(95 95 95 / 0%) !important; -webkit-box-shadow: 8px 8px 55px 0px rgb(95 95 95 / 0%) !important; } .videoMorenew h2{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center;text-transform: uppercase; } .videoMorenew h2:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: 5px; position: relative; } .videoMorenew h2:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 380px; bottom: 5px; } .videoMorenew ul li{height: 300px !important;border:2px solid #a5a5a5;} .insightWrapper .videoMorenew ul li .content h3 { font-size: 16px !important; font-weight: 700 !important; color: #000 !important; } .videoMorenew ul li { box-shadow: 8px 8px 55px 0px rgb(95 95 95 / 0%)!important; -webkit-box-shadow: 8px 8px 55px 0px rgb(95 95 95 / 0%)!important; } .insightTopULnew li:nth-child(2) { width: 50% !important; } .insightTopULnew li:first-child{ width: 50% !important; } .breadcrumbWn h2{ font-size: 3.8em; line-height: 1.2em; } .breadcrumbWn h1, .breadcrumbWn h2{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .breadcrumbWn h1:after, .breadcrumbWn h2:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .breadcrumbWn h1:before, .breadcrumbWn h2:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 400px; bottom: -5px; } .fundWrapper ul.ourFundCarouselULnew li .fundBox { border: 2px solid #d1d1d1; } .fundWrapper ul.ourFundCarouselULnew li .fundBox > h3 { color: #000 !important; font-size: 18px !important; text-transform: uppercase; font-weight: 800; } .dropdownw h3{color:#000 !important;} .fundboxWrapperne h1 span{ font-size: 25px; text-transform: uppercase; color:#000; font-weight: 600; } #total_showing_count{font-size:21px;} .ourFundCarouselULnew { margin-top: 80px !important; } .fundWrapper .fundboxWrapperne .chooseplanTypenew { position: absolute; right: 210px; top: 45px; } .dropdowncol h3{color:#000 !important;} ul.ourFundCarouselUL li .cont p.planTypene { color: #000 !important; font-weight: bold; } .fundboxWrapperne h1{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 5px; width: 87%; text-transform: uppercase; } .fundboxWrapperne h1:after { content: " "; display: block; border-bottom: 3px solid #000; width: 95%; bottom: 2px; position: relative; } .fundboxWrapperne h1:before { content: " "; display: block; border-bottom: 3px solid #000; width: 98%; position: relative; left: 485px; bottom: -6px; } .dropdownye h3{ color:#000 !important; } ul.ourFundCarouselULnew li .cont p.planType { color: #000 !important; } /*------ABOUT US------*/ .assetMngtWrappernew h2{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-transform: uppercase; } .assetMngtWrappernew h2:after { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; bottom: 2px; position: relative; } .assetMngtWrappernew h2:before { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; position: relative; left: 355px; bottom: 2px; } .assetMngtWrappernew h2{margin-top:30px;} .fullWidthnew{margin-top:30px;} .bootomLinkWrapnew h2{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-transform: uppercase; } .bootomLinkWrapnew h2:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: 2px; position: relative; } .bootomLinkWrapnew h2:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 425px; bottom: 2px; } .Globala{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Globala:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Globala:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 370px; bottom: -5px; } .Philosophy{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Philosophy:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Philosophy:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 340px; bottom: -5px; } .Directors{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Directors:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Directors:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 310px; bottom: -5px; } .Investment{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Investment:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Investment:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 365px; bottom: -5px; } .Sponsors{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Sponsors:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Sponsors:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 400px; bottom: -5px; } .containerhe{margin-top:20px;} /*---------------Investor centre Css Start------------------*/ .KYc{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .KYc:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .KYc:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 430px; bottom: -5px; } .Unclaimed{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Unclaimed:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Unclaimed:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 280px; bottom: -5px; } .Process{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Process:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Process:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 325px; bottom: -5px; } .Folio{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Folio:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Folio:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 357px; bottom: -5px; } .Systematic{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Systematic:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Systematic:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 310px; bottom: -5px; } .Net{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Net:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Net:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 335px; bottom: -5px; } .Divi{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Divi:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .hendspac:before { left: 285px !important; } .Divi:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 395px; bottom: -5px; } .FATCA{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .FATCA:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .FATCA:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 300px; bottom: -5px; } .Query{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Query:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Query:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 388px; bottom: -5px; } .Contact{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Contact:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Contact:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 390px; bottom: -5px; } .DTAP:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .DTAP:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 235px; bottom: -5px; } .DTAP{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Total:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -5px; position: relative; } .Total:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 245px; bottom: -5px; } .Total{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Investor:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: 3px; position: relative; } .Investor:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 390px; bottom: 3px; } .Investor{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .learnMoreNw ul li{ border: 2px solid #e6e6e6; } .coverImgpNe p{ font-size: 15px; } .aumd:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -4px; position: relative; } .aumd:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 248px; bottom: -4px; } .aumd{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .impnotify{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .impnotify:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -4px; position: relative; } .impnotify:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 335px; bottom: -4px; } .distransec{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .distransec:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -4px; position: relative; } .distransec:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 156px; bottom: -4px; } .votpol{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .votpol:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -4px; position: relative; } .votpol:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 384px; bottom: -4px; } .isswisedis{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .isswisedis:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -4px; position: relative; } .isswisedis:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 343px; bottom: -4px; } .discomdis{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .discomdis:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -4px; position: relative; } .discomdis:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 290px; bottom: -4px; } .portscheme{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .portscheme:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -4px; position: relative; } .portscheme:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 355px; bottom: -4px; } .MORE{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .MORE:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -4px; position: relative; } .MORE:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 220px; bottom: -4px; } .Primer{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Primer:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -4px; position: relative; } .Primer:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 240px; bottom: -4px; } .Sahi{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Sahi:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -4px; position: relative; } .Sahi:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 260px; bottom: -4px; } .Growth{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .Growth:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -4px; position: relative; } .Growth:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 265px; bottom: -4px; } .sitemp{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .sitemp:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -4px; position: relative; } .sitemp:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 410px; bottom: -4px; } .sea-rch{ display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 20px 0; grid-gap: 20px; text-align: center; text-transform: uppercase; } .sea-rch:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 20%; bottom: -4px; position: relative; } .sea-rch:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 20%; position: relative; left: 410px; bottom: -4px; } /*new code end*/ /*********** calculater ****************/ .calculater {background-color:#ededed;position:relative;z-index: 1;border-top: 2px solid #ff5c33;border-bottom: 2px solid #ff5c33; padding-bottom: 35px;} .calculater .tabSection {float:left; width:100%; margin:20px 0 0 0;} .calculater .tabSection .tabHeader, .calculater .tabSection .tabData, .calculater .tabSection .tabData .tabContent {float:left; width:100%;} .calculater .tabSection .tabHeader ul li {display: inline-block; margin:0 35px 0 0; position:relative;} .calculater .tabSection .tabHeader ul li a {height:120px; display: inline-block; position:relative; text-align:center; box-sizing:border-box; padding:10px 5px;} .calculater .tabSection .tabHeader ul li a .icon { /*background-color:#c7c7c7 !important; */ width:62px; height:62px; border-radius:100%; display:inline-block; overflow:hidden; } .calculater .tabSection .tabHeader ul li a p {font-size:1.3em; line-height:1.3em; color:#636363; margin:7px 0 0 0;} .calculater .tabSection .tabHeader ul li a .goalAmount {background:url(../images/calulatorIcon.png) no-repeat 0 0;} .calculater .tabSection .tabHeader ul li a .saveTax {background:url(../images/calulatorIcon.png) no-repeat -124px 0;} .calculater .tabSection .tabHeader ul li a .helpBuyingHousing {background:url(../images/calulatorIcon.png) no-repeat -248px 0;} .calculater .tabSection .tabHeader ul li a .buyCar {background:url(../images/calulatorIcon.png) no-repeat 0 -62px;} .calculater .tabSection .tabHeader ul li a .education {background:url(../images/calulatorIcon.png) no-repeat -124px -62px;} .calculater .tabSection .tabHeader ul li a .marriage {background:url(../images/calulatorIcon.png) no-repeat -248px -62px;} .calculater .tabSection .tabHeader ul li a .foreignTrip {background:url(../images/calulatorIcon.png) no-repeat 0 -124px;} .calculater .tabSection .tabHeader ul li a .retirement {background:url(../images/calulatorIcon.png) no-repeat -124px -124px;} /*.calculater .tabSection .tabHeader ul li a.active, .calculater .tabSection .tabHeader ul li a:hover {background-color:#fff; box-shadow: 0px 16px 27px 0px rgba(95, 95, 95, 0.3); -webkit-box-shadow: 0px 16px 27px 0px rgba(95, 95, 95, 0.3);}*/ .calculater .tabSection .tabHeader ul li a.active:before, .calculater .tabSection .tabHeader ul li a:hover:before {content:"\2B07"; position:absolute; margin:0 0 0 -5px; bottom:30px; height: 0; color: #04965c;font-size: 35px; display: block;width: 100%;text-align: center;} .calculater .tabSection .tabHeader ul li a.active .goalAmount, .calculater .tabSection .tabHeader ul li a:hover .goalAmount {background:url(../images/calulatorIcon.png) no-repeat -60px 0;} .calculater .tabSection .tabHeader ul li a.active .saveTax, .calculater .tabSection .tabHeader ul li a:hover .saveTax {background:url(../images/calulatorIcon.png) no-repeat -186px 0;} .calculater .tabSection .tabHeader ul li a.active .helpBuyingHousing, .calculater .tabSection .tabHeader ul li a:hover .helpBuyingHousing {background:url(../images/calulatorIcon.png) no-repeat -310px 0;} .calculater .tabSection .tabHeader ul li a.active .buyCar, .calculater .tabSection .tabHeader ul li a:hover .buyCar {background:url(../images/calulatorIcon.png) no-repeat -62px -62px;} .calculater .tabSection .tabHeader ul li a.active .education, .calculater .tabSection .tabHeader ul li a:hover .education {background:url(../images/calulatorIcon.png) no-repeat -186px -62px;} .calculater .tabSection .tabHeader ul li a.active .marriage, .calculater .tabSection .tabHeader ul li a:hover .marriage {background:url(../images/calulatorIcon.png) no-repeat -310px -62px;} .calculater .tabSection .tabHeader ul li a.active .foreignTrip, .calculater .tabSection .tabHeader ul li a:hover .foreignTrip {background:url(../images/calulatorIcon.png) no-repeat -62px -124px;} .calculater .tabSection .tabHeader ul li a.active .retirement, .calculater .tabSection .tabHeader ul li a:hover .retirement {background:url(../images/calulatorIcon.png) no-repeat -186px -124px;} .calculater .tabSection .tabData {margin:10px 0 0 0; position:relative; z-index:0;} .calculater .tabSection .tabData .tabContent {background-color:#ffffff; position:relative; display:none;} .calculater .tabSection .tabData .tabContent .header {font-family:'bnpp_sans_condensedlight'; font-size:2.8em; color:#5f5f5f; float:left; width:100%; box-sizing:border-box; padding:30px; line-height:1.2em;border: 1px solid gray;} .calculater .tabSection .tabData .tabContent .form {float:left; width:100%; padding:30px; position:relative; background-color:#f0f0f0; box-sizing:border-box;border: 1px solid gray;border-top: none;} /*.calculater .tabSection .tabData .tabContent .form:after, .calculater .tabSection .tabData .tabContent .form:before {content: ''; display: block; position: absolute; left: 30px; width: 0; height: 0; border-style: solid;}*/ .calculater .tabSection .tabData .tabContent .form:after {top: -12px; left:31px;border-color: transparent transparent #f0f0f0 transparent ; border-width: 6px;} /*.calculater .tabSection .tabData .tabContent .form:before {top: -14px; border-color: transparent transparent #c1c1c1 transparent ; border-width: 7px;}*/ .calculater .tabSection .tabData .tabContent p {font-size:1.6em; color:#5f5f5f;} .calculater .tabSection .tabData .tabContent p.riskContent, .calculater .tabSection .tabData .tabContent p.tenureContent, .calculater .tabSection .tabData .tabContent p.fundTypeContent{font-size:1em} .calculater .tabSection .tabData .tabContent .goalAmtBox {float:left; width:100%;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li {float:left; margin:0 2.5%;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li:first-child {margin-left:0; width:37%;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li:nth-child(2) {width:33%;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li:nth-child(3) {width:17%;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li:last-child {margin:0; width:15%; clear:both;} .calculater .tabSection .tabData .tabContent ul li .dropdown h3 {color: #5f5f5f; font-size:2.4em;border-bottom: 1px solid #000;} .calculater .tabSection .tabData .tabContent ul li .dropdown h3:before {border-color: transparent transparent #5f5f5f #5f5f5f;} .calculater .tabSection .tabData .tabContent ul li .dropdown h3:after {background: #5f5f5f;} .calculater .tabSection .tabData .tabContent ul li .dropdown ul li {width: 100% !important; margin: 0 !important;} .calculater .tabSection .tabData .tabContent ul li .dropdown ul li a {font-size: 1.6em !important;} .calculater .tabSection .tabData .tabContent p.mandatoryRow {width: 100%; float: left; margin: 20px 0 0 0; font-size: 1.2em} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li.errorLI {float:left; margin:0; clear:left} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li.errorLI p{color:#ff0000; height:auto; margin:5px 0 0 0;} .calculater .tabSection .tabData .tabContent .threeCol ul li:first-child {margin-left:0; width:30%;} .calculater .tabSection .tabData .tabContent .threeCol ul li:nth-child(2) {width:30%;} .calculater .tabSection .tabData .tabContent .threeCol ul li:nth-child(3) {width:30%; margin-right:0;} .calculater .tabSection .tabData .tabContent .threeCol ul li:nth-child(4) {width:30%; margin-left: 0; clear: both; margin-top: 20px;} .calculater .tabSection .tabData .tabContent .pHeight ul li:nth-child(4) p {height: auto;} .calculater .tabSection .tabData .tabContent .pHeight ul li p {height:40px;} .calculater .tabSection .tabData .tabContent .fourthCol ul li {margin-bottom:20px;} .calculater .tabSection .tabData .tabContent .fourthCol ul li:nth-child(1) {margin-left:0; width:45%;} .calculater .tabSection .tabData .tabContent .fourthCol ul li:nth-child(2) {margin-right:0; width:47%;} .calculater .tabSection .tabData .tabContent .fourthCol ul li:nth-child(3) {margin-left:0; width:45%;} .calculater .tabSection .tabData .tabContent .fourthCol ul li:nth-child(4) {margin-right:0; width:47%;} .calculater .tabSection .tabData .tabContent .fourthCol ul li:nth-child(5) {margin-left:0; width:45%; clear: both;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li p {margin-bottom:15px;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li input[type=text] {font-size:2.4em; color:#5f5f5f; border-bottom:none;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li .amountBox {float:left; width:100%; border-bottom: 1px solid #000; position:relative; padding:0 0 0 20px; box-sizing:border-box;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li .amountBox:before {content:"\20B9"; position:absolute; left:0; top:0; font-family:Arial, sans-serif; font-size:2.5em; color: #5f5f5f;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li .ui-slider-horizontal {height:1px; border:none; background-color:#000; float:left; width:100%; margin:33px 0 0 0;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li .ui-slider .ui-slider-handle {border:0; background-image:url(../images/dragcircle.png); width:22px; height:25px; cursor:pointer; background-color:transparent; top:-25px;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li .ui-slider-horizontal .ui-slider-handle {margin:0 0 0 -11px;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li .ui-slider .ui-slider-handle:focus {outline:none;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li .yearCount, #word {font-size:1.4em; color:#5f5f5f; margin:10px 0 0 0; float:left;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li .yearCount1, #word {font-size:1.4em; color:#5f5f5f; margin:10px 0 0 0; float:left;} .calculater .tabSection .tabData .tabContent .goalAmtBox ul li .showResult {width:100%; margin: 15px 0 0 0; padding:0;} .calculater .tabSection .tabData .tabContent .formResult {float:left; width:100%; padding:40px 0 20px 0; position:relative; border-top:1px solid #c1c1c1; box-sizing:border-box; display:none;} .calculater .tabSection .tabData .tabContent .formResult .row {float:left; width:100%; padding:0 30px; box-sizing:border-box;} .calculater .tabSection .tabData .tabContent .formResult .emiAmount {font-size:3.4em; color:#5f5f5f; float:left; margin:10px 10px 0 0;} .calculater .tabSection .tabData .tabContent .formResult .perMonth {float:left; margin:25px 0 0 0;} .calculater .tabSection .tabData .tabContent .formResult .row2 {margin:25px 0 20px 0; float:left; width:100%; border-bottom:1px solid #c1c1c1; border-top:1px solid #c1c1c1;} .calculater .tabSection .tabData .tabContent .formResult .row2 ul li {float:left; width:14%; position:relative; padding:10px 30px; box-sizing:border-box; font-size:1.6em; color:#5f5f5f; line-height:1.6em;} .calculater .tabSection .tabData .tabContent .formResult .row2 ul li:first-child, .calculater .tabSection .tabData .tabContent .formResult .row2 ul li:nth-child(3) {width:12.5%;} .calculater .tabSection .tabData .tabContent .formResult .row2 ul li:nth-child(3), .calculater .tabSection .tabData .tabContent .formResult .row2 ul li:nth-child(4) {width: 20%;} .calculater .tabSection .tabData .tabContent .formResult .row2 ul li span.heading {font-size:0.8em;} .calculater .tabSection .tabData .tabContent .formResult .row2 ul li span.red {color:#c20069;} .calculater .tabSection .tabData .tabContent .formResult .row2 ul li:after {content:""; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#c1c1c1;} .calculater .tabSection .tabData .tabContent .formResult .row2 ul li:last-child:after {display:none;} .calculater .tabSection .tabData .tabContent .formResult .row2 ul li a.view {text-align:center; display:inline-block; padding:12px 0; font-size:0.8em; color:#e9721c; text-transform:uppercase;} .calculater .tabSection .tabData .tabContent .formResult .row2 ul li.link {text-align:center;} .calculater .tabSection .tabData .tabContent .formResult .row3 {float:left; width:100%; font-size:1.4em; color:#5f5f5f; padding:0 30px; box-sizing:border-box; line-height:1.5em;} /*********** calculater ****************/ /*********** distributor Query ****************/ .distributorQuery .distributorForm li:first-child {width:100%;} .distributorQuery .distributorForm li:first-child p {margin:0;} .distributorQuery .distributorForm p.mandatory span {color:#f20101;} .distributorQuery .distributorForm .dropdown {z-index:2;} .distributorQuery .distributorForm .dropdown h3:after {display:none;} .distributorQuery .distributorForm .dropdown h3 {color: #5f5f5f; border-bottom: 1px solid #ff5c33;} .distributorQuery .distributorForm .dropdown ul li {width:100%; padding:0; margin:0;} .distributorQuery .distributorForm .fullWidth {width:100%;} .distributorQuery .distributorForm .textAreaHeight {height:60px;} .distributorQuery .distributorForm .characterLimit {text-align:right; font-size:1.3em; font-style:italic;} /*********** distributor Query ****************/ .learnMore ul li {float:left; width:30%; margin: 0 2.5% 45px 1.0%; height:490px; background-color:#e4e4e2; /*box-shadow: 8px 8px 55px 0px rgba(95,95,95,0.30); -webkit-box-shadow: 8px 8px 55px 0px rgba(95,95,95,0.30);*/ } .learnMore ul li:nth-child(3n+1) {margin-left:0;} .learnMore ul li:nth-child(3n+3) {margin-right:0;} .learnMore ul li .coverImg {float:left; width:100%; overflow:hidden; } .insightWrapper .learnMore ul li .coverImg{max-height: 170px;} .insightWrapper .learnMore ul li .content{min-height: 140px;} /*.learnMore ul li .coverImg img {float:left; width:130%; margin:0 0 0 -15%;}*/ .learnMore ul li .coverImg img {float:left; width:100%; margin:0; height: 165px;} .learnMore ul li .content {float:left; width:100%; box-sizing:border-box; padding:30px; position:relative; height:60%;} .learnMore ul li .content a.title {float:left; width:100%; color:#2d2926; font-size:2em; font-family:'bnpp_squarelight'; letter-spacing:-1px; margin-bottom:17px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;} .learnMore ul li .content a:hover.title {color:#159661;} .learnMore ul li .content p {font-size:1.6em; color:#353535; float:left; width:100%; line-height:1.5em; height:143px; overflow:hidden;} .learnMore ul li .content a.knowMore {position:absolute; left:18px; bottom:20px; font-size:1.2em; color:#159661; font-family:'bnpp_squarebold'; padding:0 0 0 15px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;} /*.learnMore ul li .content a.knowMore:before {content:""; position:absolute; left:0; top:4px; width:8px; height:2px; background-color:#159661; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}*/ /*.learnMore ul li .content a.knowMore:after {content:""; position:absolute; left:0; top:10px; width:8px; height:2px; background-color:#159661; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}*/ .learnMore ul li .content a:hover.knowMore {padding:0 0 0 20px;} .learnMoreInner {width:85%; float:left; margin:30px 7.5%;} .learnMoreInner h2 {margin-bottom:20px; font-family:'bnpp_squarelight'; font-size:2.4em; color:#2d2926;} .learnMoreInner h2.mtop40 {margin:40px 0 0 0;} .learnMoreInner p {font-size:1.6em; color:#2d2926; line-height:1.5em; margin:10px 0; float:left; width:100%;} .learnMoreInner ul.numberUL li {color:#2d2926; margin:0 0 15px 0} .learnMoreInner .steps {float:left; width:100%; margin:30px 0;} .learnMoreInner .steps ul li {float:left; width:100%;} .learnMoreInner .steps ul li .left {float:left; width:25%; box-sizing:border-box; font-size:3.2em; color:#2d2926; text-transform:uppercase; font-family:'bnpp_sans_condensedlight'; text-align:right; padding-right:30px;} .learnMoreInner .steps ul li .right {float:left; width:55%; position:relative; box-sizing:border-box; font-size:1.6em; color:#2d2926; line-height:1.5em; padding:0 0 40px 20px;} .learnMoreInner .steps ul li .right:before {content:""; position:absolute; left:-4px; top:2px; width:6px; height:6px; border:4px solid #159661; border-radius:100%; background-color:#fff;} .learnMoreInner .steps ul li .right:after {content:""; position:absolute; left:3px; top:15px; width:1px; height:100%; background-color:#159661;} .learnMoreInner .steps ul li:last-child .right:after {display:none;} .learnMoreInner .steps ul li i.icon {background:url(../images/insideIcon.png) no-repeat 0 0; display:inline-block; margin-right:20px; vertical-align:top;} .learnMoreInner .steps ul li i.step1 {background-position:0 0; width:69px; height:57px;} .learnMoreInner .steps ul li i.step2 {background-position:-94px 0; width:83px; height:68px;} .learnMoreInner .steps ul li i.step3 {background-position:-193px 0; width:63px; height:63px;} .learnMoreInner .steps ul li i.step4 {background-position:-265px 0; width:43px; height:51px;} .learnMoreInner .text {float:left; width:100%; text-align:center;} .learnMoreInner .text .greenButton {display:inline-block; float:none; margin:25px 0 0 0;} .learnMoreInner .row, .learnMoreInner .row2, .learnMoreInner .row ul li {float:left; width:100%;} .learnMoreInner .row {margin:25px 0 0 0;} .learnMoreInner .row ul li {margin-bottom:20px;} .learnMoreInner .row ul li .imgBox {float:left; width:30%; margin:10px 0 0 0} .learnMoreInner .row ul li .imgBox img {float:left; width:100%;} .learnMoreInner .row ul li .data {float:right; width:65%;} .learnMoreInner .row3 ul li .imgBox {width:45%} .learnMoreInner .row3 ul li .data {width:50%;} .learnMoreInner .row2 .tableBox {width:70%; margin:0 auto;} .learnMoreInner .row2 .tableBox table {float:left; width:100%;} .learnMoreInner .row2 .tableBox table th {font-size:1.6em; color:#353535; background-color:#e2e2e2; padding:20px 30px; font-weight:normal; text-align:left; line-height:1.4em;} .learnMoreInner .row2 .tableBox table th span {font-size:0.8em;} .learnMoreInner .row2 .tableBox table td {padding:10px 30px; font-size:1.6em; color:#353535; border-bottom:1px solid #e2e2e2; text-align:left;} .learnMoreInner .fullWidth {width:auto; max-width:100%;} .learnMoreInner .img1 {max-width:100%;} /*************** Sitemasp Start ***********/ ul.sitemapUL{width:100%; float:left} ul.sitemapUL > li{width:33.33%; float:left; padding:0 15px; box-sizing:border-box} ul.sitemapUL > li > a{color:#e9721c; font-size:1.7em; width:auto; float:left; margin:10px 0; clear:left} ul.sitemapUL > li > ul > li{width:100%; float:left} ul.sitemapUL > li > ul > li > a{color:#e9721c; font-size:1.7em; width:100%; float:left; margin:0 0 15px 0} ul.sitemapUL > li h3{color:#5a5a5a; font-size:1.5em; width:100%; float:left; padding:10px 0; font-weight:normal} ul.sitemapUL > li ul.bulletUL{margin:0 0 10px 0} ul.sitemapUL > li ul.bulletUL li a{color:#e9721c; text-transform:none} ul.sitemapUL > li ul.bulletUL li a:after{border-color:#e9721c} ul.sitemapUL > li ul.bulletUL li span{background:#24b3c6; color:#fff; font-size:0.8em; padding:2px 5px; box-sizing:border-box; margin:0 0 0 10px; text-transform:uppercase} .commonFormat h2{margin:15px 0 0 0} .commonFormat p{font-size:1.6em; width:100%; float:left; margin:8px 0; color:#5f5f5f; line-height:1.4em} .commonFormat p strong{font-weight:bold} .commonFormat p a{color:#1f9862} .commonFormat ul.bulletNumbering{margin:0 0 25px 0 } .commonFormat ul.bulletNumbering li{font-size:1.6em; color:#5f5f5f; margin:5px 0 10px 0} ul.ourFundCarouselUL li .fundBox > h3:hover{color:#00965e} ul.ourFundCarouselUL li .fundBox > h3:active{color:#00965e} .fundsDisclaimerPopup{padding:50px 40px 50px 40px} .fundsDisclaimerPopup .links{width:100%; float:left; margin:25px 0 0 0} .fundsDisclaimerPopup .links a{margin:0 15px 0 0} .mapWrapper{position:relative; z-index:2} a.otherLink {color: #e9721c;} .distributorWrapper .bottomCont p {margin:10px 0;} .distributorQuery .error {font-size:1.4em; color:red; padding:0 40px 20px 40px;} .gsc-adBlock {height:0 !important; overflow:hidden !important; display:none !important;} .expertHeader{border-bottom:1px solid #d2d2d2} .expertHeader a{cursor:default} .breadcrumbW01 h1{margin-bottom:0} .videoWrapper{width:auto; height:500px; margin:40px auto 0px auto; background:#000; padding:0; box-sizing:border-box; clear:both; position:relative ; display:table} .videoWrapper .video{width:auto; height:500px; float:left; position:relative; border:1px solid #d2d2d2} .videoWrapper .video a.videoButton{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); border:1px solid #93bd0e;} .videoWrapper .video a.videoButton:after{border-color:transparent #93bd0e #93bd0e transparent} .videoWrapper .video img{width:auto; height:100%; float:left} .videoWrapper.videoActive .video{visibility:hidden} .videoWrapper video#expertVideo{width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; display:none; } .pmsInvestorWrap{background:#ededed; position:relative; overflow:hidden} .pmsInvestorWrap .container{width:80%; float:none; display:table; margin:0 auto} .pmsInvestorWrap .box h2{margin:0 0 15px 0; display: inline-block; width: auto;} .pmsInvestorWrap .box{margin: 0 auto; display: flex; width: auto; justify-content: center; align-items: center;padding: 30px 0; flex-wrap: wrap;} .pmsInvestorWrap .box img{width:auto; display: inline-block;margin-right: 25px;} .pmsInvestorWrap .box p{font-size:1.4em; margin:25px 0; float:left;} .aboutPMS .halfWidth{width:70%} .aboutPMS .lastdivWidth{width:30%;} .aboutPMS h2{margin-bottom:10px} .aboutPMS .fullWidth h3{margin:10px 0 0 0; font-size:1.6em; font-weight:bold} .aboutPMS p{margin:10px 0 15px 0} .choosePMS{background:#ededed} .choosePMS main{width:750px; float:none} ul.choosePMS_UL{width:100%; float:left; margin:25px 0 0 0} ul.choosePMS_UL li{width:50%; float:left; padding:20px 25px 30px 0; box-sizing:border-box; color:#636363; font-size:1.6em; position:relative; line-height:1.5em} ul.choosePMS_UL li:nth-child(2n){padding-right:0; padding-left:25px; } ul.choosePMS_UL li:nth-child(2n+1){clear:left} ul.choosePMS_UL li:after{width:100px; height:1px; background:#b6b6b6; position:absolute; left:0; top:0; content:''; display:block; } ul.choosePMS_UL li:nth-child(2n):after{left:25px;} .downloadPMS ul.boxUL{margin:0} .firstVideo{background:#ededed; margin:80px 0 0 0} .firstVideo .container{padding:0} .firstVideo .container .videoWrap{width:60%; float:left; position:relative; cursor:pointer} .firstVideo .container .videoWrap img{width:100%; float:left;} .firstVideo .container .videoWrap a.videoButton{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);} .firstVideo .container .videoCont{width:40%; float:left; padding:40px 0 20px 40px; box-sizing:border-box; } .firstVideo .container .videoCont p{margin:0 0 15px 0; font-size:2.0em; color:#4f4f4f; line-height:1.4em} .firstVideo .container .videoCont p.smallTxt{font-size:1.4em} ul.videoUL{width:100%; float:left;} ul.videoUL li{width:33.33%; float:left; padding:20px 15px; box-sizing:border-box} ul.videoUL li:nth-child(3n+1){clear:left} ul.videoUL li .img{width:100%; float:left; position:relative; margin:15px 0 0 0; cursor:pointer} ul.videoUL li .img img{width:100%; float:left; border: 2px solid #b7b1b1;} ul.videoUL li .img a.videoButton{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);} ul.videoUL li .cont{width:100%; float:left} ul.videoUL li .cont p{width:100%; float:left; font-size:1.6em; color:#4f4f4f; margin:5px 0} ul.videoUL li .cont p.smallTxt{font-size:1.2em; display:none} ul.faqsUL li h3:hover{ color:#00965e; } ul.faqsUL li h3:after, ul.faqsUL li h3:hover:before { width: 11px; height: 1px; content: ''; display: block; background: #ff5c33; position: absolute; left: 0; top: 22px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .historical .fundData .loadMoreLatestDiv a.grayButton { padding: 0 40px; color: #fff; font-size: 1.4em; } .commongreyWrapper{background:#ededed; margin:0} .commongreyWrapper .container .contWrap h2{margin:0 0 15px 0} .globalWrapper .container{padding:0} .commongreyWrapper .container .imageLeft{width:45%; float:left; position:relative;} .commongreyWrapper .container .videoWrap{width:60%; float:left; position:relative; cursor:pointer} .commongreyWrapper .container .videoWrap img{width:100%; float:left;} .commongreyWrapper .container .videoWrap a.videoButton{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);} .commongreyWrapper .container .contWrap{width:40%; float:left; padding:40px 20px 0 40px; box-sizing:border-box; } .commongreyWrapper .container .contWrap p{margin:15px 0 15px 0; font-size:1.6em; color:#4f4f4f; line-height:1.4em} .commongreyWrapper .container .contWrap p.smallTxt{font-size:1.4em} .commongreyWrapper .container .videoWrap a.videoButton, ul.videoUL li .img a.videoButton{background:rgba(138,138,138,0.8)} .commongreyWrapper .container .videoWrap:hover a.videoButton, ul.videoUL li .img:hover a.videoButton, ul.videoUL li .img a.videoButton:hover{background:rgba(0,150,94,1)} .investorWrapper{background:none} .commongreyWrapper .headTitle{margin:0 0 30px 0} .commongreyWrapper .vidWrapper{width:100%; float:left; position:relative; background:#ededed } .commongreyWrapper .container .vidWrapper .contWrap{padding-right:15px;} .aboutWrap p.disclaimer{font-size:1.4em} a.viewAllVideos {width: 150px; margin: 0 auto 20px; display: table; top: 20px;} .globalWrapper {margin-bottom: 70px; margin-top: 30px;} .insideGetCall:after {background: url(../images/sprite-bnp.png) no-repeat -216px 0 !important;} .insideContactFooterMobile {display: none;} ul.mobileIcon li a.mailUs span:after, ul.mobileIcon li a:hover.mailUs span:after {background-position: -340px -137px; display: block; left: -18px;} ul.mobileIcon li a.tollFreeNo span:after, ul.mobileIcon li a:hover.tollFreeNo span:after {background-position: -374px 0; display: block; left: 8px;} .mediaWrapper {position: static !important; margin-top: 25px;} .mediaContent .tabdetailWrapper {float: left; width: 100%; background-color:#e8e8e8; padding: 50px 0;} .mediaContent .tabdetailWrapper a.grayButton {float: none; margin: 0 auto; display: table;} .mediaContent .tabdetailWrapper li a {background-color: white} .mediaContent .tabdetailWrapper ul li a.watchIcon .right p {background-image: url(../images/watchIcon.png); line-height: 35px;} .mediaContent .tabdetailWrapper ul li a.watchIcon:hover .right p {background-image: url(../images/watchIconHover.png);} .mediaContent .tabdetailWrapper ul li a.readIcon .right p {background-image: url(../images/readIcon.png); line-height: 35px;} .mediaContent .tabdetailWrapper ul li a.readIcon:hover .right p {background-image: url(../images/readIconHover.png);} .mediaContent2 {float: left; width: 100%; margin: 35px 0 20px 0} .mediaContent2 ul li {float: left; width: 50%; box-sizing: border-box;} .mediaContent2 ul li.text {font-size: 1.8em; color: #636363; padding-right: 30px; line-height: 1.5em;} .mediaContent2 ul li.text2 {font-size: 1.6em; color: #636363; line-height: 1.5em; padding-left: 30px; background-image: url(../images/mediaLine.png); background-repeat: no-repeat; background-position: left top;} .mediaContent2 ul li.text2 p {margin-bottom: 10px;} .mediaContent2 ul li a {color: #159661;} .mediaFooter .container {padding:10px 0 20px 0;} .mediaContact {padding-top: 0;} .pressDate .categoryW .dropdownW2 {padding:0 20px;} .btmCont01 a.grayButton{margin:10px 10px 0 0} /*************** Follow Fund Start ****************/ .followFund{width:500px;} .followFund a.backBtn{position:absolute; left:30px; top:25px; text-transform:uppercase; color:#00965e; } .followSteps, ul.followUL, ul.followUL > li{width:100%; float:left} ul.followUL > li{padding:15px 0; box-sizing:border-box; border-bottom:1px solid #cacaca; } ul.followUL > li:first-child{border-top:1px solid #cacaca; } ul.followUL > li p{font-size:1.6em; color:#636363; margin:0} ul.followUL > li h2{font-size:2em; color:#5f5f5f; font-family:'bnpp_squarelight'; margin:0 0 10px 0} ul.followUL > li h2 span{color:#cf1324} ul.followUL > li .pure-radiobutton{width:auto; float:left; position:relative; margin:10px 15px 0 0; } ul.followUL > li .pure-radiobutton input[type="radio"] + label::before{top:-4px;} ul.followUL > li .pure-radiobutton input[type="radio"] + label::after{top:8px;} ul.followUL > li .pure-radiobutton input[type="radio"] + label{padding-left:24px; color:#5f5f5f} ul.followUL > li .pure-checkbox{width:100%; float:left; margin:5px 0} ul.followUL > li .dropdown h3{font-size:1.4em; margin:0; color:#5f5f5f} ul.followUL > li .inputFields{width:100%; float:left; position:relative; padding: 25px 0px 0px 0; margin: 5px 0; box-sizing: border-box; } ul.followUL > li h4{width:100%; float:left; margin:5px 0 0 0; padding:0; font-weight:normal; font-size:1.3em; color:#5f5f5f} ul.followUL > li h4 a{color:#e9721c; text-transform:uppercase; text-decoration:none} ul.followUL > li h4 a:hover{color:#f47218} .followSteps{width:100%; float:left} .followSteps .links{width:75%; margin:0 auto; display:table; padding:25px 0 15px 0 } .followSteps .links h5{width:100%; float:left; color:#cd580a; font-size:1.4em; text-align:center; margin:0 0 10px 0; padding:0; font-weight:normal; } .followSteps .links a{width:100%; float:left} .subscribePopup, .unsubscribePopup{width:500px;} .subscribePopup ul.followUL > li, .unsubscribePopup ul.followUL > li{border:none} .subscribePopup p a{color:#e06d1b; text-transform:uppercase} p.disclaimerFollow{position:relative; width:100%; float:left; /*padding:0 0 0 20px;*/ margin:0 0 10px 0} p.disclaimerFollow:before {content: ''; position: absolute; top:-2px; left: 0px; /*background:url(../images/sprite-bnp.png) no-repeat -247px -121px;*/ width:14px; height:18px;} .lds-ellipsis {margin: 0 auto; position: relative; width: 64px; height: 11px;} .lds-ellipsis div { position: absolute; top: 0; width: 11px; height: 11px; border-radius: 50%; background: #00965e; animation-timing-function: cubic-bezier(0, 1, 1, 0);} .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 0.6s infinite;} .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 0.6s infinite;} @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } .bulletWrapper{width: 100%; float:left;} .bulletWrapper ul.bullet{margin: 0 0 25px 0} .bulletWrapper ul.bullet li{text-align: left;} .expensesWrapper01 .container{padding-bottom: 20px} .expensesWrapper{background: none; } .expensesWrapper .container{padding-top: 0} .expensesWrapper .filterWrap{padding: 0; margin: 0} /*************** Statutory Disclosures Start ****************/ ul.statutoryUL{} ul.statutoryUL > li{width: 100%; padding: 0; box-sizing: border-box} ul.statutoryUL > li ul.bulletUL > li {width: 30.33%; margin: 0 3% 0 0; border: none; border-bottom: 1px solid #cfcfcf; } /*ul.statutoryUL > li ul.bulletUL li:first-child{border-top: 1px solid #cfcfcf}*/ ul.statutoryUL > li ul.bulletUL > li:nth-child(3n+1){clear: left} /*************** Statutory Disclosures End ****************/ /************ Insight Start **********************/ .insightTopUL{width: 100%; float: left} .insightTopUL li{float: left; box-sizing: border-box; } .insightTopUL li:first-child{width:55%; float: left; padding: 0 20px 0 0; } .insightTopUL li:nth-child(2){width:45%; float: left; padding: 0 0 0 20px; } .insightTopUL li .img{width: 100%; float: left; height: 250px; overflow: hidden} .insightTopUL li .box{width: 100%; float: left; /*box-shadow: 8px 8px 55px 0px rgba(95,95,95,0.30); box-shadow: 1px 1px 10px 5px #ccc;*/ } .insightTopUL li img{ min-height: 100%; min-width: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%);} .insightTopUL li .box .cont{width: 100%; float: left; padding: 30px 25px 30px 25px; box-sizing: border-box} .insightTopUL li .box .cont p{margin: 15px 0; width: 100%; float: left; font-size: 1.6em; color: #5f5f5f } .insightTopUL li .box .cont .links{width: 100%; float: left; margin: 15px 0 0 0} .insightTopUL li .box .cont .links a{margin: 0 15px 15px 0} .insightTopUL li .box .cont h5{ width: 100%; float: left; margin: 0 0 10px 0; color: #5f5f5f; font-size: 1.4em;} .insightWrapper .learnMore{width: 100%; float: left; margin: 60px 0 0 0} .insightWrapper .learnMore ul{margin: 40px 0 0 0; width: 100%; float: left} .insightWrapper .learnMore ul li{height: 520px;} .insightWrapper .learnMore ul li .content p{height:160px; } .insightWrapper .learnMore ul li p span{width: 100%; float: left; margin: 15px 0 0 0} .insightWrapper .learnMore ul li .content a.knowMore{bottom: 0} .insightWrapper .learnMore .links{text-align: center} .insightWrapper .learnMore .links a{margin: 0 auto; display: table; float: none} .insightWrapper .videoLink{position: relative; cursor: pointer; } .insightWrapper .videoLink a.videoButton{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgba(149,149,149,0.8); } .insightWrapper .videoLink:hover a.videoButton, .insightWrapper .videoLink a.videoButton:hover {background: rgba(149,149,149,1)} .popularWrap{ background: #e8e8e8; } .popularWrap h2{ text-align: center; } ul.popularKeyword{width: 100%; display: table-cell; text-align: center; float: left; margin: 25px 0} ul.popularKeyword li{ display: inline-block; text-align: center; margin: 5px; box-sizing: border-box; padding:10px 0} ul.popularKeyword li a{color: #6c4275; background: #fff; padding: 8px 25px; border-radius: 5px; font-size: 2.2em; font-family:'bnpp_sans_condensedlight'; transition: all ease 0.5s; } ul.popularKeyword li a:hover{ color: #159661 } .searchBox{width: 60%; margin: 0 auto} .searchBox .searchW{width: 100%; float: left; position: relative; margin-bottom: 30px;} .searchBox .searchW input[type=text]{width: 100%; float: left; line-height: 50px; font-family:'bnpp_sans_condensedlight'; font-size: 3.4em; color: #636363; padding: 0 50px 0 15px; box-sizing: border-box; border-color: #6c4275; } .searchBox a.searchLink{ width: 60px; height: 50px; box-sizing:border-box; float:left; margin:0; color:#5f5f5f; font-size:1.4em; position:relative ; font-family:Arial, Helvetica, sans-serif; text-indent: -99px; overflow: hidden; position: absolute; right: 0px; top: 0; z-index: 1 } .searchBox a.searchLink:after{width:20px; height:20px; border-radius:20px; content:''; display:block; position:absolute; right:15px; bottom:12px; border:1px solid #5f5f5f; border-radius:15px;} .searchBox a.searchLink:before{width:1px; height:10px; content:''; display:block; position:absolute; right:14px; bottom:8px; background:#5f5f5f; } .insightWrapper .learnMore ul li .content h3 {float:left; width:100%; color:#5f5f5f; font-size:2em; font-family:'bnpp_squarelight'; letter-spacing:-1px; margin-bottom:17px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; font-weight: normal;} .insightWrapper .videoMore ul li{height: auto} .insightWrapper .learnMore h5{width: 100%; float: left; margin: 0 0 10px 0; color: #5f5f5f; font-size: 1.4em } .insightWrapper .articleMore{ margin: 0; } .insightWrapper .articleMore ul li .content p{height: auto; } .insightWrapper .articleMore ul li p span{margin: 0} .insightWrapper .articleMore ul li{height: 450px;} .insightWrapper .articleMore ul li .content a.knowMore{bottom: 30px;} .insightWrapper.popularWrap .videoMore{} .insightWrapper01 .learnMore, .insightWrapper.popularWrap .learnMore{margin: 0} .insightWrapper.popularWrap h2{text-align: left} .filterBox{width: 100%; float: left; border: 1px solid #d0d0d0; } .filterBox a.backBtn{text-transform: uppercase; margin: 10px 0 10px 25px;} .insightWrapper .learnMore .filterBox > ul, .insightWrapper .learnMore .filterBox ul li{width: 100%; float: left; background: transparent; box-shadow: none;} .insightWrapper .learnMore .filterBox ul{width: 100%; float: left} .insightWrapper .learnMore .filterBox ul.dropdownW{width: auto; float: right; margin: 0; } .insightWrapper .learnMore .filterBox ul.dropdownW > li{width: 200px; box-sizing: border-box; float: left; height: auto; margin: 0; padding: 10px 20px; border-left: 1px solid #d0d0d0; } .insightWrapper .learnMore .filterBox ul.dropdownW .dropdown ul{margin: 0; padding: 0} .insightWrapper .learnMore .filterBox ul.dropdownW .dropdown ul li{height: auto; margin: 0; padding:0; box-sizing: border-box; box-shadow: none} .dropdown ul li a{padding: 10px 10px; box-sizing: border-box} .noRecord{width: 100%; float: left; margin: 0 0 50px 0; color: red; font-size: 2.4em} /************ Insight End **********************/ .error_msg{font-size: 13px; color: red; line-height: 1em; font-weight: normal; display: none;} .linksWrap{width: auto; margin: 0 auto; display: table} .investTree .linksWrap a.greenButton, .linksWrap a.greenButton{float: left; } .linksWrap a.notification { float:left; width:auto; position: relative; font-size: 1.2em; text-transform: uppercase; font-family: 'bnpp_squareregular'; height: 40px; line-height: 40px; padding-left: 20px; margin: 0 0 0 20px; } .linksWrap a.notification:before {content: ''; position: absolute; top:12px; left: 0; background:url(../images/sprite-bnp.png) no-repeat -247px -121px; width:14px; height:18px;} .linksWrap a.notification:hover:before {background-position:-247px -141px;} .linksWrap a.notification:hover, .linksWrap a.notification:active{background-position:-247px -141px;} .historicalNav .selectOption .row2 ul li a.notification{padding-left: 25px;} .historicalNav .selectOption .row2 ul li a.notification:before{content: ''; position: absolute; top:2px; left: 0; background:url(../images/sprite-bnp.png) no-repeat -247px -121px; width:14px; height:18px;} .fundDetail ul.valueUL > li ul.box > li{position: relative} .fundDetail ul.valueUL > li ul.box > li a.notificationIcon{width: 15px; height: 20px; overflow: hidden; float: left; text-indent: -8888px; position: absolute; right: -22px; top:15px} .fundDetail ul.valueUL > li ul.box > li a.notificationIcon:before{content: ''; position: absolute; top:2px; left: 0; background:url(../images/sprite-bnp.png) no-repeat -247px -121px; width:14px; height:18px;} .fundDetail ul.valueUL > li ul.box > li a.notificationIcon:hover:before {background-position:-247px -141px;} .fundDetail p.disclaimer{font-size: 1.2em} /**********************************/ .insightWrapper .learnMore ul.boxHT li{height: auto} .insightWrapper .learnMore ul.boxHT li .content{height: auto; padding: 30px 30px 80px 30px;} .insightWrapper .learnMore ul.boxHT li .content a.knowMore{bottom: 35px; position: absolute; left: 15px;} .insightWrapper .learnMore ul.boxHT li .content a.greenButton{bottom: 25px; position: absolute; left: 30px; display: block;} .insightWrapper .learnMore ul.boxHT li .content{position: static} .insightWrapper .learnMore ul.boxHT li{position: relative} .insightWrapper .learnMore ul.boxHT li .content p{height: auto !important} .historical .latestSmall{width: 90%; float: left; margin: 15px 0 0 0} .historical .latestSmall p{width: 100%; float: left; margin: 10px 0; font-size: 1.3em} .historical .latestSmall p strong{font-weight: bold;} /****************** END ******************/ /*footer .socialNav a.ytChannel{position:absolute; right:0; top:0; z-index:1; opacity: 0.8;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; } footer .socialNav a.ytChannel:hover{opacity: 1}*/ footer ul.socialULNew{position: absolute; right: 30px; top: 40px;} footer ul.socialULNew li{width: auto; float: left; line-height: 30px; color: #fff; font-size: 1.2em; font-family: 'bnpp_squareregular';} footer ul.socialULNew li a{margin: 0 0 0 10px;} .nofoundpage .wrap404{width: 750px; margin: 0 auto; display: table; position: relative} .nofoundpage .wrap404 img{width: auto; float: left; margin: 0 90px 0 0} .nofoundpage .wrap404 .cont{width: auto; float: left; box-sizing: border-box; } .nofoundpage .wrap404 .cont h2, .nofoundpage .wrap404 .cont h3{font-size: 7.6em; color: #2d2926; font-weight: bold;} .nofoundpage .wrap404 .cont h3{font-size: 3.5em; font-family: 'bnpp_squarelight'; font-weight: normal} .nofoundpage .wrap404 ul.bulletUL{width: auto; margin: 25px 0 0 0; max-width: 280px} .socialMedia{width: 100%; float: left; padding: 40px 0;} .socialMedia ul.socialMediaUL{width: auto; margin: 0 auto; display: table} .socialMedia ul.socialMediaUL li{width: auto; float: left; margin: 0 10px; font-size: 1.4em; line-height: 30px; color: #2d2926} .socialMedia ul.socialMediaUL li a{width: 30px; height: 30px; float: left; margin: 0; padding: 0; overflow: hidden; text-indent: -99px; background: url(../images/bnp-social-sprite.png) no-repeat 0 0; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;} .socialMedia ul.socialMediaUL li a.whatsappIcon{background-position: 0 0;} .socialMedia ul.socialMediaUL li a.fbIcon{background-position: -49px 0;} .socialMedia ul.socialMediaUL li a.linkedIcon{background-position: -97px 0;} .socialMedia ul.socialMediaUL li a.twtIcon{background-position: -146px 0;} .socialMedia ul.socialMediaUL li a.mailIcon{background-position: -194px 0;} .socialMedia ul.socialMediaUL li a:hover{opacity: 0.8;} .weekly123 p:first-letter{ text-transform: uppercase; } .distriCenter .fullWidth {margin: 25px 0;} .distriCenter .listType li:first-child {border-top: 1px solid #cfcfcf} .distriCenter .listType li {position: relative; padding: 12px 0 12px 20px; border-bottom: 1px solid #cfcfcf;} .distriCenter .listType li:before, .formslinkUL .bulletUL li:before {content: ""; position: absolute; left: 0; top: 20px; width: 8px; display: block; border-top: 2px solid #f25d3c;} .formslinkUL .bulletUL li {position: relative; padding: 12px 0 12px 20px; border-bottom: 1px solid #cfcfcf;} .fund-archive .breadcrumb {display: inline-block;margin-top: 10px; width: auto;} .fund-archive.breadcrumbW .headTitle {margin-bottom: 20px;} .archiveLink li { width: 33.33%; float: left; padding: 0 40px 0 0; box-sizing: border-box; } .archiveLink .bulletUL li { position: relative; padding: 12px 0 12px 20px; border-bottom: 1px solid #cfcfcf; } ul.archiveLink > li ul.bulletUL li a, ul.archiveLink > li ul.bulletUL li a:after { color: #ff5c33; border-color: #ff5c33; transition: 0.3s; } ul.archiveLink > li ul.bulletUL li:hover a { color: #00965e; border-color: #00965e; } .archiveLink .bulletUL li:hover:before { border: 1px solid #00965e; border-width: 1px 1px 0 0; } .archiveLink .bulletUL li:before { content: ""; position: absolute; left: 0; top: 17px; padding: 4px; border: 1px solid #f25d3c; border-width: 1px 1px 0 0; transform: rotate(45deg); } footer .topFooter.bottomFooter { padding: 20px 100px 10px 100px; } .footerMenu { display: flex; justify-content: space-between; flex-wrap: wrap; } .footerLink { /*width: calc(16.66% - 30px);*/ /*float: left;*/ /*padding: 10px 15px;*/ } .footerLink h3, .download-app h3 { font-size: 16px; font-weight: bold; color: #f9f9f9; width: auto; float: none; border-bottom: 1px solid #7a7a7a; display: inline-block; line-height: 30px; position:relative; margin-bottom: 15px; } .footerLink li { padding: 5px 0; } .footerLink li a { font-size: 14px; color: #d1d3d4; transition: 0.3s; } .footerLink li a:hover { color: #d1d3d4; } footer .bottomFooter .ftCont p { text-align: center; font-weight: 700; } .contact-info li a { display: inline-block; margin-right: 6px; background: #ffffff; width: 36px; height: 36px; border-radius: 100%; vertical-align: middle; text-align: center; } .contact-info li a i { font-size: 19px; color: #747679; vertical-align: middle; padding: 9px; } .download-app a { margin-bottom: 10px; display: inline-block; } .moretext { display: none; } .footer-collapse p { color: #ffffff; font-size: 13px; padding-bottom: 15px; line-height: 1.6; } .moreless-button { color: #01a66c; font-size: 13px; } .footer-collapse { padding-right: 50px; } .footer-collapse p span { padding-bottom: 15px; display: inline-block; } .footer-info { /*width: calc(100% - 14%);*/ /*float: left;*/ /*padding: 0 15px;*/ } .download-app { width: 14%; float: left; padding: 0 15px; } .bottom-sec { width: 100%; float: left; } .download-app img { max-width: 100%; } /* Accordion ================================================== */ .acc__card { margin: 5px 0; position: relative; } .acc__title { background: #fff; border-bottom: 1px solid #cacaca; color: #212121; cursor: pointer; display: block; padding: 15px 22px 15px 10px; position: relative; text-align: left; } .acc__title h3 { font-size: 1.5em; } .acc__title::after { width: 8px; /*height: 8px;*/ /*border-right: 1px solid #4a6e78;*/ /*border-bottom: 1px solid #4a6e78;*/ position: absolute; right: 10px; content: "+"; top: 50%; font-size: 24px; transform: translateY(-50%); /*transform: rotate(-45deg);*/ transition: all 0.2s ease-in-out; } .acc__title.active::after { content: "-"; /*transform: rotate(45deg);*/ transition: all 0.2s ease-in-out; } .acc__panel { background: #fff; color: #212121; display: none; margin: 0; padding: 16px; text-align: left; font-size: 1.1em!important; box-shadow: 1px 1px 20px rgb(204 204 204 / 32%); } .acc .fundBox { width: 100%; display: flex; float: left; padding: 20px; box-sizing: border-box; flex-direction: column; } .acc .cont { margin: 0 0 20px 0; /*border-top: 1px solid #cacaca; */ border-bottom: 1px solid #cacaca; padding: 0px 0 5px 0; box-sizing: border-box; } .acc .cont p.planType { color: #ff5c33; font-weight: bold; } .head-title { text-align: center; display: flex; justify-content: center; } .head-title h2, .head-title h1 { text-align: center; text-transform: uppercase; display: inline-flex; align-items: center; flex-wrap: wrap; position: relative; width: auto; padding: 0 18px; font-size: 3em; font-family: 'bnpp_sans_condensedlight'; } .head-title h2:before, .head-title h1:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 80px; position: absolute; left: -80px; top: 50%; transform: translateY(-50%); bottom: auto; } .head-title h2:after, .head-title h1:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 80px; right: -80px; position: absolute; top: 50%; transform: translateY(-50%); bottom: auto; } .top-icons { display: inline-block; position: absolute; right: 20px; } .print-option { display: inline-block; } .print-option .fa { color: #f25d3c; font-size: 20px; padding-left: 5px; } .share-button.sharer { /*float: right;*/ position: relative; } .share-btn { background: transparent; color: #f25d3c; font-size: 20px; cursor: pointer; } .share-btn:hover, .print-option .fa:hover { color: #00965e; } .social .fbtn { /*width: 50px;*/ display: inline-block; /*color: #fff;*/ text-align: center; line-height:18px; float: left; } .social .fa{font-size: 20px;} .facebook { color: #3b5998; } .twitter { color: #55acee; } .linkedin { color: #0077b5; } .buffer { background-color: #323b43; } .share-button.sharer .social.active.top { transform: scale(1) translateY(-10px); } .share-button.sharer .social.active { opacity: 1; transition: all 0.4s ease 0s; visibility: visible; } .share-button.sharer .social.networks-5 { width: 100px; height: 58px; display: inline-flex; justify-content: space-around; align-items: center; flex-wrap: wrap; border-radius: 10px; background-color: #fff; cursor: pointer; box-shadow: 0 2px 20px 0 rgb(0 0 0 / 7%); position: absolute; top: 33px; } .share-button.sharer .social.top { /*margin-bottom: 80px;*/ transform-origin: 0 0 0; } .share-button.sharer .social { margin-left: -60px; z-index: 9; opacity: 0; transition: all 0.4s ease 0s; visibility: hidden; } ul.boxUL { border: 1px solid #c5c5c573; padding: 10px; border-radius: 3px; } .filterDetails ul.boxUL { border: 0px; padding: 0px; border-radius: 0px; } .transaction-slip.box { width: 100%; } .transaction-slip.box img { display: inline-block; position: static; float: left; width: 48%; } .right-side { display: inline-block; width: calc(100% - 52%); margin-left: 40px; } .about-sec .hedntag { display: flex; align-items: center; } .headTitleFunds.about-sec { margin-top: 0px; margin-bottom: 15px; } .about-sec .hedntag img { display: inline-block; width: auto; height: auto; } .about-sec .hedntag span { display: inline-block; vertical-align: top; margin-left: 12px; } .greyBg { background: #f9f9f9; padding : 25px 0 25px 0; position: relative; margin-top: 20px; } .greyBg:before { content:""; display: block; position: absolute; top:0px; left: 0px; background: url('../images/rays-baroda.png') no-repeat; width: 601px; height: 601px; } .greyBg:after { content:""; display: block; position: absolute; bottom:0px; right: 0px; background: url('../images/stars-bnp.png') no-repeat; width: 601px; height: 601px; } .joint-venture .head-title { padding-top: 30px; } .joint-venture .container { z-index: 9; } .head-belowTxt { color: #636363; font-size : 1.6em; margin-top: 25px; text-align: center; } .rowFlex { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 45px 0; } .logo-side { width: 48%; display: inline-block; background: #fff; box-shadow: 0px 0px 9px 0px rgb(95 95 95 / 32%); display: inline-flex; justify-content: center; align-items: center; z-index: 1; } .logo-side img { max-width: 100%; width: 80%; } .slider-div { width :48%; display: inline-block; box-shadow: 0px 0px 9px 0px rgb(95, 95, 95, 0.32); border: 0px; padding: 25px 25px 40px 25px; box-sizing: border-box; background: #fff; border-radius: 0; /*margin-bottom: 30px;*/ border : 0px!important; height: auto; } .section-container { max-width: 1000px; margin: 0 auto; } .popupBODNew { width: 1200px; position: absolute; left: 50%; top: 5%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); background: #fff; padding: 130px 40px 140px 40px; box-sizing: border-box; margin: 0; z-index: 5; height: auto; display: none; } .popupBODNew .cont:after { width: 100%; height: 120px; content: ''; display: block; position: absolute; left: 0; top: 70px; background: #6c6d6f; z-index: -1; } .popupBODNew .cont .img { width: 35%; float: left; background: #fff; text-align: center; position: absolute; left: 5%; top: 70px; padding: 0; box-sizing: border-box; } .popupBODNew a.closeBod { position: absolute; right: 40px; top: 30px; color: #00965e; text-transform: uppercase; font-size: 1.2em; padding: 0 40px 0 0; box-sizing: border-box; line-height: 30px; } .popupBODNew .cont .img img { margin: 0 auto; width: 340px; max-width: 95%; } .popupBODNew .cont p { width: 100%; float: left; color: #575757; font-size: 1.4em; line-height: 1.5em; margin: 20px 0 0 0; } .popupBODNew .cont h3, .popupBODNew .cont h4 { font-weight: normal; font-size: 2em; color: #fff; width: 100%; float: left; padding: 0 0 0 20px; box-sizing: border-box; } .popupBODNew .cont h4 { font-size: 1.4em; margin: 0 0 30px 0; } .popupBODNew a.closeBod:after { width: 30px; height: 30px; border-radius: 50px; float: right; position: absolute; right: 0; top: 0; background: #e5e5e5; content: ''; } .popupBODNew a.closeBod span:after, .popupBODNew a.closeBod span:before { width: 15px; height: 1px; background: #00965e; content: ''; position: absolute; right: 7px; top: 14px; transform: rotate( 45deg ); z-index: 1; } .popupBODNew a.closeBod span:before { transform: rotate( -45deg ); } .popupBODNew .cont { width: 60%; float: right; position: static; z-index: 5; } .heading-line { display: inline-flex!important; grid-gap: 10px; text-align: center; text-transform: uppercase; justify-content: center; align-items: center; } .heading-line:before { content: " "; display: block; border-bottom: 3px solid #ff5c33; width: 80px!important; position: relative; bottom: 0!important; left: 0!important; } .heading-line:after { content: " "; display: block; border-bottom: 3px solid #01a66c; width: 80px!important; bottom: 0!important; left: 0!important; position: relative; } .contact-info li a img { width: 36px; height: 37px; } @media only screen and (min-width: 991px) { /*.heading-line:before, .heading-line:after {*/ /* width: 80px;*/ /*}*/ .heading-line { font-size: 3.6em; } }