/* CSS Document */
body{font:400 12px 'Fira Sans',Arial, sans-serif; color:#333333;}
.breadcrum-bg {clear: both; display: block;    overflow: hidden; margin:10px 0;}
.brad_crum { border-bottom: 0 dotted #a9a9a9; color: #282828; margin: 0 auto; padding: 6px 0; text-transform: uppercase; font: 400 16px 'Fira Sans', sans-serif;    display: block;clear: both; overflow: hidden; }
.brad_crum a { color: #282828; font: 400 12px 'Fira Sans', sans-serif; text-transform: capitalize; font-variant-ligatures: none}
.brad_crum a:first-child{padding-left:0}
.bread-title { color: #000; font: 600 12px 'Fira Sans', sans-serif; }
.bread-arrow { background: rgba(0, 0, 0, 0) url("https://images.moneycontrol.com/mcnews/images/mc_news-bread-arow.png") no-repeat scroll left top; display: inline-block; height: 11px; padding-left: 5px; width: 11px; position: relative;top: 2px; }
.main_wrapper_res{width:1260px; margin:0 auto;box-sizing:border-box; font-family: 'Fira Sans',sans-serif; color:#333333;font-variant-ligatures: none;}
header{margin-bottom:0px !important;}
.mobile_banner300{display:none;}

.portfolio_intropg *{box-sizing:border-box;}
.port_logbg{ border-top:1px solid #c8c8c8; background:url(https://images.moneycontrol.com/images/portfoliov4/port_logbg.jpg) center top no-repeat; background-size:cover; padding:50px 0 90px; text-align:center;}

.port_loglft{ float:left; width:860px; background:url(https://images.moneycontrol.com/images/portfoliov4/logrt.png) top right no-repeat; color:#202020; font:400 12px 'Fira Sans',Arial, sans-serif;}
.port_log_title{ font-size:50px; font-weight:600; text-align:center; margin-bottom:25px; margin-top:0px !important;}
.port_log_addrt{ width:300px; float:left; margin-left:50px;}
.login_lft{ float:left; width:270px;}
.login_rt{ float:left; width:290px;}
.lg_titlemn{ font-weight:500; font-size:18px; margin-top:0px !important;}
.ic_create_port{ display:inline-block; width:16px; height:16px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) 0 0 no-repeat; margin-right:8px; vertical-align:text-top}
.log_btnport{display:inline-block; color:#fff !important; font:600 16px 'Fira Sans',Arial, sans-serif; background-color:#026ca4; padding:15px 35px; border:0px; border-radius:5px; text-decoration:none !important;}

.opn_trading_txt{ color:#666666; font-size:14px; text-align:center; margin-top:30px;}
.opn_trading_txt a{ color:#026ca4; text-decoration:underline; display:inline-block; background:url(https://images.moneycontrol.com/images/portfoliov4/opn_linkbg.png) center left no-repeat; padding:0 5px;}
.ortxt{ background:url(https://images.moneycontrol.com/images/portfoliov4/or_bg.png) 65% center no-repeat; text-align:center; font:italic 700 18px 'Fira Sans',Arial, sans-serif}
.seprator_login{float:left; width:1px; height:210px; background:url(https://images.moneycontrol.com/images/portfoliov4/logrt.png) center center no-repeat; margin:0 125px;}
.track_link{ color:#026ca4; font:600 16px 'Fira Sans',Arial, sans-serif; text-decoration:underline;}
.track_link_arw{ color:#026ca4; font:600 16px 'Fira Sans',Arial, sans-serif;}
.ic_trackport{display:inline-block; width:18px; height:12px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -26px 0 no-repeat; margin-right:3px;}
.ic_loginport{ display:inline-block; width:15px; height:15px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -53px 0 no-repeat; margin-right:9px; vertical-align: middle}
.seprator_login.mobile{display:none;}

.how_itbg{ background:#3a74c8 url(https://images.moneycontrol.com/images/portfoliov4/howit_bg.png) 85% bottom no-repeat; min-height:595px;}
.how_bxlft{float:left; width:525px; color:rgba(255,255,255,0.7); font:300 24px/40px 'Fira Sans',Arial, sans-serif; padding-top:100px;}
.how_bxlft p{margin-bottom:20px;}
.hw_title{color:#fff; font-size:40px; font-weight:600;}
.btn_explorer{ display:inline-block; font:300 20px 'Fira Sans',Arial, sans-serif; background-color:#55af47; border-radius:5px; padding:15px 20px; color:#fff !important; text-decoration:none !important; border:0px;}
.ic_explorer{display:inline-block; width:18px; height:17px; vertical-align:middle; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -78px 0 no-repeat; margin-left:7px;}
.how_bxright{float:right; width:735px;}
.pcbg{background:url(https://images.moneycontrol.com/images/portfoliov4/pc_bg.png) 0 0 no-repeat; height:428px; margin-top:-50px; padding:28px 0 0 90px;}
.video_wrap{ width:558px; height:342px; position:relative; background-color:#000;}
.overlay_portvid{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4);}
.ic_playvid{position:absolute; left:50%; top:50%; margin:0; width:58px; height:58px; margin:-29px 0 0 -29px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -6px -24px no-repeat; display:inline-block;}
.video_wrap a{display:block;}
.feat_list{ width:90%; margin:45px auto 0;}
.feat_list > li{float:left; width:33.33%; text-align:center; color:#fff; font:400 18px 'Fira Sans',Arial, sans-serif;}
.ic_newfeature{display:inline-block; width:33px; height:33px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -72px -23px no-repeat;}
.ic_haslefree{display:inline-block; width:25px; height:25px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -117px -23px no-repeat;margin-top: 6px;}
.ic_secure{display:inline-block; width:25px; height:32px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -154px -22px no-repeat;}
.video_wrap img{width:100%; height:auto;}

.your_investmentbg{ background:#fff; padding:60px 0 180px; text-align:center;}
.your_investmentbg p{margin-top:10px;}
.your_inv_title{ font-weight:600; font-size:30px; line-height:40px;}
.desk_disblock{display:block;}
.your_invbg{ margin:0 auto; width:716px; min-height:298px; margin-top:140px; background:url(https://images.moneycontrol.com/images/portfoliov4/your_investmentbg.png) center center no-repeat; position:relative; font:400 16px/26px 'Fira Sans',Arial, sans-serif;}
.clock_dv1, .clock_dv2, .clock_dv3, .clock_dv4, .clock_dv5, .clock_dv6, .clock_dv7{position:absolute;}
.clock_dv1{ margin-top:-115px; left:257px; top:-14px;}
.clock_dv2{right:-170px; top:10px;}
.clock_dv3{right:-70px; top:150px;}
.clock_dv4{right:80px; bottom:-110px;}
.clock_dv5{left:120px; bottom:-110px;}
.clock_dv6{left:-170px; top:160px;}
.clock_dv7{left:-40px; top:10px;}
.ic_res_top{ display:inline-block; background-color:rgba(85,175,71,.1); width:57px; height:57px; border-radius:50%; text-align:center; position:relative;}
.ic_fnt{display:inline-block; width:25px; height:25px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -106px -65px no-repeat; margin-top:15px;}
.clock_dv2 .ic_fnt{ background-position:-140px -65px; width:23px; height:26px;}
.clock_dv3 .ic_fnt{ background-position:-168px -64px; width:26px; height:25px;}
.clock_dv4 .ic_fnt{ background-position:0 -96px; width:25px; height:23px; margin-top:18px;}
.clock_dv5 .ic_fnt{ background-position:-34px -96px; width:22px; height:22px; margin-top:18px;}
.clock_dv6 .ic_fnt{ background-position:-67px -95px; width:19px; height:25px;}
.clock_dv7 .ic_fnt{ background-position:-97px -96px; width:25px; height:22px; margin-top:18px;}
.clock_dv1.first{display:none;}
.mobile_yourinvesment{ display:none; position:relative; margin-bottom:140px; left:-31px;}
.desk_hide{display:none;}
.updated_portbg{ background-color:#eaeff3; padding:50px 0 70px; font:300 20px 'Fira Sans',Arial, sans-serif;}
.fn24{font-size:24px;}
.update_wrap{ margin-top:50px; position:relative;}
.update_list > li{float:left; width:215px; margin-right:45px;}
.update_list > li:last-child{margin-right:0px;}
.up_bx{ width:215px; height:123px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -230px 0 no-repeat; padding-top:45px; font:800 26px 'Fira Sans',Arial, sans-serif; text-align:center;}
.up_list > li{margin-top:25px; position:relative; padding-left:30px;}
.up_list > li:before{ content:""; display:inline-block; width:16px; height:16px; position:absolute; left:0; top:3px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -195px 0 no-repeat;}

.mf .up_bx{background-position:0 -131px; padding-top:30px;}
.mf .up_list > li:before{ background-position:-196px -26px;}
.ulip .up_bx{background-position:-230px -131px;}
.ulip .up_list > li:before{ background-position:-197px -51px;}
.fixed_deposit .up_bx{background-position:0 -269px; padding-top:30px;}
.fixed_deposit .up_list > li:before{ background-position:-198px -77px;}
.loan .up_bx{background-position:-230px -269px;}
.loan .up_list > li:before{ background-position:-198px -103px;}

.seambg{background-color:#fff; padding:90px 0; color:#666666; font:300 20px 'Fira Sans',Arial, sans-serif;}
.seam_lft{float:left; width:755px;}
.seam_lft img{width:100%; height:auto;}
.seam_rt{float:right; width:430px;}
.seam_rt .up_list > li:before{ background-position:-178px -103px;}
.seam_rt .your_inv_title{margin-top:0px;}

.trackbx{display:flex;}
.track_lft{float:left; width:50%; background-color:#55af47; padding:70px 0;}
.track_rt{float:left; width:50%; background-color:#3a74c8; padding:70px 0;}
.track_info_lft{width:510px; float:right; margin-right:100px; text-align:center;}
.your_inv_title.white_txt{ color:#fff; text-align:center;}
.track_lfimg{width:405px; margin:0 auto; margin-top:30px;}
.track_lfimg img{width:100%; height:auto;}
.track_info_rt{float:left; width:630px; margin-left:10px;}
.track_info_rt .feat_list > li{font:400 14px 'Fira Sans',Arial, sans-serif; width:150px; margin-right:50px;}
.track_info_rt .feat_list > li:last-child{margin-right:0px;}
.green_brdbx{ border:4px solid #53ca41; border-radius:50%; width:81px; height:81px; display:inline-block;}
.ic_upload{ display:inline-block; width:24px; height:29px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -455px 0 no-repeat; margin-top:20px;}
.ic_excel{ display:inline-block; width:25px; height:30px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -491px 0 no-repeat; margin-top:20px;}
.ic_manual{ display:inline-block; width:29px; height:21px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -526px 0 no-repeat; margin-top:25px;}
.track_info_rt .feat_list{margin-bottom:40px;}

.total_serbg{ border-top:3px solid #fff; background:url(https://images.moneycontrol.com/images/portfoliov4/userbg.jpg) top center no-repeat; background-size:cover; padding:80px 0 200px;}
.user_tpwrap{ margin-top:80px; font:800 100px 'Fira Sans',Arial, sans-serif; color:#f39c00;}
.col_1{float:left; width:380px; position:relative;}
.total_portfolio{position:absolute; z-index:99; right:0; bottom:-90px; width:260px; height:120px; box-shadow:-5px -5px 10px -2px #333; background-color:#294459; font-size:38px; color:#fff; line-height:40px; text-align:center; padding-top:15px;}
.green_line{width:47px; height:6px; position:absolute; left:-23px; top:26px; display:inline-block; background-color:#55af47;}
.pink_line{width:47px; height:6px; position:absolute; right:-12px; bottom:26px; display:inline-block; background-color:#ac36fe;}
.yellow_line{width:47px; height:6px; position:absolute; left:50%; margin-left:-24px; bottom:-2px; display:inline-block; background-color:#f3e613;}
.col_2{float:left; width:435px; position:relative; text-align:center;}
.col_3{float:left; width:435px; position:relative; text-align:center;}
.col_2 .total_portfolio, .col_3 .total_portfolio{ left:50%; margin-left:-130px;}

.faq_sec{ background-color:#fff; padding:60px 0; font:500 30px 'Fira Sans',Arial, sans-serif; color:#333333; text-align:center;}
.btn_faq{display:inline-block; padding:15px 40px; text-align:center; background-color:#0165a1; color:#fff !important; font:400 18px 'Fira Sans',Arial, sans-serif; border-radius:2px; vertical-align:middle; text-decoration:none !important; margin-left:10px;}
.mobile_banner300x250{width:300px; margin:0 auto; display:none;}
.port_loglft p {margin: 0 0 10px;}
.port_loglft h1, .port_loglft .h1, .port_loglft h2, .port_loglft .h2, .port_loglft h3, .port_loglft .h3{ margin-bottom:10px;}

@media screen and (max-width: 1279px) {
header .headBotm ul.headbotmmenus li a{ padding:0 4px !important;}
.main_wrapper_res{width:1000px;}
.port_loglft{width:670px;}
.port_log_addrt{margin-left:30px;}
.seprator_login{ margin:0 45px;}
.how_bxlft{padding-top:50px; width:260px; font-size:21px; line-height:30px;}
.btn_explorer{font-size:18px; padding:15px;}
.hw_title{font-size:30px;}
.clock_dv2{right:-130px;}
.clock_dv6{left:-130px; top:150px;}
.clock_dv7{left:-20px;}
.update_list > li{width:195px; margin-right:0px;}
.seam_lft{width:545px;}
.track_info_lft{width:500px; margin-right:10px;}
.track_info_rt{width:500px; margin-left:0px;}
.track_info_rt .feat_list{margin-bottom:40px; width:100%;}
.track_info_rt .feat_list > li{margin-right:25px;}
.user_tpwrap{font-size:80px;}
.col_1, .col_2, .col_3{width:300px;}
.col_2, .col_3{ margin-left:50px;}
}
@media screen and (max-width: 980px) {
.main_wrapper_res{width:100%;}
.port_logbg{ padding:20px 0;}
.breadcrum-bg .main_wrapper_res{padding:0 10px;}
.main_wrapper_res{padding:0 10px;}
.mobile_banner300{width:320px; margin:0 auto 10px; background-color:#eaeff2; display:block;}
.port_loglft{float:none; width:100%; background:none;}
.seprator_login{ float:none; margin:10px 0 20px; height:1px; background:url(https://images.moneycontrol.com/images/portfoliov4/mobile_sept.png) center center no-repeat; width:100%;}
.login_lft, .login_rt{ margin:0 auto; float:none;}
.login_lft{margin-bottom:20px;}
.port_log_addrt{display:none;}
.port_log_title{font-size:26px;}
.seprator_login.mobile{display:block;}
.opn_trading_txt{margin-top:0px;}

.how_itbg{min-height:auto; background-position:center bottom; padding:20px 0;}
.how_bxlft{float:none; width:100%; padding-top:0px; font-size:18px; line-height:26px; text-align:center;}
.hw_title{font-size:24px;}
.btn_explorer{font-size:16px; padding:10px 15px;}
.how_bxright{float:none; width:285px; margin:0 auto;}
.feat_list{width:100%; float:none; margin-top:30px;}
.feat_list > li{font-size:15px;}
.mob_disblck{display:block;}
.ic_secure{margin-top:20px;}
.pcbg{margin-top:0px; height:166px; background:url(https://images.moneycontrol.com/images/portfoliov4/pc_bg_mobile.png) 0 0 no-repeat; padding:11px 0 0 31px;}
.video_wrap{width:222px; height:135px;}
.ic_playvid{width:25px; height:25px; background:url(https://images.moneycontrol.com/images/portfoliov4/portfolio_intro_sprite.png) -75px -65px no-repeat; margin:-12px 0 0 -12px;}

.your_investmentbg{padding:0 0 20px;}
.your_invbg{background:none; position:relative; width:100%; min-height:auto; margin-top:0px;}
.your_invbg:after{content:""; height:100%; width:1px; background-color:#b0b0b0; position:absolute; top:0; left:30px; z-index:0;}
.clock_dv1, .clock_dv2, .clock_dv3, .clock_dv4, .clock_dv5, .clock_dv6, .clock_dv7{position:relative; float:none; width:100%; top:auto; bottom:auto; text-align:left; left:auto; right:auto; z-index:1;}
.clock_dv1{margin-bottom:40px;}
.clock_dv2{margin-bottom:30px;}
.clock_dv3{margin-bottom:40px;}
.clock_dv4{margin-bottom:40px;}
.clock_dv5{margin-bottom:40px;}
.clock_dv6{margin-bottom:25px;}
.ic_res_top{float:left; margin-right:15px;  background-color:rgba(238,247,236,100); }
.your_invbg p{overflow:hidden;}
.your_inv_title{font-size:24px; line-height:35px; font-weight:500;}
.desk_disblock{display: inline;}
.mobile_yourinvesment{ display:block; z-index:1; position:relative; left:-17px; text-align:left;}
.your_investmentbg p{margin-top:0px;}
.mobile_hide{display:none;}
.desk_hide{display:block;}
.update_wrap{width:215px; margin:20px auto 0;}
.update_list > li{margin-right:0px;}
.updated_portbg{padding:20px 0 40px;}
.fn24{font-size:20px;}
.up_list > li{float:left; width:50%; font-size:18px; padding-left:20px; margin-top:15px;}
.update_wrap .bx-controls{margin-top:40px; text-align:center;}
.update_wrap .bx-controls .bx-pager-item{display:inline-block; margin-right:13px;}
.update_wrap .bx-controls .bx-pager-item a{display:block; width:16px; height:16px; background-color:#ffffff; border-radius:50%; text-indent:-9999px;}
.update_wrap .bx-controls .bx-pager-item a.active{ background-color:#026ca4;}
.loan .up_list > li, .fixed_deposit .up_list > li, .ulip .up_list > li{float:none; width:100%;}
.seam_lft{ margin:0 auto; float:none; width:755px;}
.seam_rt{ float:none; margin:30px auto 0;}
.seambg{padding:40px 0;}
.trackbx{display:block;}
.track_lft, .track_rt{float:none; width:100%; padding:20px 0 40px;}
.track_rt{padding:40px 0;}
.track_info_lft, .track_info_rt{width:100%; float:none;}
.track_info_rt .feat_list{width:80%; margin:0 auto;}
.track_info_rt .feat_list > li{ float:none; width:100%; margin-right:0px; margin-bottom:10px;}
.mobile_disin{float:left; margin-right:15px;}
.track_lfimg{width:275px;}
.mobile_txt{margin-top:25px; text-align:left;}
.total_serbg{padding:20px 0;}
.user_tpwrap{font-size:54px; text-align:center; margin-top:0px; font-weight:700;}
.col_1{width:250px;}
.col_1, .col_2, .col_3{margin:0 auto; float:none; margin-bottom:65px;}
.total_portfolio{width:140px; font-size:21px; line-height:21px; height:auto; box-shadow:-2px -2px 5px -2px #333; bottom:-45px; padding:10px 0;}
.col_2 .total_portfolio, .col_3 .total_portfolio{ left:50%; margin-left:-70px;}
.green_line, .pink_line, .yellow_line{ height:4px; width:26px;}
.green_line{ left:-13px; top:14px;}
.pink_line{ right:-13px; bottom:14px;}
.yellow_line{ margin-left:-13px;}
.mob_disblock{display:block; margin-bottom:20px;}
.faq_sec{font-size:24px; padding:40px 0;}
.mobile_banner300x250{display:block; margin-bottom:30px;}

}
@media only screen and (max-width: 767px) {
.seam_lft{ margin:0 auto; float:none; width:300px;}
.seam_rt{ float:none; margin:30px auto 0; width:250px;}
.seam_rt .your_inv_title{ text-align:center;}

}