@charset "utf-8";
/* CSS Document */

* { margin:0px; padding:0px; box-sizing: border-box;}
ul,li,a,p,img, button, h2, h1, h3, h4, h5 { background: none; margin:0px; padding: 0px; text-decoration: none; list-style: none; border: none;}
button:focus, a:focus, a:hover { outline: 0px; text-decoration: none; color:inherit;}
.clearfix { display: block;}
.clearfix:after { display:inline-block; width:100%; height:1px; content: "";}

section { margin:0 0 80px 0; }
body.homebg { background: url("http://images.moneycontrol.com/assets/images/ms/uti/about_graphbg.png") right top no-repeat;}

/* Slider */
.slick-slider{    position: relative;
    display: block; box-sizing: border-box;    -webkit-user-select: none;       -moz-user-select: none;
        -ms-user-select: none; user-select: none; -webkit-touch-callout: none;
    -khtml-user-select: none;    -ms-touch-action: pan-y; touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list { position: relative;    display: block; overflow: hidden;    margin: 0;    padding: 0;}
.slick-list:focus{  outline: none;}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{    position: relative;    top: 0;    left: 0;    display: block;    margin-left: auto;    margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;    content: '';}
.slick-track:after{    clear: both;}
.slick-loading .slick-track{  visibility: hidden;}

.slick-slide{ display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{  display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{  visibility: hidden;}
.slick-vertical .slick-slide{    display: block;
    height: auto;    border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}



.slick-arrow { z-index:99; font-size:0px;   cursor: pointer; position: absolute; top:50%; height:34px; width:34px; margin-top:-17px;}
.slick-arrow.slick-next { background: url("http://images.moneycontrol.com/assets/images/ms/uti/arrow_icon.svg") no-repeat; right: 0px;}
.slick-arrow.slick-prev { background: url("http://images.moneycontrol.com/assets/images/ms/uti/arrow_icon.svg") no-repeat;  left: 0px; transform:rotate(180deg);} 
.slide_thumb .slick-arrow.slick-next { right:auto; left:-50px;}
.slide_thumb .slick-slide { width:170px; margin-left:55px;  }
.slide_thumb .slick-arrow { margin:0px;}
.slide_thumb .slick-arrow.slick-prev {left: -100px;}
.slick-arrow.slick-disabled { opacity:0.2; }


.heading_com { border-bottom:1px solid #034EA2; position: relative; margin-bottom:8px; }
.heading_com h2 {  font:700 50px 'Inter', sans-serif; text-transform: uppercase; text-align: center; position: relative; padding-bottom:10px; color:#034EA2; }
.heading_com h2:after { content:""; background:#034EA2; height:5px; width:100px; position: absolute; bottom:0px; left:50%; margin-left:-50px;}
.container_uti { width:1260px; margin:0 auto;}
.adunit_cnt {width:972px;  margin:0 auto;}
.adunit_cnt p { color:#1A1A1A; font:10px 'Inter', sans-serif;}
.uti_deskadbox { margin-top:2px; height:202px; background:#D5D5D5; border:1px solid #707070;}

header { position: relative; padding-top:20px; margin-bottom:75px;   height:115px; background: #231F20; box-shadow: 0px 3px 6px #00000065;}
.uti_mlogo { background:#fff; box-shadow: 0px 3px 6px #00000040; padding:15px 10px; float: left;}
.uti_slogo { margin-top:20px;  float: left; margin-left: 25px;}
.uti_slogo a {display:inline-block;}
.uti_slogo a:first-child { border-right:1px solid #848484; padding-right:15px; margin-right:10px; }

header ul { margin-top:25px; float:right; display: flex;}
header ul li { font:500 18px 'Inter', sans-serif; padding:0 15px; border-right:1px solid #848484;}
header ul li:last-child { border: none;}
header ul li a { color:#fff; display: inline-block; padding:0 2px;}
header ul li a:hover,header ul li a.active { color:#fff;  background:#F58220;}
.paneMenu { display: none;}

body.homebg { background: url("http://images.moneycontrol.com/assets/images/ms/uti/about_graphbg.png") right top no-repeat; }
#about_us { position: relative; padding:30px 0 40px 0; margin-bottom:10px;  }
.gold_coin_img { position: absolute; right: 0px; top:-50px;}
.about_content { width:calc( 100% - 300px ); }
.about_content p  { color:#1A1A1A; font:400 18px/30px 'Inter', sans-serif;}


/* do you know START HERE */
.doy_cnt { background:url("http://images.moneycontrol.com/assets/images/ms/uti/strip_bg.png") no-repeat; background-size:cover; padding:20px 0;}
.dyn_slide { width:968px; margin:0 auto; padding:18px; background: #fff; box-shadow: 0px 3px 6px #00000058;
 }
.slideDY_item { padding:0 80px; position: relative;}
.slideDY_item figure { float: left; width:300px; border: 1px solid #707070; border-radius:5px;}
.slideDY_item figure img { width:100%; height:auto; display: block;}
.slideDY_item article { width: calc( 100% - 325px ); margin-left: auto;}
.slideDY_item article p { color:#1A1A1A; font:600 35px/40px 'Inter', sans-serif;  }
.slideDY_item article p a { color:#1A1A1A; }
.knowmore { margin-top:15px;}
.knowmore a { background:#F58220; display: flex; font:500 14px 'Roboto', sans-serif; width: 110px; text-transform: uppercase; color:#fff; border-radius:5px; justify-content: center; height:32px; align-items: center;}
.knowmore a:hover, .knowmore a:focus { text-decoration:none; color:#fff;   }

.scrollTop { flex-flow: column; background:#1A1A1A; height:50px; width:50px; position: fixed; right:20px; bottom:20px;  display: flex; width:50px; height:50px; color:#FFFFFF; font:600 10px 'Roboto', sans-serif; text-transform: uppercase; align-items: center; justify-content:center; z-index: 999; cursor: pointer;}
.scrollTop span { display: inline-block; border-bottom: 12px solid #F58220; border-left:8px solid transparent; border-right:8px solid transparent;   }
.scrollTop:hover, .scrollTop:focus { text-decoration: none; color:#FFFFFF; }

.dyn_slide .knowmore a { height:40px; width:150px;  text-transform: capitalize;}
/* do you know END HERE  */

/* The Latest css START HERE   */
.ltestSlideitem { position: relative;}
.ltestSlideitem article { background:rgba(0,0,0,0.8); top:50%;  position: absolute; right: 0px; width:590px; padding:65px; border-radius:5px; transform: translate(0px, -50%); height:300px;  }
.ltestSlideitem article p { color:#FFFFFF; font:500 30px/40px 'Inter', sans-serif; }
.ltestSlideitem article p a { color:#fff; }
.ltestSlideitem article .knowmore { margin-top:20px; }
.slide_thumb { margin-top:-40px; position: relative; padding-left:640px; }
.slide_thumb li { cursor: pointer; position: relative; border-radius: 5px; overflow: hidden; } 
.slide_thumb li img { display: block; }
.slide_thumb li span { transition: all 0.2s;  position: absolute; background: rgba(3, 78, 162, 0.9); padding:10px; left: 0px;width:100%; height: 100%; color:rgba(255, 255, 255, 1); bottom:-101%; font:700 13px 'Inter', sans-serif;   }
.slide_thumb li:hover span { bottom:0px;}

.ltestSlideitem figure img{width: 900px;height: 510px;object-fit: cover;border: 1px solid #707070;border-radius: 5px;}
.ltestSlideitem article p{display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}

#the_latest .slide_thumb li figure img {width: 100%;height: auto;}
    #the_latest .slide_thumb li figure{width: 170px;height: auto;border: 1px solid #707070;
    border-radius: 5px;}
/* The Latest css END HERE   */


/* UTI video css START HERE*/
.uti_video_menu { border-bottom:3px solid #034EA2; padding:12px 0 20px 0; }
.uti_video_menu li { margin-right:35px;  display: inline-block;}
.uti_video_menu li a { color:rgba(35, 31, 32,0.5); text-transform: uppercase; font:20px 'Inter', sans-serif; }
.uti_video_menu .slick-active a, .uti_video_menu li.active a, .uti_video_menu li a:hover { color:#034EA2; font-weight: 700;} 
.uti_video_menu .slick-arrow { margin:3px 0 0 0px; padding:0px;   height:0px; height:0px;   position: absolute; right:0px; top:0px; background:none; left:auto;}
.uti_video_menu .slick-arrow.slick-prev { border-right:12px solid #034EA2; border-top:7px solid transparent;  border-bottom:7px solid transparent; right:20px; transform:none; }
.uti_video_menu .slick-arrow.slick-next { border-left:12px solid #034EA2; border-top:7px solid transparent;  border-bottom:7px solid transparent; right:-20px;  }

.uti_vidSlide li figure img{width: 100%;}



.videoin_cnt { padding:50px 0; }
.videoin_cnt article  { width:calc( 100% - 650px ); float: left;}
.videoin_cnt article h3 { margin-bottom:10px;  color:#034EA2; font:600 35px/40px 'Inter', sans-serif; }
.videoin_cnt article h3 a {color:#034EA2;}
.videoin_cnt article p {margin-bottom:10px;  font:600 18px/23px 'Inter', sans-serif; color:rgba(35, 31, 32, 0.7 ); }

.videoin_cnt figure { position: relative; width:590px; margin-left:auto;}
.videoin_cnt figure img { display: block; width:100%; height:auto;border: 1px solid #707070;
    border-radius: 5px;}
.videoin_cnt .vid_playbt { cursor: pointer; position: absolute; width:70px; height:70px; margin:-35px 0 0 -35px; left:50%; top:50%;  }
.tag_feature { position: absolute; right:-12px; top:15px; padding:4px 10px; border-radius:5px; color:#00447C; background:#fff; border:#00447C; font:italic 700 10px 'Roboto', sans-serif; border:1px solid #00447C;   }


.uti_vidSlide { width:870px; margin:0 auto;}
.uti_vidSlide .slick-slide { width:240px; margin:0 45px 0 0;  }
.uti_vidSlide .slick-arrow.slick-next { right:-30px; }.uti_vidSlide .slick-arrow.slick-prev { left:-30px; }
.uti_vidSlide li { float: left; margin:0 30px;  width:240px;  background:#034EA2; padding:1px; border-radius:6px;}
.uti_vidSlide li span { min-height:100px;  display: inline-block; padding:10px 15px; color:#FFFFFF; font:600 15px/22px 'Inter', sans-serif;}
.uti_vidSlide li figure { position: relative; }
.uti_vidSlide li figure em { position: absolute; width:40px; height:40px; top:50%; left:50%; margin:-20px 0 0 -20px;}
/* UTI video css END HERE*/


/* calculator CSS start here */
#calculator { text-align: center;}
#calculator .calcultor_bg { background:url("http://images.moneycontrol.com/assets/images/ms/uti/cal_bg.png") no-repeat; background-size:cover; padding:30px 0 60px 0;}
#calculator h3 { color:#FFFFFF; font:600 35px/40px 'Inter', sans-serif; margin-bottom:10px;   }
#calculator p { color:rgba(255, 255, 255,0.7); font:600 18px/25px 'Inter', sans-serif;}
#calculator .knowmore a { margin:20px auto 0px; width:200px; height:48px; font-size:17px;   }

/* Calculator CSS END here*/


/* article css START here*/

.article_cont { display: flex; padding:50px 0; }
.article_cont figure img{border: 1px solid #707070;border-radius: 5px; width: 100%;}
.article_cont figure { width:580px;}
.article_cont article { width:calc( 100% - 620px ); margin-left:auto;}
.article_cont article h3 { color:#0C4DA2; font:600 35px/40px 'Inter', sans-serif;  }
.article_cont article h3 a {color:#0C4DA2;}
.article_cont article p { color:#231F20; margin-bottom:10px;   font:18px/25px 'Inter', sans-serif; }
.article_slide { padding:0 50px; position: relative; }
.article_slide .article_slide_Item {padding:0px 20px;}
.article_slide .article_slide_Item figure img { width: 100%; height:auto;border: 1px solid #707070;border-radius: 5px;}
.article_slide .article_slide_Item p { padding-left:40px; font:600 15px/22px 'Inter', sans-serif; margin-top:5px; min-height: 45px; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
.slidemore { display: inline-block;background:#F58220; margin-top:5px; color:#fff; border-radius:5px;  font:700 10px/20px 'Roboto', sans-serif; height:20px; width:70px; text-align:center; text-transform: uppercase;margin-left: 40px;}
.article_slide .slick-arrow{top: 35%}
/* article CSS end here */

/* about mutual fund css START HERE*/
#abt_mutulfund .container_uti { width:1140px;}
.abmutFund { display: flex;}
.abmutFund figure { width:200px; }
.abmutFund article { width:calc( 100% - 235px ); margin-left:auto;}
.abmutFund article p {color:#1A1A1A; font:18px/30px 'Inter', sans-serif;}
.abmutFund article p a { color:#0076CE;}

/* about mutual fund css START HERE*/
.mreadMore { display: none;}

footer { background:#034EA2; padding:30px 0; margin-top:157px;}
footer .f_content { width:calc( 100% - 300px ); float: left;}
footer .f_content p { color:#CCCCCC; font:400 14px/20px 'Inter', sans-serif; margin-bottom:15px;}
footer .f_content p.mfi { color:#fff;}
footer .f_content p a { color:#F58220;}
footer .disclaimer {color:#7FC4FD;}
footer .disclaimer a { color:#7FC4FD; font:400 14px 'Inter', sans-serif;  }
.social_ico { float: right; display: flex; align-items:center; flex-flow:column; text-align: left;}
.social_ico a { display: inline-block; margin:0 15px 0 0 ; color:#fff;}
.social_ico p { display: block; width:100%;  color:#FFFFFF; margin-bottom:10px; font:600 16px 'Inter', sans-serif;  }
.social_ico>div { width:100%; }
.close_dm { display: none;}
.menuHead .dropdown-menu { background:none; position: static; margin:0px; padding:0px; display: block; float: none;}
.desk-hide { display: none;}
section#article { margin-top:55px;}
section#article .container_uti { position: relative;}
section#article .container_uti:before { content: ""; position: absolute; background:rgba(245, 130, 32,0.1); width:1200px; height:330px; left:-58%; top:-8px; z-index:-1;}
.videocnt .container_uti { position: relative;}
.videocnt .container_uti:before { content: ""; position:absolute; z-index:-1;  width:125%;  right:100px; height:110%; background:#F8FCFF url("http://images.moneycontrol.com/assets/images/ms/uti/video_desk_bg.png") right bottom repeat-x;  }
section#video { margin-bottom:140px; }


/* article css start here */
body {
    overflow-x: hidden
}

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: flex
}

.mc_fluid_container {
    margin-right: auto;
    margin-left: auto
}

.mc_container {
    width: 1220px;
    margin-right: auto;
    margin-left: auto
}

.advbanner_wrap {
    margin: 0 auto 30px;
    text-align: center
}

.adv_txt {
    font-size: 10px;
    line-height: 16px;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    text-align: left;
    width: 970px;
    margin: 0 auto
}

.mob_view {
    display: none
}

.breadcrum_sec {
    background-color: #fff;
    margin-bottom: 20px
}

.breadcrum_sec .breadcrumb {
    list-style: none;
    font-size: 12px;
    line-height: 18px;
    background: none;
    padding: 0px;
}

.breadcrum_sec .breadcrumb li {
    display: inline;
    font-size: 12px;
    font-family: Roboto, sans-serif
}

.breadcrum_sec .breadcrumb li+li:before {
    padding: 5px 5px 5px 3px;
    color: #1A1A1A;
    content: "|"
}

.breadcrum_sec .breadcrumb li a {
    color: #1A1A1A;
    text-decoration: none
}

.breadcrum_sec .breadcrumb li a:hover {
    color: #1A1A1A;
    text-decoration: underline
}

.article_sec {
    padding: 40px 0 20px;
    margin: 0 auto
}

.article_sec .lhs_aside {
    width: calc(100% - 420px);
    max-width: calc(100% - 420px);
    flex-basis: calc(100% - 420px);

    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #1A1A1A;
    font-family: Roboto, sans-serif;
}

.article_sec .rhs_aside {
    width: 330px;
    max-width: 330px;
    flex-basis: 330px;
    margin-left: 90px
}

.article_sec p {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #1A1A1A;
    font-family: Roboto, sans-serif;
    margin-bottom: 15px
}

.article_sec .lhs_aside strong{font-size: 16px; line-height: 25px;}

.main_title {
    font-size: 35px;
    line-height: 40px;
    font-weight: 700;
    color: #034EA2;
    font-family: Inter, sans-serif;
    margin-bottom: 20px;
    position: relative
}

.main_title.with_timestrip {
    width: calc(100% - 100px);
    max-width: calc(100% - 100px);
    flex-basis: calc(100% - 100px);
    border-right: 1px dashed #707070;
    padding-right: 15px
}

.main_title.with_timestrip .timestrip_wrap {
    position: absolute;
    top: calc(50% - 24px);
    transform: translateY(50%);
    right: -100px;
    width: 78px;
    height: 24px;
    border-radius: 5px;
    background-color: #26A69A;
    font-size: 11px;
    line-height: 11px;
    font-weight: 400;
    color: #fff;
    font-family: Roboto, sans-serif;
    padding: 5px 10px 5px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

.main_title.with_timestrip .timestrip_wrap:before {
    content: "";
    position: absolute;
    right: 76px;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 12px solid #26a69a;
    border-bottom: 8px solid transparent
}

.lead_img_box {
    display: block;
    margin-bottom: 26px
}

.lead_img_box .img_box {
    position: relative;
    width: 100%;
    margin-bottom: 10px
}

.lead_img_box .img_box img {
    max-width: 100%;
    width: 100%;
    display: block;
    height: auto;
    border-radius: 5px
}

.lead_img_box .img_txt {
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    color: #696969;
    font-family: Roboto, sans-serif;
    font-style: italic;
    width: calc(100% - 60px);
    margin: 0 0 0 auto
}

/*.lead_img_box.video .img_box:before {
    content: "";
    position: absolute;
    top: calc(50% - 30px);
    left: 0;
    right: 0;
    width: 70px;
    height: 70px;
    background-image: url(http://images.moneycontrol.com/assets/images/ms/uti/play_icon.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    z-index: 9;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0 0 10px -5px #000
}*/

.highlights_box {
    float: left;
    max-width: 290px;
    padding: 5px 13px 13px 15px;
    background-color: #034EA2;
    margin-right: 22px;
    margin-bottom: 10px
}

.highlights_box .hl_ttl {
    font-size: 20px;
    line-height: 40px;
    font-weight: 700;
    border-bottom: 1px dashed #fff;
    color: #fff;
    font-family: Roboto, sans-serif;
    margin-bottom: 10px
}

.highlights_box ul {
    margin: 0
}

.highlights_box ul li {
    padding-left: 15px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: #fff;
    font-family: Inter, sans-serif;
    margin-bottom: 10px;
    position: relative
}

.highlights_box ul li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #fff
}

.art_intract_strip {
    padding: 10px 0;
    border-top: 1px dashed #696969;
    border-bottom: 1px dashed #696969;
    margin-top: 30px;
    margin-bottom: 50px
}

.art_intract_strip .share_txt {
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    color: grey;
    font-family: Roboto, sans-serif
}

.share_icons_list {
    display: flex;
    column-gap: 20px
}

.share_icons_list .icon_alink {
    width: 24px;
    color: #696969;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.share_icons_list .icon_alink.like {
    color: #918f8f
}

.share_icons_list .icon_alink.like svg {
    color: #918f8f;
    fill: #918f8f
}

.share_icons_list .icon_alink.like:hover {
    color: #231f20
}

.share_icons_list .icon_alink.like:hover svg {
    color: #231f20;
    fill: #231f20
}

.share_icons_list .icon_alink.dislike {
    color: #918f8f
}

.share_icons_list .icon_alink.dislike svg {
    color: #918f8f;
    fill: #918f8f
}

.share_icons_list .icon_alink.dislike:hover {
    color: #231f20
}

.share_icons_list .icon_alink.dislike:hover svg {
    color: #231f20;
    fill: #231f20
}

.share_icons_list .icon_alink.fb {
    color: #918f8f
}

.share_icons_list .icon_alink.fb svg {
    color: #918f8f;
    fill: #918f8f
}

.share_icons_list .icon_alink.fb:hover {
    color: #3b5998
}

.share_icons_list .icon_alink.fb:hover svg {
    color: #3b5998;
    fill: #3b5998
}

.share_icons_list .icon_alink.tw {
    color: #918f8f
}

.share_icons_list .icon_alink.tw svg {
    color: #918f8f;
    fill: #918f8f
}

.share_icons_list .icon_alink.tw:hover {
    color: #2aa3ef
}

.share_icons_list .icon_alink.tw:hover svg {
    color: #2aa3ef;
    fill: #2aa3ef
}

.share_icons_list .icon_alink.li {
    color: #918f8f
}

.share_icons_list .icon_alink.li svg {
    color: #918f8f;
    fill: #918f8f
}

.share_icons_list .icon_alink.li:hover {
    color: #0a66c2
}

.share_icons_list .icon_alink.li:hover svg {
    color: #0a66c2;
    fill: #0a66c2
}

.share_icons_list .icon_alink.insta {
    color: #918f8f
}

.share_icons_list .icon_alink.insta svg {
    color: #918f8f;
    fill: #918f8f
}

.share_icons_list .icon_alink.insta:hover {
    color: #cd3b9e
}

.share_icons_list .icon_alink.insta:hover svg {
    color: #cd3b9e;
    fill: #cd3b9e
}

.share_icons_list .icon_alink.whtapp {
    color: #918f8f
}

.share_icons_list .icon_alink.whtapp svg {
    color: #918f8f;
    fill: #918f8f
}

.share_icons_list .icon_alink.whtapp:hover {
    color: #25D366
}

.share_icons_list .icon_alink.whtapp:hover svg {
    color: #25D366;
    fill: #25D366
}

.share_icons_list .icon_alink.qicon {
    color: #918f8f
}

.share_icons_list .icon_alink.qicon svg {
    color: #918f8f;
    fill: #918f8f
}

.share_icons_list .icon_alink.qicon:hover {
    color: #0e76a8
}

.share_icons_list .icon_alink.qicon:hover svg {
    color: #0e76a8;
    fill: #0e76a8
}

.rel_art_list_wrap {
    margin-bottom: 70px
}

.rel_art_list_wrap .rel_art_ttl {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: #034EA2;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    padding: 0 13px;
    margin-bottom: 14px
}

.rel_art_list_wrap .story_item_box {
    position: relative;
    outline: 0;
    margin: 0 13px 20px;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -moz-transition: .3s ease all;
    align-items: flex-start
}

.rel_art_list_wrap .story_item_box .story_img_box {
    position: relative;
    width: 120px;
    margin-right: 14px
}

.rel_art_list_wrap .story_item_box .story_img_box img {
    border-radius: 5px;
    width: 120px;
}

.rel_art_list_wrap .story_item_box .story_txt_box {
    position: relative
}

.rel_art_list_wrap .story_item_box .story_txt_box .story_ttl {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #034EA2;
    font-family: Roboto, sans-serif
}

.rel_art_list_wrap .story_item_box:hover {
    background-color: #034EA2;
    margin: -10px 0 10px;
    padding: 13px 13px 10px
}

.rel_art_list_wrap .story_item_box:hover .story_ttl {
    color: #fff
}

.rel_art_list_wrap .story_item_box.video .story_img_box:before {
    content: "";
    position: absolute;
    top: calc(50% - 22px);
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-image: url(http://images.moneycontrol.com/assets/images/ms/uti/play_icon_sm.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    z-index: 9;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0 0 10px -5px #000
}

.divider {
    width: calc(100% - 26px);
    height: 1px;
    border-bottom: 1px dashed #696969;
    margin: 0 auto 20px
}

.rhs_reg_form_wrap {
    width: 100%;
    height: auto;
    background: url(http://images.moneycontrol.com/assets/images/ms/uti/reg_form_bg_img.jpg) center top no-repeat;
    background-size: cover;
    padding: 11px 15px;
    position: relative;
    margin-bottom: 20px
}

.rhs_reg_form_wrap .reg_form_box {
    background-color: #fff;
    padding: 15px;
    width: 100%
}

.rhs_reg_form_wrap .form_ttl {
    font-size: 19px;
    line-height: 23px;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    margin-bottom: 10px
}

section.mc_fluid_container {
    margin: 0 auto
}

.reg_form_popup_box {
    position: relative
}

.reg_form_box .from_title {
    color: #1A1A1A;
    font: 400 19px/23px Roboto, sans-serif;
    margin-bottom: 5px
}

.reg_form_box p {
    color: #1A1A1A;
    font: 500 16px/30px Roboto, sans-serif;
    margin-bottom: 20px
}

.reg_form_box button[type=submit],
.reg_form_box input[type=text],
.reg_form_box input[type=email],
.reg_form_box input[type=tel],
.reg_form_box input[type=url],
.rhs_reg_form_wrap .reg_form_box .reg_form_box textarea {
    font: 400 16px/20px Roboto, Helvetica, Arial, sans-serif
}

.reg_form_box .form-box {
    position: relative;
    margin: 15px 0 20px;
    display: block;
    width: 205px
}

.reg_form_box .form-box:before {
    position: absolute;
    top: -2px;
    right: -10px;
    content: "*";
    color: #ce3d3e;
    font-size: 14px
}

.reg_form_box .form-box input {
    border: 1px solid #c7c7c7;
    width: 100%;
    height: 32px;
    padding-left: 17px;
    font: 400 16px/20px Roboto, sans-serif;
    color: #1A1A1A;
    background-color: #f5f5f5
}

.reg_form_box .form-box.clearfix:after {
    display: none
}

.reg_form_box .form-box input:focus {
    outline: 0
}

.reg_form_box .form-box input::-webkit-input-placeholder {
    color: #a3a3a3;
    opacity: 100%
}

.reg_form_box .form-box input::-moz-placeholder {
    color: #a3a3a3;
    opacity: 100%
}

.reg_form_box .form-box input:-ms-input-placeholder {
    color: #a3a3a3;
    opacity: 100%
}

.reg_form_box .form-box input:-moz-placeholder {
    color: #a3a3a3;
    opacity: 100%
}

.popcheck {
    display: block;
    color: #1A1A1A;
    font-size: 9px;
    line-height: 14px;
    font-family: Roboto, sans-serif;
    padding-left: 2px;
    position: relative;
    max-width: 100%;
    margin: -5px 0 10px
}

.popcheck label {
    display: flex;
    font-weight: 400;
    cursor: pointer
}

.popcheck label:hover {
    text-decoration: underline
}

.popcheck .error_bx {
    display: block
}

.popcheck input {
    vertical-align: sub;
    opacity: 0
}

.popcheck input[type=checkbox] {
    margin: 0 10px 0 0
}

.popcheck .ic_check {
    position: absolute;
    border: 1px solid #333;
    width: 12px;
    height: 12px;
    top: 1px;
    left: 0
}

.popcheck input:checked~.ic_check:after {
    display: block
}

.popcheck .ic_check:after {
    left: 4px;
    top: 0;
    width: 3px;
    height: 7px;
    border: solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none
}

.form_btn_wrap {
    margin: 0 0 10px
}

.form_btn {
    background: #034EA2;
    min-width: 110px;
    height: 30px;
    color: #fff;
    display: inline-block;
    border: none;
    font: 700 16px/16px Roboto, sans-serif;
    border-radius: 5px;
    text-transform: uppercase;
    cursor: pointer;
}

.errormsg {
    position: relative;
    top: 3px;
    font-size: 12px;
    font-family: Roboto, sans-serif;
    color: #ce3d3e;
    display: none
}

.otp_popup_box {
    min-height: 300px;
    background: #FFF
}

.otp_popup_box .otp_msg {
    color: #1A1A1A;
    font: 500 16px/23px Roboto, sans-serif
}

.otp_popup_box p {
    color: #1A1A1A;
    font: 500 16px/30px Roboto, sans-serif;
    margin-bottom: 20px
}

.thanku_popup_box {
    min-height: 300px;
    background: #FFF
}

.thanku_popup_box .thanku_msg {
    color: #1A1A1A;
    font: 400 25px/29px Roboto, sans-serif;
    margin-bottom: 20px
}

.thanku_popup_box p {
    color: #1A1A1A;
    font: 400 16px/23px Roboto, sans-serif;
    margin-bottom: 10px
}


.share_icons_list .icon_alink.pinterest {
    color: #918f8f; margin-top: -3px;
}

.share_icons_list .icon_alink.pinterest svg {
    color: #918f8f;
    fill: #918f8f;
}

.share_icons_list .icon_alink.pinterest:hover {
    color: #e60022;
}

.share_icons_list .icon_alink.pinterest:hover svg {
    color: #e60022;
    fill: #e60022;
}

/*======== popup start =======*/

.cust_popup_box { position: fixed;   left: 0;   top: 0;   height: 100%;   z-index: 1000;   width: 100%;   background-color: rgba(0, 0, 0, 0.7);   opacity: 0;   visibility: hidden;   transition: 500ms all; }
.cust_popup_box.is-visible {   opacity: 1;   visibility: visible;   transition: 1s all;   overflow: auto;   padding-bottom: 50px; }
.cust_popup_wrap {   transform: translateY(-50%);   transition: 500ms all;   position: relative;   width: 420px;   margin: 2em auto;   top: 5%;   border-radius: 6px;   height: auto;   border: 10px solid rgba(255, 255, 255, 0.3); }
.cust_popup_wrap .form-box input { border: 1px solid rgba(199, 199, 199, 1);   width:100%; height: 40px; padding-left: 21px; font: normal 20px/26px 'Roboto', sans-serif;   color: #1A1A1A; background-color: rgba(245, 245, 245, 1); }
.cust_popup_wrap .form-box input:focus { outline: 0; }
.cust_popup_wrap .form-box input::-webkit-input-placeholder {   color: #a3a3a3; opacity: 100%; }
.cust_popup_wrap .form-box input::-moz-placeholder {    color: #a3a3a3; opacity: 100%; }
.cust_popup_wrap .form-box input:-ms-input-placeholder {color: #a3a3a3; opacity: 100%; }
.cust_popup_wrap .form-box input:-moz-placeholder {   color: #a3a3a3; opacity: 100%; }

.reg_form_popup_box {   background: #FFF;   padding:35px; }
.reg_form_popup_box .from_title {   color: #1A1A1A; width: 95%;   font: 400 25px/29px 'Roboto', sans-serif;margin-bottom: 20px; }
.reg_form_popup_box p {   color: #1A1A1A;   font: 500 16px/30px 'Roboto', sans-serif;   margin-bottom: 20px; }
.is-visible .cust_popup_wrap { transform: translateY(0);   transition: 500ms all; }

.rhs_reg_form_wrap .reg_form_popup_box{padding: 15px;}
.rhs_reg_form_wrap .cust_popup_wrap {
   transform: none;
    position: relative;
   width: auto;
   margin: 0;
   top: unset;
    border-radius: 0;
    height: auto;
    border: 0;
}
.rhs_reg_form_wrap .cust_popup_wrap .popup_close_btn{display: none;}

.cust_popup_wrap .popup_close_btn { z-index:9;  position: absolute;   top:2px;   font-size: 0;   right:5px;   width: 30px;   height: 30px; }
.cust_popup_wrap .popup_close_btn::before,
.cust_popup_wrap .popup_close_btn::after {   content: '';   position: absolute;   top: 25px;   width: 25px;   height: 1px;   background-color: #231F20; }
.cust_popup_wrap .popup_close_btn::before {   -webkit-transform: rotate(45deg);   -moz-transform: rotate(45deg);   -ms-transform: rotate(45deg);   -o-transform: rotate(45deg);   transform: rotate(45deg);   left: -2px; }
.cust_popup_wrap .popup_close_btn::after {   -webkit-transform: rotate(-45deg);   -moz-transform: rotate(-45deg);   -ms-transform: rotate(-45deg);   -o-transform: rotate(-45deg);   transform: rotate(-45deg);   right: 7px; }
.cust_popup_wrap .popup_close_btn:hover:before,
.cust_popup_wrap .popup_close_btn:hover:after {   background-color: #7d7d7d;   transition: 300ms all; }

.cust_popup_wrap .form-box { position: relative; margin: 22px 0 12px 0;   display: block; width:250px; }
.cust_popup_wrap .form-box:before { position: absolute; top: -2px; right: -10px; content: "*"; color: #ce3d3e; font-size: 14px; }
.cust_popup_wrap .form-box.clearfix:after {display: none;}

.reg_form_popup_box input[type="text"],
.reg_form_popup_box input[type="email"],
.reg_form_popup_box input[type="tel"],
.reg_form_popup_box input[type="url"],
.reg_form_popup_box textarea,
.reg_form_popup_box button[type="submit"] {font: 400 16px/26px "Roboto", Helvetica, Arial, sans-serif;}



.form_btn_wrap{ margin: 0px 0 10px 0;}
.form_btn {   background: #034EA2; min-width: 136px; height: 37px;   color: #fff;   display: inline-block;   border: none;font: 700 20px/20px 'Roboto', sans-serif;   border-radius: 5px;   cursor: pointer;   text-transform: uppercase; }
.errormsg { position: relative; top: 3px;   font-size: 13px; font-family: Roboto,sans-serif; color: #ce3d3e;    display: none; }    

.otp_popup_box { min-height: 320px; background: #FFF; padding: 50px 50px 30px 30px; } 
.otp_popup_box .otp_msg { color: #1A1A1A; font: 500 16px/23px 'Roboto', sans-serif; }
.otp_popup_box p { color: #1A1A1A; font: 500 16px/30px 'Roboto', sans-serif; margin-bottom: 20px; }

.thanku_popup_box { min-height: 320px; background: #FFF; padding: 30px 50px 30px 30px;  }
.thanku_popup_box .thanku_msg { color: #1A1A1A; font: 400 25px/29px 'Roboto', sans-serif;margin-bottom: 20px;  }
.thanku_popup_box p { color: #1A1A1A; font: 400 16px/23px 'Roboto', sans-serif; margin-bottom: 10px; }
 
.popcheck { display: block; 	color: #1A1A1A; 	font-size: 12px; line-height: 16px; font-family: 'Roboto', sans-serif; 	 padding-left: 2px;     position: relative;     max-width: 100%; margin: 0 0 10px 0; }
.popcheck label{ display: flex; font-weight: 500; cursor: pointer;}
 .popcheck label:hover{text-decoration:underline;} .popcheck .error_bx{ display: block;}
 .popcheck input {   vertical-align: sub;   opacity: 0; } .popcheck input[type="checkbox"]{margin: 0 10px 0 0; }
 .popcheck .ic_check {   position: absolute;   border: 1px solid #333;   width: 16px;   height: 16px;   top: 1px;   left: 0; }
 .popcheck input:checked ~ .ic_check:after {   display: block; }
 .popcheck .ic_check:after {   left: 4px;   top: 0px;   width: 5px;   height: 9px;   border: solid #000;   border-width: 0 1px 1px 0;   -webkit-transform: rotate(45deg);   -ms-transform: rotate(45deg);   transform: rotate(45deg);   content: "";   position: absolute;   display: none; }
 
/****   popup end *****/


/****** updated videos section ***********/
.video-main .nav-top-links{border-bottom: 3px solid #034EA2;
    padding: 12px 0 20px 0;}
    .video-main .nav-tabs li {margin-right: 35px;
    display: inline-block;}
    .video-main .nav-tabs li a{color: rgba(35, 31, 32,0.5);
    text-transform: uppercase;
    font: 20px 'Inter', sans-serif;}
    .video-main .nav-tabs li.active a{color: #034EA2;
    font-weight: 700; border: 0;}
    .video-main{margin-bottom: 140px;}
    .video-main .nav-tabs>li>a,.nav-tabs{border:0;position: relative;}
    .video-main .nav>li>a:focus, .video-main .nav>li>a:hover{background: none;}
     
    .video-main .tab-content>.tab-pane { display: none;}
    .video-main .fade { opacity: 0; -webkit-transition: opacity .15s linear;  -o-transition: opacity .15s linear; transition: opacity .15s linear;}
    .video-main .tab-content>.active { display: block;}
    .video-main .fade.in { opacity: 1;}


/***** ranger slider *******/
.range__slider {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0.4em 0;
}
.range__slider:focus {
  outline: none;
}
.range__slider::-webkit-slider-runnable-track {
  background-color: #F58220; width: 100%;
  height: 1px;
  margin: 0;

}
.range__slider::-moz-range-track {
  background-color: blue;
  height: 0.3em;
  border-radius: 2px;
}
.range__slider::-moz-focus-outer {
  border: 0;
}
.range__slider::-ms-track {
  background-color: green;
  height: 0.3em;
  margin: 0.1em 0;
  border-radius: 2px;
}
.range__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #F58220;
  text-align: center;
  width: 20px;
  height: 20px;

  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
  margin-top: -10px;
}
.range__slider::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: orange;
  text-align: center;
  width: 1.2em;
  height: 1.2em;
  border: 1px solid yellow;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
}
.range__slider::-ms-thumb {
  margin: 0;
}

.uti-calculator .modal-dialog{width: 700px; margin: 100px auto;border: 10px solid rgba(255, 255, 255, 0.1); border-radius: 5px;}
.uti-calculator .modal-content{box-shadow: none;}
.uti-calculator .modal-body{padding: 59px 150px 53px;}
.cal-heading{color: #1A1A1A; font:500 25px 'Roboto', sans-serif; margin: 0 0 49px; text-align: center;}
.top-details{display: flex; justify-content: space-between; margin: 0 0 10px}
.top-details p{color: #1A1A1A;font:normal 20px 'Roboto', sans-serif;}
.rgt-box input{ width: 60px;}
.rgt-box{position: relative;}
.blu-rgt-bx{position: absolute;right: 0;top: 0;color: #fff;font:normal 16px 'Roboto', sans-serif;width: 24px;height: 25px; background: #034EA2;display: flex;align-items: center;justify-content: center;}
.txt-cen{display: block; margin: 0 auto; text-align: center;}
.blue-btn{background: #034EA2;border-radius: 5px;color: #fff;text-transform: uppercase;font:700 20px 'Roboto', sans-serif; display: inline-block; padding: 7px 13px}
.blue-btn:hover{color: #fff;}
.uti-calculator button.close{opacity: 1;}
p.last{color: #1A1A1A;font:normal 12px/14px 'Roboto', sans-serif; margin-bottom: 28px;}
p.last input{margin: 0 1px 0 0}
.close-btn-rgt{position: absolute;top: 20px;right: 20px;width: 27px;}
.uti-calculator .selectbx { display: block; background: #F5F5F5; width: 100%; border: 0; border: 1px solid #C7C7C7; font: normal 20px/20px 'Roboto', sans-serif; -webkit-appearance: none; position: relative;text-align: center; position: relative; padding: 14px 10px;margin-bottom: 36px;}
.form-list input {
    display: block; background: #F5F5F5;
    width: 100%;
    border: 0;
    border: 1px solid #C7C7C7;color: rgba(26, 26, 26, 0.4);
    font: normal 20px/20px 'Roboto', sans-serif;
    -webkit-appearance: none;
    position: relative;text-align: center; position: relative;
    padding: 14px 10px;margin-bottom: 36px;
}
.uti-calculator .selectbx {color: rgba(26, 26, 26, 0.4);}
.uti-calculator .sel-drop:after {
    right: 10px;
    top: 20px;
    position: absolute;
    pointer-events: none;
   
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #848484;

}
.sel-drop{position: relative;}
.uti-calculator .selectbx:focus,.uti-calculator .range__amount:focus{outline: none;box-shadow: none;}
.form-list{position: relative;}
.error-txt{position: absolute;right: 0; bottom: -20px;font: normal 12px/20px 'Roboto', sans-serif;color: #f90e0e;}
.sm-gry-txt{position: absolute;right: 0; bottom: -20px;font: normal 12px/20px 'Roboto', sans-serif;color: #848484;}
.sm-gry-txt.error-msg{color: #f90e0e;;}
.form-list input::-webkit-input-placeholder {color: rgba(45,45,45,0.45)}
.form-list input::-moz-placeholder {color: rgba(45,45,45,0.45)}
.form-list input:-ms-input-placeholder {color: rgba(45,45,45,0.45)}
.form-list input:-moz-placeholder {color: rgba(45,45,45,0.45)}
.uti-calculator .range{margin-bottom: 45px;}
.uti-calculator .range__amount{border: 1px solid #034EA2;color: #1A1A1A;font: normal 16px 'Roboto', sans-serif;padding: 2px 8px;}

.modal { overflow-y:auto;}
.calcuted-details{text-align: center; display: flex;flex-direction: column; flex-shrink: 0;}
.calcuted-details p{color: #034EA2;font: normal 19px 'Roboto', sans-serif;flex-shrink: 0;}
.calcuted-details .blue-big-txt{color: #034EA2;font: normal 50px 'Roboto', sans-serif; border: 0;box-shadow: none;outline: none; margin-bottom: 20px;text-align: center;}



@media all and (max-width:1024px){
.container_uti, #abt_mutulfund .container_uti { margin:0 30px; width:auto;}
.paneMenu { display: block; position: absolute; left:30px; top:40px;}
.paneMenu svg { width:43px;}
.menuHead.dropdown { position: static;}
.menuHead .dropdown-menu { display: none; top:0px; left:0px; bottom: 0px; margin:0px; border-radius:0px; border: none;  position: fixed; width:100%; height:100%; padding:80px 30px; background:#231F20; z-index:999;  }
.menuHead.open .dropdown-menu { display: block;}
header ul { display: block; float:none; margin:0px;}
header ul li { padding:20px 0;  border-right:none; border-bottom:1px solid #848484;}
.close_dm { position: absolute; left:20px; top:20px; display: block;}
header ul li:last-child { border:none;}
.ltestSlideitem figure { width:620px;}
.ltestSlideitem figure img, .article_cont figure img { width:100%; height:auto;}
.ltestSlideitem article { width:410px; padding:30px;}
.ltestSlideitem article p { font:600 30px/35px 'Inter', sans-serif }
.slide_thumb { padding-left:415px;}
.slide_thumb .slick-slide {margin-left: 15px;}
.videoin_cnt figure { width:400px; }
.videoin_cnt article, .article_cont article {width: calc( 100% - 450px );}
.article_cont figure { width:400px;}
#calculator h3 { font-size:30px; }
#calculator p { font:300 18px/25px 'Inter', sans-serif }
}

@media all and (max-width:1316px){
.mc_container{width:100%;padding:0 15px}.article_sec .lhs_aside{width:calc(100% - 360px);max-width:calc(100% - 360px);flex-basis:calc(100% - 360px)}.article_sec .rhs_aside{width:330px;max-width:330px;flex-basis:330px;margin-left:30px}.main_title{font-size:30px;line-height:36px}}

@media all and (max-width:980px){
.desk_view{display:none}
.mob_view{display:block}

.about_content { width:calc( 100% - 260px ); }

.sec_title{font-size:22px;line-height:28px;margin-bottom:10px}
.adv_txt{width:300px}
.article_sec .lhs_aside{width:100%;max-width:100%;flex-basis:100%;padding-left:30px;padding-right:30px}
.article_sec .rhs_aside{width:100%;max-width:100%;flex-basis:100%;margin-left:0}
.mc_container.flex{display:block} 
.main_title{font-size:30px;line-height:36px;margin-bottom:50px}
.main_title.with_timestrip{width:100%;max-width:100%;flex-basis:100%;border-right:0}
.main_title.with_timestrip .timestrip_wrap{position:absolute;top:unset;right:unset;left:0;transform:unset;bottom:-35px;width:70px;height:21px;font-size:10px;line-height:10px;padding:3px 5px 3px 3px}
.main_title.with_timestrip .timestrip_wrap:before{right:unset;left:15px;top:-10px;transform:rotate(90deg);}
.lead_img_box .img_txt{font-size:14px;line-height:23px;width:calc(100% - 23px)}
.art_intract_strip .share_txt{font-size:13px;line-height:19px}
.share_icons_list .icon_alink{width:17px}
.rel_art_list_wrap .story_item_box{margin:0 0 20px}
.art_intract_strip{margin-top:20px;margin-bottom:45px}
.rhs_reg_form_wrap{background-size:cover}
.rhs_reg_form_wrap .reg_form_box{width:100%}.advbanner_sec.mob_view .adv_txt{width:300px}.rel_art_list_wrap{padding-left:30px;padding-right:30px}.rel_art_list_wrap .rel_art_ttl{padding:0}.divider{width:100%}

.uti_mlogo img  { display: block; width:100%; height:auto;}
.gold_coin_img { top:0px; }
.about_content p { font:400 16px/28px 'Inter', sans-serif; }
.dyn_slide { width: auto;}
.slideDY_item {    padding: 0 40px;}
.slideDY_item article p { font:600 28px/35px 'Inter', sans-serif; }
.ltestSlideitem article { height: auto; }
.slide_thumb {padding-left: 340px;}
.uti_video_menu li {margin-right: 20px;}
.videoin_cnt article, .article_cont article {width: calc( 100% - 420px );}
.videoin_cnt article h3, .article_cont article h3 { font:600 25px/30px 'Inter', sans-serif; }
.videoin_cnt article p { font:600 14px/18px 'Inter', sans-serif;}
.uti_vidSlide li figure img { width:100%; height: auto; }
.uti_vidSlide li { margin:0 15px;}
.uti_vidSlide .slick-slide { width:165px; margin: 0 15px; }
.uti_vidSlide li span { font:600 12px/18px 'Inter', sans-serif; min-height: inherit;  }
.article_cont article p  {font:600 14px/22px 'Inter', sans-serif; }
section#article .container_uti:before { width: 100%; height: 230px; left: -55%;}
.article_cont {padding: 30px 0;}
.article_slide .article_slide_Item p {     font: 600 12px/20px 'Inter', sans-serif; font:600 15px/22px 'Inter', sans-serif; }
.abmutFund article p { font:16px/28px 'Inter', sans-serif; }
.abmutFund figure img { width:150px;}
.abmutFund article { width: calc( 100% - 180px ); }
.adunit_cnt { width:728px; }
.uti_deskadbox { height:90px; }
.uti_vidSlide { width:585px; }
.videocnt .container_uti:before {right: 35px;}
footer { margin-top: 115px;}
footer .f_content {width: calc( 100% - 240px );}

.slidemore{margin-left: 0;}
.cust_popup_wrap{width: 90%;}

/*** video section ***/
 .video-main .nav-tabs-responsive > li,.video-main .nav-tabs li {
         display: none; margin-right: 0;
         width: 23%;
       }
       .video-main .nav-tabs-responsive > li > a {
         max-width: 100%;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         word-wrap: normal;
         width: 100%;
         width: 100%;
         text-align: center;
         vertical-align: top;
       }
       .video-main .nav-tabs-responsive > li.active {
         width: 54%;
       }
      
       .video-main .nav-tabs-responsive > li.active, .video-main .nav-tabs-responsive > li.prev, .video-main .nav-tabs-responsive > li.next {
         display: block;
       }
       .video-main .nav-tabs-responsive > li.active{display: inline-block;}
       .video-main .nav-tabs-responsive > li.next{position: absolute;right:0;top:0;width: 10px;}
       .video-main .nav-tabs-responsive > li.prev{position: absolute;right:14px;top:0;width: 10px;}

       .video-main .nav-tabs-responsive > li.prev, .video-main .nav-tabs-responsive > li.next {
         -webkit-transform: scale(0.9);
         transform: scale(0.9);
       }
       .video-main .nav-tabs-responsive > li.next > a, .video-main .nav-tabs-responsive > li.prev > a {
         -webkit-transition: none;
         transition: none;
       }
       .video-main .nav-tabs-responsive > li.next > a .text, .video-main .nav-tabs-responsive > li.prev > a .text {
         display: none;
       }
       .video-main .nav-tabs-responsive > li.next > a:after, .video-main .nav-tabs-responsive > li.next > a:after, .video-main .nav-tabs-responsive > li.prev > a:after, .video-main .nav-tabs-responsive > li.prev > a:after {
         position: relative;
         top: 1px;
         display: inline-block;
         font-family: "Glyphicons Halflings";
         font-style: normal;
         font-weight: 400;
         line-height: 1;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
       }
       .video-main .nav-tabs-responsive > li.prev > a:after {
         content: "";
         

    border-right: 12px solid #034EA2;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
       }
       .video-main .nav-tabs-responsive > li.next > a:after {
         content: "";
         border-left: 12px solid #034EA2;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
         
       }
       .video-main .nav-tabs-responsive > li.dropdown > a > .caret {
         display: none;
       }
       .video-main .nav-tabs-responsive > li.dropdown > a:after {
         content: "";
       }
       .video-main .nav-tabs-responsive > li.dropdown.active > a:after {
         display: none;
       }
       .video-main .nav-tabs-responsive > li.dropdown.active > a > .caret {
         display: inline-block;
       }
       .video-main .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
         left: 0;
         right: auto;
       }
       .video-main .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
         right: auto;
         left: 50%;
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         transform: translateX(-50%);
       }
       .video-main .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
         left: auto;
         right: 0;
       }

       #narrow-browser-alert {
         display: none;
       }

@media all and (max-width:980px){
.uti-calculator .modal-dialog{width: 90%;}
.uti-calculator .modal-body{padding: 30px 40px;}
.cal-heading{margin-bottom: 20px; font-size: 23px;}
.close-btn-rgt{width: 20px;}
.uti-calculator .selectbx,.form-list input,.top-details p,.blue-btn{font-size: 18px;}
.calcuted-details input{font-size: 30px;}
.calcuted-details p{font-size: 16px;}
.calcuted-details .blue-big-txt{font-size: 25px;}
}
       
}


@media all and (max-width:767px){

.desk-hide { display:block;}
.mob-hide { display: none;}
.close_dm { display: block;}
.heading_com h2 { font-size:35px; padding:0 30px 10px;  } 
.paneMenu { left:15px; top:20px;}
.paneMenu svg { width:23px; }
.uti_mlogo { float: none; width:194px; margin: 0 auto 15px;}
.uti_slogo { display:block; margin:0px; float: none; text-align: center;}
header  { height: 80px; margin-bottom:120px; }
.adunit_cnt { width:320px; margin: 0 auto;}
.about_content p { font:400 15px/25px 'Inter', sans-serif; }
.uti_deskadbox { height:52px; }
.slideDY_item { padding:10px; }
.dyn_slide { width:auto; padding:0px 0 50px 0;   }
.dyn_slide .slick-arrow.slick-prev {     bottom: -22px;
    left: 10px;
    margin: 0px;
    top: auto;    }
.dyn_slide .slick-arrow.slick-next  { bottom: -22px;
    left:42px; right: auto;
    margin: 0px;
    top: auto; }
.slideDY_item figure { width: 100%; float: none;}
.slideDY_item article { width:100%; }
.doy_cnt { padding:15px 0; background: url("http://images.moneycontrol.com/assets/images/ms/uti/calc_mobile.png") no-repeat; background-size: cover;}

.slideDY_item article p { margin-top:10px; font:600 18px/21px 'Inter', sans-serif;}

.ltestSlideitem { padding-bottom:160px; }
.ltestSlideitem figure { width: 100%;}
.ltestSlideitem figure img { display: block; height:100%;  width: 100%;}
#the_latest .container_uti { margin:0px; }
.ltestSlideitem article {transform: translate(0px); top:130px; height:154px; width:calc( 100% - 30px ); padding:20px; display: flex;
    flex-direction: column;
    justify-content: space-between; }
.ltestSlideitem article p { font:600 20px/26px 'Inter', sans-serif;-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    .ltestSlideitem article .knowmore{margin-top: 10px;}
.slide_thumb { top:0px;  padding: 0px 0 0 30px  }
.slide_thumb ul { white-space: nowrap; overflow: auto;}
.slide_thumb li { width:150px; margin:0 25px 0 0; display: inline-block; float: none; white-space:normal;}
.slide_thumb li:last-child { margin:0px; }
.slide_thumb li span { font:400 12px/18px 'Inter', sans-serif; }

.slide_thumb li img { width:100%; height: auto; }
.videocnt { display: block; background:#F8FCFF url("http://images.moneycontrol.com/assets/images/ms/uti/video_mobile_bg.png") left bottom no-repeat; background-size: 100%; padding:15px 0;  }
.videocnt .container_uti:before { display:none;}
.videocnt article { margin-bottom:20px;  width:100%; float: none;}
.videocnt figure { width:100%; }
.videoin_cnt .vid_playbt { width:48px; height:48px; margin: -24px 0 0 -24px; }
.videoin_cnt .vid_playbt svg { width:48px; height:48px;}
.videocnt figure img { width:100%; height: auto; border: 1px solid #7070703b;
    border-radius: 3px;}
.article_cont { display: block; padding:15px 0;  }
section#article .container_uti:before { width:100%; top:-10px; left:-15%; height:150px;  }
.article_cont article h3 { font:600 25px/30px 'Inter', sans-serif; padding:10px 0;   }
.article_cont article p { font:15px/23px 'Inter', sans-serif;}
.knowmore a { width:75px;  font-size:10px; height:22px; }
.article_cont figure { width:auto;}
.article_cont figure img { width:100%; height: auto; }
.article_cont article { width:100%;}
.abmutFund { display: block;}
.abmutFund figure { width:auto;}
.abmutFund article { width:auto;}
.gold_coin_img { display: none;}
.about_content { width:auto;}
.article_slide { padding:0px; white-space: nowrap; overflow: auto;display: flex;}
.article_slide .article_slide_Item { display: inline-block; margin-right: 25px; width:150px; padding:0px;  white-space: normal; flex-shrink: 0;}
.article_slide .article_slide_Item p { padding:0px;  font:600 12px/16px 'Inter', sans-serif; min-height: 33px;}
.uti_video_menu ul { margin:0px; }
.uti_video_menu li a { font-size:18px; }
.videoin_cnt { padding:5px 0;}
#calculator { text-align: left;}
#calculator .calcultor_bg { background:url("http://images.moneycontrol.com/assets/images/ms/uti/calc_mobile.png") no-repeat; }
#calculator h3 { font:600 25px/30px 'Inter', sans-serif; }
#calculator p { font:300 15px/23px 'Inter', sans-serif; }
#calculator .knowmore { margin:15px 0 0 0px; }
#calculator .knowmore a {  height:40px; font-size:14px; width:167px; margin:0px;}
.uti_vidSlide { padding:40px 0px; width:auto;  }
.uti_vidSlide ul { white-space:nowrap; overflow:auto;}
.uti_vidSlide ul li { margin:0 24px 0 0;  white-space: normal; float: none; width:150px; display: inline-block;}
.uti_vidSlide ul li:last-child { margin:0px; }
.uti_vidSlide li span { font:600 12px/16px 'Inter', sans-serif; min-height:auto; padding:10px;   }
.uti_vidSlide li figure em svg { width:28px; height:28px;}

.videocnt article h3 { font:600 25px/30px 'Inter', sans-serif; }
.videocnt article p { font:400 15px/23px 'Inter', sans-serif; }
.scrollTop { display: none;}
.abmutFund { margin-top:20px; }
.abmutFund figure { text-align: center; margin-bottom:20px;}
.abmutFund article p { font:15px/23px 'Inter', sans-serif; }
section { margin: 0 0 40px 0;}
.mreadomore { display: none;}
#about_us .knowmore a { margin:0 auto;}
#about_us { padding:40px 0 25px 0; }

footer { margin-top:40px;}
 footer .f_content { width:100%; float:none; margin-bottom:30px;}
 footer .f_content p { font:400 12px/20px 'Inter', sans-serif; }
 .social_ico { float:none;}
 
 
 .mc_container{padding:0}.main_title{font-size:25px;line-height:31px}.highlights_box{float:none;max-width:100%;margin-right:0;margin-bottom:20px;margin-top:20px}.share_icons_list{column-gap:15px}.lead_img_box.video .img_box:before{width:40px;height:40px;background-image:url(http://images.moneycontrol.com/assets/images/ms/uti/play_icon_sm.png);top:calc(50% - 20px)}.rel_art_list_wrap .story_item_box.video .story_img_box:before{background-image:url(http://images.moneycontrol.com/assets/images/ms/uti/play_icon_sm.png)}.rhs_reg_form_wrap{padding:30px}.rhs_reg_form_wrap .reg_form_box{width:100%}
 
 
body.homebg { background:none;  }
section#video { margin-bottom:40px;}
.dyn_slide .slick-arrow { width:24px; height:24px; background-size:24px 24px;}
.dyn_slide .knowmore a { width:80px; height:25px;}
.uti_slogo a { vertical-align: middle;}
.uti_slogo a.mc_logo img { width:115px; }
 }
 
 @media all and (max-width:380px){
.share_icons_list{column-gap:unset;justify-content:space-between}
.cust_popup_wrap{width: 95%;}
/* .reg_form_popup_box { padding:0;} */
.reg_form_popup_box .from_title{font-size: 20px; line-height: 26px; margin-bottom: 10px;}
.cust_popup_wrap .form-box { margin: 10px 0 10px; width: 100%;}
.reg_form_popup_box button[type=submit], .reg_form_popup_box input[type=url], .reg_form_popup_box input[type=text], .reg_form_popup_box input[type=email], .reg_form_popup_box input[type=tel], .reg_form_popup_box textarea{font-size: 16px; line-height: 22px;}
.cust_popup_wrap .form-box input{height: 34px;font-size: 16px; line-height: 22px;}
.form_btn{min-width: 120px; height: 30px;font: 500 16px/18px Roboto,sans-serif;}
.otp_popup_box{padding: 20px 40px 20px 20px;}
.otp_popup_box .otp_msg{font-size: 14px; line-height: 20px;}
.thanku_popup_box{padding: 20px 40px 20px 20px;}
.thanku_popup_box .otp_msg{font-size: 14px; line-height:20px;}
.ltestSlideitem article p { font: 600 20px/24px 'Inter', sans-serif;}
.heading_com h2 { font-size:30px; }

}

.share_icons_list .icon_alink.blk.like svg{color: #000;
    fill: #000;}
.share_icons_list .icon_alink.dislike.blk svg{color: #000;
    fill: #000;}