/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* generic style*/
body {
    margin: 0;
    outline: medium none;
    padding: 0;
    vertical-align: top;
    font-size: 1em;
    background-color: #333;
}

ul, div, td, th, body, html, li, p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

a {
    text-decoration: none;
}

ul, li {
    list-style: outside none none;
}
/* generic style*/
body {
    background-color: #fff;
    font-family: 'Calibri', sans-serif;
    letter-spacing: .04em;
    font-weight: 300;
    font-size: 1em;
}
 
   ::-moz-selection{ background: #cae7fd; color:#4c4c4c; text-shadow: none; }
   ::selection { background:#cae7fd; color:#4c4c4c; text-shadow: none; } 
   
   a {color:#2e3190; text-decoration:none; 
  -o-transition:  color 300ms, background-color 300ms; transition:  color 300ms, background-color 300ms; }
   a:hover {color:#000; text-decoration:none; }
   
   .alignleft { margin: 0; padding: 0 15px 0 0; float: left; vertical-align: middle;}
   .alignright { margin: 0; padding: 0 0 0 15px; float: right;}
   .aligncenter { margin:5px auto; display:block; }
   .center-img { margin:5px auto; display:block; }
   .fr {float:right; }
   .clr {clear:both; }
   
   h1 { margin:0; padding:0 0 10px; font-size:60px; line-height:100%; font-family: 'Roboto', sans-serif; font-weight:bold; color: #000;}
   h1 span { color: #34c1ca;}
   h2 { margin:0; padding:0 0 10px 0; font-size:36px; line-height:110%; font-family: 'Roboto', sans-serif; font-weight:bold; color: #000;}
   h3 { margin:0; padding:0 0 10px 0; font-size:36px; line-height:35px; font-family: 'Roboto', sans-serif; color: #000; font-weight:700;}

   h4 { margin:0; padding:0 0 10px 0; font-size:24px; line-height:110%; font-family: 'Roboto', sans-serif; color: #000; font-weight:700;}
   h5 { margin:0; padding:0 0 10px 0; font-size:21px; line-height:110%; font-family: 'Roboto', sans-serif; color: #000;}
   h6 { margin:0; padding:0 0 10px 0; font-size:19px; line-height:110%; font-family: 'Roboto', sans-serif; color: #000;}

   p { margin:0; padding:0 0 10px 0; font-size:20px; line-height:150%; font-family: 'Roboto', sans-serif; font-weight:normal; color: #000;}


   .clr-blk{color: #000;}
   .clr-wht{color: #fff;}
   .clr-blue{color: #2a2a8c;}
   .clr-lt-blu{color: #00adef;}
   .bkg-wht{background: #fff;}


   .txt-left{text-align: left;}
   .txt-right{text-align: right;}
   .txt-center{text-align: center;}

   .fnt-raleway-heay{font-family: 'Raleway-Heavy';}
   .fnt-opensans-bld{font-family: 'OpenSans-Bold';}
   .fnt-raleway-bld{font-family: 'ralewaybold';}
   .fnt-raleway-nrml{font-family: 'ralewayregular';}




/*--------------------------------*/
   
   
   
   
 
   
   

#layout-wrapper{margin:0; padding:0; width:100%; float:left;}
header {margin:0;padding:0;float:left;width:100%; background:#fff;} 

.container { margin:0 auto; padding:0;}
/*.top-nav-holder{width:100%; margin:25px 0 0 0; padding:0; height:50px;}
.navbar-inverse{background:transparent;}
.navbar-inverse .navbar-nav > li > a{ margin:0 1px; padding:0 16px; font-size:14px; line-height:37px; font-family:'OpenSans-Regular'; font-weight:normal; color:#444444; text-align:left; transition:all 1s;}
.navbar-inverse .navbar-nav > li > a:hover{ background:#e3541a !important; color: #fff; border-radius: 20px;}
.navbar-inverse .navbar-nav > li.current-menu-item a{ background:#e3541a !important; color: #fff; border-radius: 20px;}
.navbar{padding:0 !important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:none;}
.navbar-nav{ margin: 9.75px 0;}
.navbar-collapse{padding: 0;}
.navbar{margin: 0;}*/

ul.hdr-nv{margin-top: 35px;}
ul.hdr-nv li{display: block !important; font-size: 18px; float: left; border-radius:5px;}
ul.hdr-nv li a{ border-radius: 5px; margin:0 1px; padding: 5px 15px; transition: all 1s; position: relative; float: left; z-index: 9; font-weight:bold; color: #000110; overflow: hidden;}

ul.hdr-nv li a:after{height: 0%; position: absolute; left: 0; bottom: 0; background: #00abeb; content: ''; width: 100%; transition: all 1s; z-index: -1;}
ul.hdr-nv li a:hover:after{height: 100%;}
ul.hdr-nv li a:hover{color: #fff;}
ul.hdr-nv li.active a{background: #00abeb;}
.navbar{padding: 0;}
ul.rt-itms li{display: inline; padding: 0; margin: 0; float: left;}
ul.rt-itms{margin-top:55px; float: right;}
ul.rt-itms li a{float: left;}
ul.rt-itms li{padding: 0 10px;}






img{max-width: 100%;}
header{margin:0; padding: 0; float: left; width: 100%; background: url(/Campaign/Quantum/Images/banner.png) no-repeat scroll top center; background-size: 100%;  transition: all 1s;}



#nav-sc {
    margin: 0;
    padding: 4px 0;
    float: left;
    width: 100%;
}
#bnr-sc{margin:0; padding:17% 0% 42% 0%; float: left; width: 100%; }



.logo-hldr img{width:100px; height: auto;}
#bnr-sc h1{color: #0353b4;}
#bnr-sc h5{color: #fff; font-weight: 400;}
.bnr-inr{max-width: 80%;}
.fixed #nav-sc { position: fixed; background: #0353b4; z-index: 99; padding: 5px; border-bottom: 1px solid rgba(0,0,0,0.3);}
.fixed #nav-sc .logo-hldr img{max-width: 40px;}
.fixed #nav-sc ul.hdr-nv{margin-top: 2px;}

.fixed  ul.hdr-nv li a{ color:#fff;
}



section#bnr-form-sc{margin:0; padding: 0; float: left; width: 100%;}
.frm-hldr{margin: -100px 0 0 0; padding: 20px; float: left; width: 100%; background: #fff; box-shadow: 0px 0px 14px rgba(0,0,0,0.2); border-radius: 10px; }
.tp-inpt{background: rgba(0,0,0,0.08); margin:15px 0; border:none; font-size: 14px;    }


.submt-btn{margin:15px ​auto; padding: 7px 25px; color: #fff; font-size: 18px; background: #00adef; border-radius: 7px; border:none; cursor: pointer; text-transform: uppercase; transition: all 1s; font-weight: 600;}
.submt-btn:hover{background: #0353b4; box-shadow: 0px 0px 14px #0353b4;}
.chkbx-itm label {padding: 13px 22px 0; line-height: 131%;}



section#asset-allo-sc{margin:15px 0px 0px 0; padding: 4% 0 !important; float: left; width: 100%; background: #fff;}


.inr-allo-sc{max-width: 60%; text-align: center; margin: 0 auto; display: table;}
section#asset-allo-sc p{font-size: 19px;
    color: rgba(0,0,0,0.7);
    text-align: center;
    font-size: 22px;
    line-height: 28px;
    padding-top: 20px;     font-weight: 500;}
#asset-allo-sc p.assetAllocationFoot{ padding-top:40px; display:block; font-weight:normal; font-size:22px;}



section#invst-sc{margin:0; padding: 5% 0; float: left; width: 100%; background: #00abeb;}
ul.invst-itms{margin:0 0 25px; padding: 0; float: left; width: 100%;}
ul.invst-itms li{margin:1%; padding: 20px; float: left; width: 23%; display: inline; list-style: none; background: #fff; border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.5); transition: all 1s;}
ul.invst-itms li span{margin: 0 auto 40px; display: table; max-width: 60px; height: 60px; position: relative; text-align: center;}
ul.invst-itms li span img { min-width: 100%; max-height: 60px;}
ul.invst-itms li h4{    text-align: center;padding: 10px 7px;font-size: 19px;font-weight: 600; line-height: 25px;}
ul.invst-itms li span:after{ margin: 0 auto; width: 90px; background: rgba(0,0,0,0.1); height: 7px; content: ''; position: absolute; bottom: -30px; display: table; transition: all 1s; left: -15px; border-radius: 15px; }
.wht-btn{margin:0 auto; padding: 7px 25px; display: table; color: #00abeb; font-size: 18px; background: #fff; border-radius: 7px; border:none; cursor: pointer; text-transform: uppercase; transition: all 1s; font-weight: 600;}
.wht-btn:hover{background: #0353b4; box-shadow: 0px 0px 14px #0353b4;}
section#invst-sc ul.invst-itms li:hover{background: rgba(255,255,255,0.7); border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0,1);}
ul.invst-itms li:hover span:after{ background: #00aef0;}
.sml-txt{font-size: 13px; font-weight: 500;}




section#optiml-asst-sc h4.txt-center {
  margin-bottom: 0px;
    line-height: 40px;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
}
section#optiml-asst-sc{    margin: 0;
    padding: 5% 0 0;
    float: left;
    width: 100%;
    background: #ffffff;}
ul.optiml-lst li h4{position: relative; text-align: left; padding:0px 7px 10px !important; margin:0 0 40px; background-size: 70px !important;}

ul.optiml-lst li h4:after{margin: 0 auto;
    width: 125px !important;
    background: #03abea !important;
    height: 10px;
    content: '';
    position: absolute;
    bottom: -15px !important;
    display: table;
    border-radius: 5px;}
ul.optiml-lst li.Debt h4:after{margin: 0 auto;
    width: 125px !important;
    background: #e929c0 !important;
    height: 10px;
    content: '';
    position: absolute;
    bottom: -15px !important;
    display: table;
    border-radius: 5px;}
ul.optiml-lst li.gold h4:after{margin: 0 auto;
    width: 125px !important;
    background:#e7b901 !important;
    height: 10px;
    content: '';
    position: absolute;
    bottom: -15px !important;
    display: table;
    border-radius: 5px;}


ul.optiml-lst li span:after{display: none;}
ul.optiml-lst li span{width: 100%; text-align: left; margin: 0 0 15px;}
ul.optiml-lst li p{    padding-top: 30px;
    font-style: italic;
    font-weight: 500;
    font-size: 20px;}
ul.optiml-lst li .sldr-itm{        width: 92%;
    margin: 90px 0.5%;
    box-shadow: none;
    background: #e6f8ff;
    transition: all 1s;
    min-height: 350px;
    position: relative;
    padding: 67px 25px 25px 40px;
    border-radius: 15px;}

ul.optiml-lst li .sldrBgdebt{        width: 92%;
    margin: 90px 0.5%;
    box-shadow: none;
       background: rgb(233 41 192 / 15%) !important;
    transition: all 1s;
    min-height: 350px;
    position: relative;
    padding: 67px 25px 25px 40px;
    border-radius: 15px;}

ul.optiml-lst li .sldrBggold{        width: 92%;
    margin: 90px 0.5%;
    box-shadow: none;
    background: #fcf6dd !important;
    transition: all 1s;
    min-height: 350px;
    position: relative;
    padding: 67px 25px 25px 40px;
    border-radius: 15px;}

ul.optiml-lst li{box-shadow: none; margin:0 !important; padding: 0;}
/*ul.optiml-lst li:nth-child(3n+2){background: #00abeb; padding-top: 60px; padding-bottom: 60px; position: absolute; top: 50%; transform: translateY(-50%);}*/
ul.optiml-lst li:hover h4, ul.optiml-lst li:hover p{color: #000;} 
/*ul.optiml-lst li:hover h4:after{background: #fff !important;}*/

/*ul.optiml-lst{max-width: 78%; margin:85px auto; float: none; display: table; position: relative; }*/
ul.optiml-lst li:last-child{float: right;}
/*ul.optiml-lst li:nth-child(3n+1) h4{background: url(/Campaign/Quantum/Images/Type-of-asset-icon-01-01.png) no-repeat scroll top left;}*/
 /*padding-top: 60px; padding-bottom: 60px; position: absolute; top: 50%; transform: translateY(-50%);*/
/*ul.optiml-lst li:hover .sldr-itm{ padding-top: 60px; padding-bottom: 60px; margin-top:25px;  min-height: 520px;}
ul.optiml-lst li:nth-child(3n+2) h4{background: url(/Campaign/Quantum/Images/Type-of-asset-icon-02-01.png) no-repeat scroll top left;}
ul.optiml-lst li:nth-child(3n+3) h4{background: url(/Campaign/Quantum/Images/Type-of-asset-icon-03-01.png) no-repeat scroll top left;}*/
ul.optiml-lst li:hover .sldr-itm > div{position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding-right: 25px;}


ul.optiml-lst li:hover .sldr-itm {
 
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 40px;
    min-height: 445px;
}

/*  ul.optiml-lst li:nth-child(3n+1):hover h4{background: url(/Campaign/Quantum/Images/solution-icon1-hvr.png) no-repeat scroll top left;}
ul.optiml-lst li:nth-child(3n+2):hover h4{background: url(/Campaign/Quantum/Images/solution-icon2-hvr.png) no-repeat scroll top left;}
ul.optiml-lst li:nth-child(3n+3):hover h4{background: url(/Campaign/Quantum/Images/solution-icon3-hvr.png) no-repeat scroll top left;}*/

a.green-btn{margin:0 auto; padding: 7px 25px; display: table; color: #fff; font-size: 18px; background: #009045; border-radius: 7px; border:none; cursor: pointer; text-transform: uppercase; box-shadow: 0px 0px 14px #fff; transition: all 1s; font-weight: 600;}
a.green-btn:hover{background: #00abeb;}
section#optiml-asst-sc .bkg-wht{padding-bottom: 5px;}

#safe-br{margin:25px 0; padding: 10px 0; float: left; width: 100%; background: #767676; position: relative;}

#safe-br p{color: #fff; padding: 0;}
#safe-br img{position: absolute; left: 0; top: -38px; max-width: 80px;}
#safe-br .container{position: relative;}
/*.invst-btn-sc{margin:20px 0 0; padding: 35px 0 45px; float: left; width: 100%; background: #fff;}*/
/*.blue-btn{margin:0 auto; padding: 7px 25px; display: table; color: #fff; font-size: 18px; background: #2e3190; border-radius: 7px; border:none; cursor: pointer; text-transform: uppercase; box-shadow: 0px 0px 14px #2e3190; transition: all 1s; font-weight: 600;}
.blue-btn:hover{ background: #0296de;  box-shadow: 0px 0px 14px #0296de; color: #fff;}
*/
.invst-btn-sc{margin:20px 0 0; padding: 35px 0 45px; float: left; width: 100%;}


.blue-btn{margin:0 auto; padding: 7px 25px; display: table; color: #fff; font-size: 18px; background: #00abeb; border-radius: 7px; border:none;  text-transform: uppercase; transition: all 1s; font-weight: 600;}


/*.blue-btn:hover{ background: #2e3190;  box-shadow: 0px 0px 14px #0296de; color: #fff;}*/
#ex1Slider .slider-selection { background: #00abeb;}
.slider.slider-horizontal{width: 100% !important; margin-top:10px;}
.slider-track-low, .slider-track-high{background: rgba(0,0,0,0.2) !important;}

section#our-fnds-sc{margin:0; padding: 4% 0; float: left; width: 100%; background: #e9f1f9;}
ul.our-fnds-itms{margin:0 0 15px; padding:0; float: left; width: 100%;}
ul.our-fnds-itms li {margin:1.5% 1.5%; padding:3% 0 3%; float: left; width: 30%; display: inline; list-style: none; min-height: 265px; background: #fff; border-radius: 15px; transition:all 1s;}

section#test-yourself{margin:0; padding: 5% 2% 7% 0; float: left; width: 100%; background:#0353b4;}

ul.our-fnds-itms li:hover{background: rgba(0,0,0,0.1);}
/*ul.our-fnds-itms li:nth-child(3n+2) {margin:0 5%;}*/
ul.our-fnds-itms li span{ height: 80px; width: 80px; line-height: 80px; border-radius: 50%; box-shadow: 0 11px 15px #5ab5d6; text-align: center; transition:all 1s;margin: 0 auto 25px; display: table;}
ul.our-fnds-itms li span img{max-width: 42%;}
ul.our-fnds-itms li h4{clear: both; font-weight: 600; padding: 0 15% 14px; font-size: 22px !important; font-weight: 600 !important; text-align: center;}
ul.our-fnds-itms li a{color: #09b8f7; transition: all 1s; font-size: 18px; font-weight: 500; text-align: center; display: block;}
ul.our-fnds-itms li a:hover, ul.our-fnds-itms li:hover a{color: #2e3190;}
ul.our-fnds-itms li:hover span{box-shadow: 0 0 15px #2e3190;}
section#our-fnds-sc h4{ margin-bottom: 0px;
    line-height: 40px;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000; }

section#test-yourself h4{ margin-bottom: 0px;
    line-height: 40px;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff; }

section#test-yourself p{ 
    text-align: center;
    font-size: 20px; padding-top:20px;
    color: #fff;
}
section#test-yourself p.testyourselfPara{ font-size:20px; padding-top:40px;}
section#invest-education {margin:0; padding: 2% 2% 3% 0; float: left; width: 100%; background:#fff;}
section#invest-education h4{font-size: 28px; font-weight: bold;  color: #fff; }

section#invest-education p{ 
    text-align: left;
    font-size: 18px; padding-top:20px;
    color: #666;
}

#invest-education ul li {     font-size: 20px;
    color: #666;
    line-height: 34px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding-top: 25px;}
 
.anchr-one a{text-decoration: underline;}
ul.riskmetr-lst li{line-height: 150%; font-family: 'Roboto', sans-serif; list-style:disc; font-weight: normal; font-weight: 500; color: #000;}
ul.riskmetr-lst{margin: 0; padding: 0 0 15px 15px;}
input[type=range]::-ms-track {
    width: 300px;
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}




section#our-fnds-prfrmnce-sc{margin:0; padding: 5% 0 0; float: left; width: 100%; background: #fff;}

.fnd-frm{margin:0; padding: 30px; float: right; width: 70%; background: #fff; box-shadow: 0 0 14px rgba(0,0,0,0.2); border-left:9px solid #039ce2; border-bottom:9px solid #039ce2; border-radius: 25px;}



.fnd-frm input{font-size: 15px font-weight:500;}
.fnd-frm h5{font-size: 16px; font-weight: 500; padding: 15px 0 0;   margin-bottom: 20px; }
.strt-price{float: left;}
.end-price{float: right;}
#customRange3{width: 100%; float: left; margin-top:10px;}
.fnl-txt{  font-size: 18px; font-weight: 700;}
.fnl-amt{ text-align: right; font-size: 18px; font-weight: 700; color: #009cd5;}
.fnd-frm p { clear: both; padding: 10px 0;}
.fll-wdth{width: 100%;}

.riskometer-sc{margin:30px ; padding: 0; float: left; width: 100%; border:1px solid rgba(0,0,0,0.2); border-radius: 15px; position: relative;}
.riskometer-lft-sc{margin:0; padding: 0; float: left; width: 66%; border-right:1px solid rgba(0,0,0,0.2);}
.riskometer-rt-sc{margin:0; padding: 20px; float: left; width: 34%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.mtr-rw{margin:0; padding: 20px; float: left; width: 100%;}
.mtr-rw:nth-child(1){border-bottom: 1px solid rgba(0,0,0,0.2);}
ul.why-qntm-lst li h4{font-size: 20px !important; font-weight: 500;}
ul.why-qntm-lst li span:after{left: 0 !important}


section#why-quntm-sc{margin:0; padding: 5% 0; float: left; width: 100%;}
ul.why-qntm-lst li span { height: 80px; width: 80px; line-height: 80px; border-radius: 50%; border:1px solid rgba(0,0,0,0.2); text-align: center; margin:0 auto 25px; transition: all 1s; max-width: none; display: table; transition: all 1s;}
ul.why-qntm-lst li span img{max-width: 40px !important; min-width: initial !important;}
ul.why-qntm-lst li h4{width: 100%; float: left; padding-top: 25px; transition: all 1s;}
ul.why-qntm-lst li{box-shadow: none; position: relative;}
ul.why-qntm-lst li:after{ background: url(/Campaign/Quantum/Images/dashed-line.jpg) no-repeat scroll right center; position: absolute; right: -20px; content: ''; height: 100%; width: 10px; top: 0;}
ul.why-qntm-lst li:last-child:after{display: none;}
ul.why-qntm-lst li:hover span{border-color: #00aef0;}
ul.why-qntm-lst li:hover h4{color: #00aef0;}


footer{margin:0; padding: 5% 0 0; float: left; width: 100%; background: #1b232e; border-top: 3px solid #00abeb; border-bottom: 12px solid #00abeb; color: #fff;}

ul.socl-itms{float: right; margin-top:15px;}
ul.socl-itms li{float: left; display: inline; list-style: none;}
ul.socl-itms li{float: left; display: inline; list-style: none;}
ul.socl-itms li a{    float: left;
    display: inline;
    list-style: none;
    height: 45px;
    width: 45px;
    line-height: 46px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    color: #00abeb;
    font-size: 26px;
    margin: 0 5px;}
ul.socl-itms li a:hover{background: #00aef0; color: #fff;}




footer h4, footer p{color: #fff;}
.btm-lne{margin-top:35px; border-top:2px dashed rgba(255,255,255,0.5); padding: 15px 0; text-align: center;}
#ftr-element p a{color: #fff; text-decoration: underline; transition:all 1s;}
#ftr-element p a:hover{text-decoration: none;}
.equity-img-sc {text-align: center;}
.equity-img-sc .col-sm-7:after{ position: absolute; left: 10%; top: 50%; content: ''; height: 30px; width: 85px; background: url(/Campaign/Quantum/Images/equity-arw.jpg) no-repeat scroll 0 0;}
/*.equity-img-sc img{min-width: 50%;}
.equity-img-sc .col-sm-7 img{min-width: 82%;}*/
.equity-img-sc{max-width: 75%;}
.optiml-lst{min-height: 500px;}
ul.optiml-lst li{margin: 0 !important;}
.sldr-itm:hover {margin-top:-60px;}
.mobile-only{display: none;}

.fixed .navbar-light .navbar-toggler-icon{background: url(/Campaign/Quantum/Images/nav-mob.png) no-repeat scroll 0 0; background-size: 30px; padding: 0; margin: 0; height: 23px;
    margin-top: 6px;}
.navbar-light .navbar-toggler-icon{background: url(/Campaign/Quantum/Images/mobilemenuicon.png) no-repeat scroll 0 0;background-size: 30px;}
.equity-img-sc .col-sm-5 img { max-width: 62%;}

.astrickStar{ font-size:14px; position:relative; top:-5px; }

.dwonArrow {
    position: absolute;
    left: 0;
    right: 0;
    width: 72px;
    margin: 0 auto;
    margin-top: 38px;
}

#optiml-asst-sc li.active { background-color:transparent;}
 #optiml-asst-sc h4 { margin:0; padding:0 0 10px 0; font-size:34px; line-height:110%; font-family: 'Roboto', sans-serif; color: #000; font-weight:700;}





/*IAP Asset Allocation page*/

/*DS-3055 start*/
        .table {
            border-width: 1px 1px 1px 1px; border-radius:25px;
        }

        .intable {
            border-width: 0px 1px 0px 0px;
        }

        .table, .intable {
            display: table;
            width: 100%p;
            height: 100%;
        }

        .cell {
            display: table-cell;
        }

        .rowtable {
            display: table-row;
        }

        .cell {
            border-width: 0px 0px 1px 1px;
            width: 25%; padding:20px;
        }
        .border-radius-bottom {   border-bottom-left-radius: 25px;}

.borderRadiusbox {   border-top-left-radius: 25px;}

        .merged {
            width: 40%; text-align:center;
            height: 50%; padding-top:40px;
       
        }

        .mobileNoneradius {border-bottom-right-radius: 25px;}
.table h2 { font-size:22px;}
.table h5 { font-size:22px;}
        .table, .intable, .cell {
            border-style: solid;
            
        }

.risko-footer p { color:#666; text-align:center;
}





.PRC {
    padding: 20px 6px 40px 36px;
}

.div-table-row .div-table-col p {
    padding-left: 20px;
}

.div-table {
    display: table;
    width: 100%;
    /* cellspacing:poor IE support for  this */
}

.div-table-row {
    display: table-row;
    width: 100%;
    clear: both;
}

.div-table-col {
    float: left; /* fix for  buggy browsers */
    display: table-column;
    width: 24%;
    height: 40px;
    font-size: 17px;
    text-align: center;
    border-bottom: 2px solid #4c4c4c;
    border-left: 2px solid #4c4c4c;
}

.releativHeight {
  height: 66px;
  border-top: 2px solid #4c4c4c;
  padding-top: 20px;
  text-align: center;
  font-weight: bold;
}

.pdtop {
    padding-top: 2px;
}

.creditBox {
    height: 65px;
    border: 0px;
}

.div-table-col:nth-child(1) {
    border-left: 2px solid #4c4c4c;
    text-align: left;
}

.div-table-col:last-child {
    border-right: 2px solid #4c4c4c;
    text-align: center;
}

.heading {
    text-align: center;
    color: #02428f;
    font-size: 26px;
    font-weight: 400;
    padding-bottom: 15px;
}


.heading12-20-80 { font-size:32px !important;}

.firstStep { background: url("/Campaign/Quantum/Images/icon-bg-12-20-80.png") no-repeat;
  background-size: auto;
height: 400px;
width: 48%;
background-size: 100%;
float: left;
padding: 50px 70px 70px 70px;
margin-right: 17px;}
   .firstStep h1 {
  color: #0353b4;
  font-size: 34px;
  padding: 15px 0px 15px 0px;
  line-height: 35px;
}

    .firstStep p {
color: #455a64;
line-height: 24px;
font-size: 22px;
font-weight: 500;
}

.SecondStep {background: url("/Campaign/Quantum/Images/icon-bg-12-20-80.png") no-repeat;
  background-size: auto;
height: 400px;
width: 48%;
background-size: 100%;
float: left;
padding: 50px 70px 70px 70px;
margin-left: 17px;}

  .SecondStep h1 {
  color: #0353b4;
  font-size: 34px;
  padding: 15px 0px 15px 0px;
  line-height: 35px;
}

    .SecondStep p {
color: #455a64;
line-height: 24px;
font-size: 22px;
font-weight: 500;
}

.full-width-growth { background: url("/Campaign/Quantum/Images/icon2-bg-12-20-80.png") no-repeat; height: 400px;
width: 100%;padding: 50px 70px 70px 70px;
background-size: 100%;}

    .full-width-growth .growthstepOne { width:35%; border-right:1px solid #0353b4; float:left;}
.full-width-growth .growthstepOne h1 {
  color: #0353b4;
  font-size: 34px;
  padding: 15px 0px 15px 0px;
  line-height: 35px;
}

.full-width-growth .growthstepOne p {
color: #455a64;
line-height: 24px;
font-size: 22px;
font-weight: 500;
}

    .full-width-growth .growthstepTwo { width: 50%; float:left; padding-left:40px;}

.growthstepTwo .senventyPercent {color: #455a64; padding-bottom:20px;padding-top:0px;
line-height: 24px;
font-size: 22px;
font-weight: 500;}
.growthstepTwo .fifeenPercentfund {color: #455a64;padding-bottom:20px;padding-top:20px;
line-height: 24px;
font-size: 22px;
font-weight: 500;}
.growthstepTwo .fifteenPercent {color: #455a64;padding-bottom:20px;padding-top:20px;
line-height: 24px;
font-size: 22px;
font-weight: 500;}

.senventyPercent span { color:#0353b4;font-weight:bold;
}
.fifeenPercentfund span {color:#0353b4;font-weight:bold;
}
.fifteenPercent span {color:#0353b4; font-weight:bold;
}

.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: .75rem;
  background-color: #fff;
  border-radius: 25px;
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0353b4;
  transition: width .6s ease;
}

.suggestedFund { color: #455a64;
line-height: 24px;
font-size: 20px; font-style:italic;
font-weight: 500; text-align:center;}


/*DS-3055 start closed*/
.menufixed{ position: fixed; background: #0353b4; z-index: 99; padding: 5px; border-bottom: 1px solid rgba(0,0,0,0.3);}
.menufixed .logo-hldr img{max-width: 40px;}
.menufixed ul.hdr-nv{margin-top: 2px;}

.menufixed  ul.hdr-nv li a{ color:#fff !important;
}

.menufixed #nav-sc {
    position: fixed;
    background: #2a2a8c;
    z-index: 99;
    padding: 5px;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}

.menufixed .navbar-light .navbar-toggler-icon {
    background: url(/Campaign/Quantum/Images/nav-mob.png) no-repeat scroll 0 0;
    background-size: 30px;
    padding: 0;
    margin: 0;
    height: 23px;
    margin-top: 0px;
}

.tabViewButtonBuylow {    margin: 2% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: none;
    font-size: 18px;
    background: transparent;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 314px;
    text-align: center;
    border: 1px solid #fff;
    display: block;}

.tabViewButtonBuylow:hover {
    background: #fff;
    color: #0353b4;
    box-shadow: none !important;
}

.tabViewButtonDiversify:hover {
    background: #fff;
    color: #0353b4;
    box-shadow: none !important;
}


.tabViewButtonDiversify {     margin: 2% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: none;
    font-size: 18px;
    background: transparent;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 314px;
    text-align: center;
    border: 1px solid #fff;
    display: block;}

		ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: none;
			color: #fff;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
		}
.tab-content.current {
    display: inherit;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    margin-top: 76px !important;
    /* bottom: -38px; */
    width: 84%;
    margin: 0 auto;
    text-align: center;
}

		.tab-content{
			display: none;
		
			padding: 15px;
		}
  ul.tabs li.current {
       background: #fff;
    color: #0353b4;
    font-size: 18px;
}



#topcontrol { z-index:99;
}


      #bnr-form-sc br {
    display:none;
}
.testYourSelfButton {     max-width: 712px;
    margin: 40px auto 0px auto;}

#test-yourself .buyLowSell { float:left; margin-right:40px; }

#test-yourself .diversifyInvestment { float:left;}

#test-yourself #invest-button-fund .blue-btn {
margin: 2% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
  box-shadow:none;
    font-size: 18px;
    background: transparent;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 314px;
    text-align: center;
    border: 1px solid #fff;
    display: block;
}

#asset-allo-sc br {
    display: block;
}

#test-yourself #invest-button-fund .blue-btn:hover {
    background: #fff; color:#0353b4;
    box-shadow:none !important;

}


.bannerTextmain {    font-weight: normal;
    display: block;
    font-size: 40px;
    color: #000000;
    line-height: 48px;
    line-height: 45px;
    }

.askyourSelfCentermain {max-width:600px; margin:0 auto;}


#asset-allo-sc .askyourSelfCenterCater {
    float: none;
    position: relative;
    margin-top: 0px;
    right: 0;
}
#asset-allo-sc .askyourSelfCenterOffer { float:right;}

 .navbar-light .navbar-toggler-icon{background: url(/Campaign/Quantum/Images/mobilemenuicon.png) no-repeat scroll 0 0;background-size: 30px;}
.sipWrapper section#our-fnds-sc h4 {
    font-size: 34px;
    font-weight: 700;
}

.sipWrapper section#test-yourself h4 {
    font-size: 34px;
    font-weight: 700;
}
.sipWrapper{ margin:0 auto; max-width:1280px !important;}   


.sipWrapper ul.hdr-nv li a{ font-weight:bold; border-radius: 5px; margin:0 1px; padding: 5px 15px; transition: all 1s; position: relative; float: left; z-index: 9; color: #000; overflow: hidden;}


.HeaderBanner {
    padding: 0;
    float: left;
    width: 100%;
    background: url(/Campaign/Quantum/Images/Header-Banner-01-updated.png) no-repeat scroll top center;
    background-position: 0px 12px;
    background-size: 100%;
    transition: all 1s;
}


.sipWrapper #bnr-sc {
    margin: 0;
    padding: 32% 0px 31% 9%;
    float: left;
    width: 100%;
}
.sipWrapper .bnr-inr {

    position: absolute;
    margin-top: 13%;
    bottom: 0;
    top: 0;
}

.col-form-center-button {    width: 70%;
    margin: 0 auto;
}

 .callaRepresentativeSip {
     background:#2e318d;
      cursor: default;
    text-decoration: none;
    border: 0 none;
    box-shadow:#2e318d 0px 5px 12px;

    color: #fff;
    margin-top: 20px;
    font-family: inherit;
    font-size: 18px;
    font-weight: bold; float:right;
    
    padding:7px ​15px 6px 15px;
    text-transform: uppercase;
    height: 43px;
    display:none;
  
    width: 183px;
}


.callaRepresentativeSip:hover {
    background-color: #00adef !important;
    box-shadow: #00adef 0px 5px 12px!important;
}

.sipWrapper .benefitsFonts {font-size: 36px !important;}
section#mutual-fund-calculator{margin:0; padding: 5% 0 0; float: left; width: 100%; background: #fff;}
.sipWrapper .riskometer-sc {
    margin: 4% 20px 60px 0px;
    padding: 0;
    float: left;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 15px;
    position: relative;
}

.sipWrapper .fnd-frm {
    margin: 0;
    padding: 44px 45px;
    float: right;
    width: 84%;
    background: #fff;
    box-shadow:0px 0px 21px #ccc;
    border-left: 0;
    border-bottom: 13px solid #282a7b;
    border-radius: 25px;
}

.sipWrapper ul.our-fnds-itms li h4 {
        line-height: 30px;
    clear: both;
    font-weight: 600;
    padding: 0 9% 9px;
    font-size: 23px !important;
    font-weight: 600 !important;
    text-align: center;
}

section .asset-allo-bg{    margin: 0px 0;
    padding: 0% 0;
    float: left;
    height: 170px;
    width: 100%;background:url(/Campaign/Quantum/Images/dotted-rectangle-pattern.png) no-repeat center;  background-size:cover;     background-position: 0% 0%;}
.assetalocator-content h2 { margin-top:60px;  margin-bottom: 0px;
    line-height: 40px;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;    } 


.assetalocator-content p{   font-size: 22px;
    color: #676667;
}
.assetalocator-content { background:#fff;}
#asset-allocator-div {     padding: 0 0;
    float: left;
    width: 100%;}
    #asset-allocator-div .inr-allo-sc {padding-bottom: 5%;
    }

    #asset-allocator-div-portfolio {     padding: 0 0;
    float: left;
    width: 100%;}
    #asset-allocator-div-portfolio .inr-allo-sc {padding-bottom: 0%;
    }

.asset-allocator-div-content-portfolio p {
    padding-top: 44px !important;
    font-size: 16px;
    color: #676667;
    padding-left: 15px;
    padding-right: 15px;
}


.sipWrapper ul.our-fnds-itms li {margin:1.5% 1.5%; padding:3% 0 3%; float: left; width: 22%; display: inline; list-style: none; min-height: 265px; background: transparent; border-radius: 15px; transition:all 1s;}

.sipWrapper ul.our-fnds-itms li span {
      height: 130px;
    width: 130px;
    line-height: 126px;
    border-radius: 50%;
    box-shadow: 0 11px 15px #5ab5d6;
    text-align: center;
    transition: all 1s;
    margin: 0 auto 25px;
    background: #fff;
    display: table;
} 

.sipWrapper ul.our-fnds-itms li span img {
    max-width: 100%;
}





.longTermtextImg { position: relative;}
.longterntext { position: absolute;
    top: 18px;
    left: 22px;
    text-align: center;
    right: 0;
    width: 189px;}
.longterntext h1{ text-align:center; font-size:32px; margin-bottom:0px !important;}
.longterntextright h1{ text-align:center; font-size:32px;  margin-bottom:0px !important;}
.navdetails { font-size:40px; font-weight:bold; color:#00aeef; line-height:40px;   }
.textPer { color:#666666; font-size:16px;}


.longterntextright { position: absolute;
    top: 0px;
    right: 0px;
    left: 13px;
    text-align: center;
    top: 124px;
    width: 117px;
    margin: 0 auto;}



.sipWrapper .blue-btn{margin:15% 0 0 0  ; padding: 7px 25px; display: table; color: #fff; box-shadow:#2e318d 0px 5px 12px; font-size: 18px; background: #2e318d; border-radius: 7px; border:none;  text-transform: uppercase; transition: all 1s; font-weight: 600;}



.sipWrapper .submt-btn{margin:15px ​auto; margin-right: 20px; padding: 11px 32px; color: #fff !important; box-shadow:#0353b4 0px 5px 12px; font-size: 18px; background: #0353b4; border-radius: 7px; border:none; cursor: pointer; text-transform: uppercase; transition: all 1s; font-weight: 600;}

.sipWrapper .submt-btn:hover{background: #0353b4; box-shadow: 0px 0px 14px #0353b4;}

.sipWrapper .frm-hldr {
    margin: 40px 0 0 0;
    padding: 20px 20px 60px 20px;
    float: left;
    width: 100%;
    z-index: 9;
    position: relative;
    background: #fff;
    box-shadow: none;
    border-radius: 25px;
    border:1px solid #0353b4;


}
.form-iap-bottom{     height: 29px;
    background: #0353b4;
    border-radius: 20px;
    display: block;
    clear: both;
    position: relative;
    top: -10px;
    width: 93%;
    margin: 0 auto;}

.sipWrapper #bnr-sc h1 {
    color: #2e318d; line-height:65px;
}

 .why-quantum{     padding: 7% 0px 4% 0px !important;
    clear: both;
 }

.whyheading { margin-bottom:0px;

    font-size: 36px;
   
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #000; 
}

.why-quantum .why-qutm-List .invst-icn{    background: #e0f2ff;
    display: block;
    position: relative;
    width: 394px;
    left: -28px;
    /* width: 100%; */
    padding: 20px 0px 20px 20px;
}

ul.why-qutm-List { padding:40px 0px 0px 0px; margin:0px; 
}
    ul.why-qutm-List li:first-child {
        margin: 0px 35px 0px 0px;
    }
     ul.why-qutm-List li:last-child {
        margin: 0px 0px 0px 35px;
    }
ul.why-qutm-List li {     display: inline-block;
    text-align: center;
    /* font-size: 20px; */
    padding: 31px 15px;
    width: 29%;
    border: 2px solid #b2b2b2;
    margin: 0px 35px 0px 35px;}
    ul.why-qutm-List li h4 {    color: #000000; line-height: 30px;
    padding-top: 20px;
    font-size: 20px;}



.quantum-long {
      padding: 0% 0px 4% 0px !important;
    clear: both;
}
.sipWrapper .dottedmobileNone { display: block;
    }

.quantum-long .quantum-long-heading {margin-bottom: 0px;
    line-height: 40px;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
 
}

    .quantum-long .beanch-mark {
    background: #f1f2f2;
    border-top: 2px solid #455a64;
    border-bottom: 2px solid #455a64;
    text-align: center;
    padding: 10% 40px 10% 40px;
    width: 90%;
    float: right;
}
      .quantum-long .beanch-mark h2{ font-size:28px;}
     .quantum-long  .invest-heading{ font-size:25px; padding-bottom:20px;}
        .quantum-long .beanch-mark p{  padding-top:40px; color:#666666; font-size:22px; line-height:23px;}

   .quantum-long .sipWrapper .blue-btn {
    margin: 3% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: #2e318d 0px 5px 12px;
    font-size: 18px;
    background: #2e318d;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 167px;
    text-align: center;
    display: block;
}

    .quantum-long .quantumpaddingOff { padding:0px !important;}

#fund-manager {
        margin: 0;
    padding: 5% 0;
    float: left;
    width: 100%;
    background: #edf6fb;
}
    #fund-manager .foundcontent { border-bottom:2px solid #455a64; padding:0px 0px 20px 0px;
    }

#fund-manager .foundcontent h2 { color:#000; padding-bottom:20px; font-size:26px;}
       
#fund-manager .foundcontent  ul li h3{ color:#00aeef; padding-bottom:0px; font-size:22px; font-weight:normal;} 
#fund-manager .foundcontent  ul li p { color:#666666; line-height:35px; font-size:19px; }


    #fund-manager .fund-features h2{color:#000; padding-bottom:20px; font-size:26px; padding-top:30px; }
     #fund-manager .fund-features ul li:last-child { border:0px; }
    #fund-manager .fund-features ul li { padding:20px 0px 0px 0px ; min-height:149px;  border-bottom:1px solid #455a64; }
#fund-manager .fund-features  ul li h3{ color:#00aeef; padding-bottom:3px; font-size:22px; font-weight:normal;} 
#fund-manager .fund-features  ul li p { color:#666666; font-size:18px;  line-height:24px;}

    #fund-manager .blue-btn:hover { background:#00adef;}


    .sipWrapper .submt-btn:hover { background:#00adef; box-shadow:#00adef 0px 5px 12px!important;}
    .sipWrapper .blue-btn:hover{ background:#00adef; box-shadow:#00adef 0px 5px 12px!important;}
    #fund-manager .blue-btn:hover { background:#00adef; box-shadow:#00adef 0px 5px 12px!important;}
    #invest-button-footer .blue-btn:hover{ background:#00adef; box-shadow:#00adef 0px 5px 12px!important;}

#fund-manager .blue-btn {
    margin: 3% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: #2e318d 0px 5px 12px;
    font-size: 18px;
    background: #2e318d;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 13%;
    text-align: center;
    display: block;
}

#fund-performance-invest {
    padding: 3% 0px 2% 0px !important;
    clear: both;}
    #fund-performance-invest h2 {

    }
    #fund-performance-invest .fundyourInvest { padding-bottom:20px; padding-top:20px; font-size:20px;}
    #fund-performance-invest .found-quantum-long ul li:nth-child(1){ background:#e4f6ff; width:100%; border-top:2px solid #000; padding-top:0px;  border-bottom:2px solid #000; }

     #fund-performance-invest .found-quantum-long ul li:nth-child(2) {   border-top:0px solid #455a64; border-bottom:0px solid #455a64;

    }
     
     #fund-performance-invest .found-quantum-long ul li:nth-child(7) {    border-bottom:2px solid #455a64;

    }
    #fund-performance-invest .found-quantum-long ul p:nth-child(1) { text-align:left; padding-left:40px; padding-top:0px;}
    #fund-performance-invest .found-quantum-long ul li span:nth-child(1) { padding-left:40px; text-align:left;}

 #fund-performance-invest .found-quantum-long ul li { width: 100%;
    border-top: 1px solid #455a64;
    padding-top: 10px;
    min-height: 76px;
    background: #f1f2f2;

    }
  #fund-performance-invest .found-quantum-long ul li p {     padding-top: 14px;
float:left; width:25%; text-align:center;

    }

#fund-performance-invest .found-quantum-long ul li span { text-align: center;
    display: block;
    float: left;
    width: 25%;
    font-size: 18px;
    vertical-align: middle;
    color: #00aeef;
    padding-top: 10px; text-transform:uppercase;
    font-weight: bold;

    }

#fund-performance-invest .qlteve-text-mobile { display:none !important;}
 #fund-performance-invest .quantum-mobile-none-text {
        display: block  !important;
    }

#invest-button-footer { margin-bottom:20px;}

#invest-button-footer .blue-btn{
        margin: 0% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: #2e318d 0px 5px 12px;
    font-size: 18px;
    background: #2e318d;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 164px;
    text-align: center;
    display: block;
}
#invest-button-asset .blue-btn{
        margin: 3% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: #2e318d 0px 5px 12px;
    font-size: 18px;
    background: #2e318d;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 167px;
    text-align: center;
    display: block;
}
#invest-button-fund .blue-btn:hover{background: #00adef;
    box-shadow: #00adef 0px 5px 12px!important;}
   #invest-button-asset .blue-btn:hover{
       background: #00adef;
    box-shadow: #00adef 0px 5px 12px!important;
}
#invest-button-fund .blue-btn{
       margin: 2% auto 20px auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: #0353b4 0px 5px 12px;
    font-size: 18px;
    background: #0353b4;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 210px;
    text-align: center;
    display: block;
}
.fund-perform-text { font-size:16px; padding:10px 0px 0px 0px !important; clear:both;}
.fund-perform-text-bold{ padding:0px; font-size:20px; font-weight:bold; color:#666666; text-align:left; display:block;}

/*fund performace details*/
ul.table-fund-performance-details { padding:0px; }
ul.table-fund-performance-details li { padding:0px; font-size:18px; color:#666; line-height:34px; }


    .mobilennonemutualfound { display: block;}

    #mutual-fund-calculator #our-fnds-prfrmnce-sc{margin:0; padding: 5% 0 0; float: left; width: 100%; background: #fff;}



    .amoutcalculate input {
      display: inline-block !important;
    width: 140px;
    background-color: #fff !important;
    color: #7f7f7f !important;
    font-family: Calibri;
    font-size: 24px;
    padding: 5px 5px;
    border: none;
    text-align: right;
    border-radius: 3px;
    font-weight: bold;
}
.amoutcalculate { margin-bottom:28px;}
    .amoutcalculate input:focus { outline:none;}
.calculator-input .goal-input-amount input[type=text] {
   
    /* font-weight: bold; */
}

#input-amount {
    float: right;
    font-size: 30px;
    font-weight: bold;
    color: #7f7f7f;
}

#input-year {     float: right;
    display: block;
    font-size: 24px;
    padding-top: 5px;
    color: #7f7f7f;
    font-weight: bold;}




.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #000;
  width: 100%;
  height: 40px;
  line-height: 24px;
  margin-top:10px;

}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.1);
  border-radius: 5px;
  padding: 8px 15px;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #00abeb;
  color: #fff;
}

.select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  border-top: 1px solid #fff;
}
.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;
}

.frm-hldr .form-control {
    background-color: rgba(0,0,0,0.08) !important;
}
.listStyleNone li {
 list-style-type:none; 
}

li.btn-wrap {
 list-style:none; text-align:center;
}
.Err {
    color:red;
 }

#fundSelect {
    background-color: #ffffff;
    padding: 15px 25px;
    margin: 20px 35px;
}

    #fundSelect select {
        color: #666;
        font-family: Calibri;
        font-size: 1em;
        border: none;
        background-color: #d6d6d6;
        padding: 5px;
    }

#rngSchemeAmount {
    display: inline-block;
    width: 70%;
}
#timeFrame {
    display: inline-block;
    width: 70%;
}

#amt {
    
    margin-right: 10px;
   
}

.riskText {
    background-color: #eee;
    position: relative;
    bottom: 4px;
}

.rgt-border {
    color: #fff;
    font-weight: 500;
}

    .rgt-border a {
        color: #fff;
        font-weight: 500;
    }

.investMent {
    float:left; display:inline; width:50%;

 
}
.sipWrapper #amt {
    text-align: right;
    margin-right: 10px;
    font-size: 22px;     color: #838383; font-weight:bold;
}

.sipWrapper .investMent {
    float: left;
    display: inline;
    width: 47%;
}

.increaseAmount {
      float: right;
    text-align: right;
 }

.heading-spacing {
    padding: 3% 0px;
}
.select-styled:active:after, .select-styled.active:after {
    top: 9px;
    border-color: transparent transparent #000 transparent;
}


@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url("/Resources/common/fonts/RobotoCondensed-Light.ttf") format('truetype');
}

@font-face {
    font-family: 'ClanOT-medium';
    src: url('Fonts/ClanOT-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'ClanOT-Thin';
    src: url('Fonts/ClanOT-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'ClanOT-Book';
    src: url('Fonts/ClanOT-Book.otf') format('opentype');
}

@font-face {
    font-family: 'ClanOT-MediumItalic';
    src: url('Fonts/ClanOT-MediumItalic.otf') format('opentype');
}

@font-face {
    font-family: 'Roboto';
    src: url('Fonts/RobotoCondensed-Bold.ttf') format('opentype');
}

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700,300);



.outer-wrap {
    margin: 0 auto;
    /*width: 1440px;*/
    width: 1427px;
}

    .outer-wrap.content-bg {
        background-color: #ffffff;
    }

.main-wrap {
    /*background: rgba(0, 0, 0, 0) url("images/main-wrap-bg.png") repeat scroll right 0;*/
    margin: 0 auto;
    width: 1150px;
}

    .main-wrap.bg2 {
        /*background: rgba(0, 0, 0, 0) url("images/main-wrap-bg-2.png") repeat scroll right 0;*/
    }

.top-banner {
    background-position: center 0;
    background-repeat: no-repeat;
}

.banner-wrap {
    color: #fff;
}

    .banner-wrap * {
        display: block;
    }

.logo {
    background: rgba(0, 0, 0, 0) url("/Campaign/Quantum/Images/logonew.png") no-repeat scroll right 0;
    text-indent: -4000px;
    display: inline-block;
    height: 110px;
    width: 106px;
}


.hdrDiv {
    position: fixed;
    width: 100%;
}

.hdr-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #2e3191;
}


    .hdr-wrap .hd-1 {
        width: 20%;
        margin-left: 40px;
    }

    .hdr-wrap > div {
        display: inline-block;
    }


    .hdr-wrap > .hd-2 {
        padding: 45px 25px;
        float: right;
    }

        .hdr-wrap > .hd-2 > nav > a > span {
            padding: 0px 15px;
            cursor: pointer;
            color: #fff;
            font-size: 1.05em;
            position: relative;
            font-family: ClanOT-medium;
            font-weight: 600;
        }

        .hdr-wrap > .hd-2 > nav > a {
            position: relative;
            padding-bottom: 5px;
        }

            .hdr-wrap > .hd-2 > nav > a:not(:last-child) > span {
                border-right: 1px solid #fff;
            }

.hd-1 img {
    padding: 10px 0px;
    width: 70px;
}

#hdrDiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

#hdrBtm {
    height: 95px;
}

.promo-cont-hdg div {
    width: 380px;
    height: 110px;
    margin-top: 0px;
    color: #ffffff;
}

.bnrBtmtxt {
    position: relative;
    bottom: 22px;
    line-height: 0px;
    font-size: 12pt;
    font-weight: 500;
    color: #ffffff;
}

.selected-menu:before {
    content: "";
    position: absolute;
    width: 50%;
    bottom: 0;
    left: 28%;
    border-bottom: 1px solid #fff;
}



div.col-1, div.col-2 {
    display: inline-block;
}

div.col-1 {
    width: 775px;
    display: inline-block;
    position: relative;
}

div.col-2 {
    display: inline-block;
    float: right;
    vertical-align: top;
    background-color: #00adee;
    position: fixed;
    width: 400px;
    top: 95px;
    z-index: 99;
}

    div.col-2.no-float {
        float: inherit;
    }

.promo-cont-hdg {
    padding-left: 0px;
    color: black;
    font-size: 40px;
    text-align: left;
    font-weight: 600;
    letter-spacing: 0.0em;
    line-height: 30px;
    padding: 50px 0px 0px 50px;
}

.banner-wrap .cont-row1 {
    padding-top: 30px;
}

.banner-wrap .promo-cont-detail {
    font-size: 1.2em;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 150%;
    padding-right: 85px;
    padding-top: 30px;
    text-transform: uppercase;
}

table {
    border-collapse: collapse;
    width: 100%;
}

td, th {
    text-align: center;
    padding: 5px;
}

table.with-border td {
    border: 1px solid #0288d1;
}

    table.with-border td:first-child {
        border-left: medium none;
    }

    table.with-border td:last-child {
        border-right: medium none;
    }

th {
    background-color: rgb(0, 172, 237);
    color: #000000;
    text-shadow: none;
}


.wrapper {
    border: solid 1px;
    background-color: rgb(0, 172, 237);
}


.sipWrapper #ddnCityName {
    display: block;
    width: 100%;
    padding: 7px 10px;
    border-radius: 4px;
    border: none;
    text-align: left;
    background-color: #eff0f0;
    color: #707070;
}
#ddnCityName {
    display: block;
    width: 100%;
    padding: 5px 0px;
    border: none;
    text-align: left;
    background-color: #eff0f0;
    color: #707070;
}

.WhiteText {
    font-size: 11pt;
    font-weight: bold;
    color: #FFF;
    padding: 0 2px 0 2px;
}

.nl-msg-bar {
    bottom: 0;
    color: #fff;
    font-size: 1.9em;
    left: 0;
    letter-spacing: 0.1em;
    padding: 7px 0;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
}

.rhs-contact-wrap {
    padding: 20px 30px 30px;
    width: -moz-available;
    background-color: #2e3191;
    color: #fff;
}

    .rhs-contact-wrap > h1 {
        font-size: 2em;
        font-weight: 600;
    }

.content-wrap {
    padding-right: 60px;
    padding-top: 20px;
    min-height: 450px;
}

    .content-wrap h1, .content-wrap h2 {
        color: #000000;
        display: block;
        font-weight: normal;
        letter-spacing: 0.04em;
    }

    .content-wrap > .cont-block > h1 {
        font-size: 2em;
    }

    .content-wrap > .cont-block > h2 {
        font-size: 13pt;
        text-align: justify;
    }

    .content-wrap > .cont-block.block-1 {
        color: #1c4274;
        margin-bottom: 10px;
    }

    .content-wrap > .cont-block.block-2 {
        color: #e9050e;
        text-align: center;
        padding: 24px;
        background-color: #d0d8e2;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    }

.edit-content {
    padding: 2px;
    border: 1px dashed #fb040e;
}

.content-wrap > .cont-block > div {
    color: #000000;
    font-size: 0.95em;
    letter-spacing: 0.04em;
    line-height: 150%;
    padding-top: 8px;
    text-align: justify;
    font-weight: normal;
}

.contacts-list li {
    background: rgba(0, 0, 0, 0) url("/Campaign/Quantum/Images/contact_icon.png?20012017") no-repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 12px 30px 12px 30px;
}

    .contacts-list li a {
        color: #fff;
        text-decoration: none;
    }

        .contacts-list li a:hover {
        }

    .contacts-list li.io {
        background-position: 0px 16px;
    }

    .contacts-list li.web {
        background-position: 0px 13px;
    }

    .contacts-list li.mail {
        background-position: 0px -47px;
    }

    .contacts-list li.toll-free {
        background-position: 0px -357px;
    }

    .contacts-list li.missed-call {
        background-position: 0px -205px;
    }

    .contacts-list li.sms {
        background-position: 0px -281px;
    }

    .contacts-list li.fax {
        background-position: 0px -126px;
    }



.inv-online {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 1px -1px 0 rgba(0, 0, 0, 0.1);
    margin-top: -20px;
    padding: 16px;
    text-align: center;
}


.social-media {
    /*padding-top: 37px;*/
    margin: 0 auto;
}

    .social-media a {
        /*background: rgba(0, 0, 0, 0) url("images/contact_icon.png") no-repeat scroll 0 0;*/
        display: inline-block;
        height: 34px;
        width: 41px;
    }

/*.social-media a.fb {
            background-position: 0 -451px;
        }

        .social-media a.tw {
            background-position: 0 -530px;
        }

        .social-media a.yt {
            background-position: 0px -610px;
            padding-right: 6px;
        }

        .social-media a.gp {
            background-position: 0px -689px;
            padding-right: 5px;
        }

        .social-media a.pin {
            background-position: 0px -771px;
        }

        .social-media a.in {
            background-position: 0px -851px;
        }

        .social-media a.ss {
            background-position: 0px -930px;
        }*/

.right-bar-arrow {
    background: rgba(0, 0, 0, 0) url("/Campaign/Quantum/Images/right-bar-arrow.png") no-repeat scroll 0 -1px;
    height: 67px;
    width: 100%;
}

.Err {
   
    color: Red;
    font-size: 0.9em;
    left: 0;
    padding-left: 8px;
   
    
}

/*Footer*/
.outer-wrap.footer {
    background-color: #fff;
}

    .outer-wrap.footer .main-wrap {
        padding: 10px 0px;
        background-image: none;
    }

        .outer-wrap.footer .main-wrap > h3 {
            font-size: 1em;
        }

        .outer-wrap.footer .main-wrap > div {
            font-size: 0.8em;
            line-height: 140%;
            text-align: justify;
        }

.outer-wrap.footer-disc-wrap {
    color: #000000;
    font-size: 1.03em;
    padding: 10px 0;
    text-align: center;
    font-weight: 500;
}

/*Thankyou page*/
.ty-banner.top-banner {
    background: #204677 url("/Campaign/Quantum/Images/logo_bg_transp.png") no-repeat scroll center 0;
}

.ty-banner .main-wrap {
    background: none;
    min-height: 410px;
}

.ty-banner .banner-wrap {
    width: 100%;
}

.ty-banner div.col-1 {
    width: 100%;
}


.ty-banner .banner-wrap .promo-cont-detail {
    padding-right: 0;
    background: transparent url("images/smile-02.png") no-repeat scroll 0 0;
    text-align: center;
    width: 100%;
}


.ty-banner .logo {
}

.ty-banner .banner-wrap .cont-row1 {
    padding-top: 50px;
    text-align: center;
    width: 100%;
}

.ty-btn-wrap {
    background-color: #aa050c;
    padding: 4px 0;
    text-align: center;
}

    .ty-btn-wrap a {
        padding: 0 50px;
    }

.ty.content-wrap {
    min-height: inherit;
}

.maindivBox .ProductDetails {
    display: inline-block;
    width: 49%;
    color: #353535;
    font-size: 20pt;
    font-weight: bold;
    text-align: left;
}


.maindivBox .Product-text {
    float: right;
}

    .maindivBox .Product-text p {
        padding: 25px 0px;
    }

.maindivBox .ProductDetail {
    display: inline-block;
    color: #353535;
    font-size: 20pt;
    font-weight: bold;
    text-align: left;
}



.maindivBox .Producttext p {
    padding: 25px 0px;
}

/*Calculator*/

section.calculator {
    width: 90%;
    margin: auto;
    display: block;
}

.goal-selector {
    /*border: 3px solid #959595;*/
    /*padding: 20px;*/
    margin-top: 30px;
}

    .goal-selector p {
        color: #fff;
        font-size: 1.3em;
        font-weight: bold;
    }

    .goal-selector select {
        border: none;
        /*border-bottom: 2px solid #959595;*/
        width: 55%; /*new 75%*/
        margin: 0px 10px;
    }

.goal-calculator {
    display: block;
    width: 100%;
    padding: 10px 0px;
}

    .goal-calculator .calculator-input, .goal-calculator .calculator-result {
        display: inline-block;
    }

    .goal-calculator .calculator-input {
        width: 100%;
    }

    .goal-calculator .calculator-result {
        text-align: center;
        width: 100%;
    }

        .goal-calculator .calculator-result p, .goal-calculator .calculator-result span, .goal-calculator .calculator-result i {
             color: #000;
    font-size: 22px;
    font-weight: bolder;
    text-align: left;
        }
#spSIPAmnt { color:#00a9ea;}

.calculator-input .goal-input-amount input[type=text] {
    display: inline-block !important;
    width: 130px;
    background-color: #fff !important;
    color: #666 !important;
    font-family: Calibri;
    font-size: 1.01em;
    padding: 5px 5px;
    /*new*/
    border: none;
    text-align: center;
    border-radius: 3px;
    /*font-weight:bold;*/
    /*new*/
}



.calculator-input .goal-input-amount, .calculator-input .goal-input-years {
    width: 100%;
    /*height: 120px;*/
    background-color: #ffffff;
    margin: 10px 0px;
}

    .calculator-input .goal-input-amount p, .calculator-input .goal-input-years p {
        color: #666;
        font-family: Calibri;
        font-size: 13pt;
        padding: 2% 5%;
    }

    .calculator-input .goal-input-amount input, .calculator-input .goal-input-years input {
        width: 90%;
        margin: auto;
        display: block;
    }

    .calculator-input .goal-input-amount span, .calculator-input .goal-input-years span {
        display: block;
        width: 95%;
        margin: auto;
        font-family: Calibri;
        text-align: right;
        padding: 10px;
    }


#goal {
    color: #666;
    font-family: Calibri;
    font-size: 1em;
    width: 100%;
}

#spSIPAmnt {
    font-size: 1em;
}

.funds-desc-container .funds-desc-calc, .funds-desc-container .funds-desc-option {
    margin: 0px 30px;
}

.funds-desc-option {
    float: right;
}

/*calculator*/

.info-desc-new {
    color: #353535 !important;
    font-family: Calibri;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0.01em;
    line-height: 1.3;
}

.desc-size {
    font-size: 1.5em;
    margin: 3%;
}

.security-trust .guard {
    width: 60%;
    display: block;
    margin: auto;
    text-align: center;
}

    .security-trust .guard > div {
        display: inline-block;
        padding: 10px 5%;
    }

.text-change {
    padding: 0;
    margin: 0;
    font-size: 2em;
    color: #666;
    font-weight: bold;
}

.text-change-span {
    font-size: 0.6em;
    font-weight: 400;
    font-style: italic;
    line-height: 70px;
    text-align: center;
}

.funds-desc-div-span-hide {
    display: none;
}

.funds-desc-div-span-show {
    display: inline;
}

#goals-suit {
    font-size: 0.75em;
    line-height: 1.2;
}

#goals-suit {
    font-size: 0.75em;
    line-height: 1.2;
}

.funds-desc {
    width: 100%;
}

.funds-desc-container {
    display: block;
    width: 100%;
    margin: auto;
    position: relative;
}

.funds-desc-product {
    /*padding: 15px 0px;*/
    background-color: white;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    /*position: absolute;*/
    color: #231f20;
    margin-top: 20px;
    cursor: pointer;
    /*display: block;*/ /*new*/
}

.funds-desc-option div {
    cursor: pointer;
    margin-bottom: 45px;
    /*display: block;*/ /*new*/
}

.funds-desc-calc-text {
    top: 1080px;
    position: absolute;
    color: white;
}

.funds-desc-calc-select p {
    color: #666;
    font-size: 35px;
    font-weight: bold;
    margin-left: 10px;
}

.funds-name-calc-select p {
    color: #666;
    font-size: 35px;
    font-weight: bold;
    margin-left: 10px;
    /*position: absolute;
top: 20px;
left: 20px;*/
}

.funds-desc-calc-text span {
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
}

.funds-desc-option p {
    color: white;
    font-size: 35px;
    font-weight: 300;
    position: absolute;
    top: 20px;
    left: 20px;
}



.funds-desc-option {
    float: right;
}


.funds-desc-calc-selected {
    height: 70px !important;
    line-height: 400%;
}

.funds-desc-calc-form hr {
    width: 80%;
}

.funds-desc-calc-enquiry {
    background-color: #264aa6;
    text-align: center;
    padding: 12px;
    color: white;
    border-radius: 0px 0px 5px 5px;
    cursor: pointer;
    min-height: 20px;
}

.funds-desc-div {
    display: block;
    position: relative;
    text-align: center;
}

    .funds-desc-div p {
        padding: 0 10px 0 20px;
        margin: 0;
        font-size: 2em;
        width: auto;
        float: left;
    }

.funds-desc-calc-selected p {
    font-size: 13pt !important;
}

.funds-name-calc-selected p {
    font-size: 13pt !important;
}

.funds-desc-option .funds-desc-div p {
    position: absolute;
    left: 20px;
    top: 65%;
    text-align: left;
}


.funds-desc-calc-form h2 {
    text-align: center;
    color: #158fe6;
    margin: -10px;
    padding: 20px 0px;
    font-weight: 600;
}

.funds-desc-calc-select {
    background-color: #ffffff;
}

.funds-name-calc-select {
    /*background-image: url('Images/Equity.png');*/
    background-repeat: no-repeat;
    margin-top: 30px;
    background-color: #ffffff;
}

.funds-name-calc-selected {
    padding: 20px 20px 0px 0px;
}

.funds-desc-calc-form hr {
    width: 80%;
}




.select-option {
    position: relative;
}

    .select-option::before {
        /*content: '\25BC';
        position: absolute;
        right: 0;
        padding: 0 5px;
        background: #34495E;
        pointer-events: none;
        color: #666;
        height: 0;
        top: 0.;*/
    }

#select-scheme option {
    /*color: #231f20;*/
}

.funds-desc-option-select-Debt {
    /*background-image: url('images/Debt.png');*/
    background-repeat: no-repeat;
    height: 130px;
    background-color: #ffffff;
}

.funds-desc-option-select-Gold {
    /*background-image: url('images/gold.png');*/
    background-repeat: no-repeat;
    height: 130px;
    background-color: #ffffff;
}

.funds-desc-option-select-MultiAsset {
    /*background-image: url('images/multiasset.png');*/
    background-repeat: no-repeat;
    height: 130px;
    background-color: #ffffff;
}

.funds-desc-option-selected {
    height: 130px !important;
}


.funds-desc-calc-form {
    background-color: rgb(0, 172, 237);
    display: block;
    width: 100%;
    /*height: auto;*/
    margin-top: 25px;
    margin-bottom: 25px;
}

    .funds-desc-calc-form > ul > li {
        display: block;
        width: 100%;
        padding: 15px 0px;
    }

    .funds-desc-calc-form p {
        padding: 0;
        margin: 0;
    }

    .funds-desc-calc-form > ul > li:first-child {
        color: #ffffff;
        font-size: 1.2em;
    }

    .funds-desc-calc-form > ul > li:nth-child(2) {
        color: #ffffff;
        font-size: 1.3em;
        padding: 0;
        float: left;
    }


    .funds-desc-calc-form > ul > li:nth-child(3) {
        color: #158fe6;
        font-size: 1.5em;
        font-weight: bold;
    }

    .funds-desc-calc-form h4 {
        color: #ffffff;
        text-align: left;
        padding: 20px 0px;
        font-size: 1.2em;
        font-weight: normal;
        display: block;
        margin: 0;
    }

        .funds-desc-calc-form h4 sup {
            font-size: 0.5em;
        }

    .funds-desc-calc-form a {
        font-size: 0.75em;
        line-height: 2;
        text-align: left;
        display: block;
        margin: auto;
        font-weight: bold;
        color: #ffffff;
    }

input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    width: 100%;
    margin: auto;
    display: block;
    /*overflow: hidden;*/
    height: 10px;
    background-color: #ccc;
    border-radius: 5px;
}


    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        width: 15px;
        height: 15px;
        background: #06c;
        cursor: pointer;
        border-radius: 10px;
        /*box-shadow: -100vw 0 0 100vw #264ca9;*/
    }

    input[type=range]::-moz-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        width: 15px;
        height: 15px;
        background: #06c;
        cursor: pointer;
        border-radius: 10px;
        /*box-shadow: -100vw 0 0 100vw #264ca9;*/
    }

    input[type=range]::-moz-range-thumb {
        width: 15px;
        height: 15px;
        background: #06c;
        cursor: pointer;
        border-radius: 10px;
        /*box-shadow: -100vw 0 0 100vw #264ca9;*/
    }

    input[type=range]::-webkit-range-thumb {
        width: 15px;
        height: 15px;
        background: #06c;
        cursor: pointer;
        border-radius: 10px;
        /*box-shadow: -100vw 0 0 100vw #264ca9;*/
    }

.tab-content table td {
    font-size: 0.8em;
}

    .tab-content table td h4 {
        font-family: Calibri;
    }


.tab-content table td, th {
    text-align: left;
    padding: 5px 10px;
}

    .tab-content table td:last-child, th:last-child {
        text-align: center;
    }


#dvWhyQunt ul {
    padding-left: 35px;
}

#invEdu ol li {
    list-style-type: decimal;
}

#bnrBtmHdrtxt {
    font-size: 13pt;
    font-weight: 600;
    position: relative;
    top: 105px;
    left: 50px;
}

#dvbanner {
    background: url('/Campaign/Quantum/Images/Header_ieSip1.jpg') no-repeat;
    height: 300px;
}

#dvbannerEsg {
    background: url('/Campaign/Quantum/Images/Header_EsgFund.jpg') no-repeat;
    height: 300px;
}


#dvbannerAstAll {
    background: url('https://www.quantumamc.com/Investor-Awareness/Landing-page/Asset-Allocation/Header banner-1440x300.jpg') no-repeat;
    height: 300px;
}

#dvbannerQntAstAll {
    background: url('https://www.quantumamc.com/Landing-page/Asset-Allocation/header-banner-1440x300.jpg') no-repeat;
    height: 300px;
}



.clsDwnGdMob {
    display: none;
    text-align: center;
    width: 100%;
}


    .clsDwnGdMob a {
        background-color: #1aaf00;
        cursor: default;
        text-decoration: none;
        border: 0 none;
        color: #fff;
        font-family: inherit;
        font-size: 0.9em;
        font-weight: bold;
        letter-spacing: 0.1em;
        padding: 10px 15px 10px 15px;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
        text-transform: uppercase;
        height: 20px;
    }

.promo-cont-hdg-Esg {
    padding-left: 0px;
    color: black;
    font-size: 35px;
    text-align: left;
    font-weight: 600;
    letter-spacing: 0.0em;
    line-height: 30px;
    padding: 16px 0px 0px 40px;
    width: 40%;
}

.promo-cont-hdg-QntAstAll {
    padding-left: 0px;
    color: black;
    text-align: left;
    font-weight: 600;
    letter-spacing: 0.0em;
    line-height: 30px;
    font-size: 50px;
    padding: 43px 0px 0px 50px;
    width: 40%;
}

#bnrBtmHdrtxtEsg {
    font-size: 12pt;
    font-weight: 600;
    position: relative;
    top: 175px;
    left: 50px;
}

#dvbannerQntAstAll #bnrBtmHdrtxtEsg {
    top: 150px;
    color: #fff;
}

#bnrBtmHdrtxtQntAstAll {
    font-size: 12pt;
    font-weight: 600;
    position: relative;
    left: 50px;
    top: 150px;
    color: #fff;
}

#bnrBtmHdrtxtAstAll {
    font-size: 12pt;
    font-weight: 600;
    position: relative;
    top: 160px;
    left: 50px;
}

#esgGraph {
    background-color: #ffffff;
    padding: 10px 10px;
}

    #esgGraph img {
        background-color: #ffffff;
        width: 100%;
        border-radius: 10px;
    }

.manualBullet {
    margin: 10px 0;
}

    .manualBullet ul li {
        margin-bottom: 10px;
        background: url(/Campaign/Quantum/Images/bullets.jpg) no-repeat 0 0;
        padding-left: 40px;
    }


.tilesDiv {
    width: 30%;
    display: inline-block;
    border: 1px solid #00abec;
    height: 300px;
    padding: 10px 10px;
    margin: 5px;
    box-sizing: border-box;
    text-align: left;
    border-radius: 10px;
    background-color: #f1faff;
}

.dvBlueThickUnderline {
    height: 7px;
    background-color: #00abec;
    width: 50%;
    display: block;
    border-radius: 5px;
    margin: 10px 0px;
}

.tilesBlueText {
    color: #000000;
    font-size: 18px;
}

.tilesDetailText {
    font-style: italic;
    font-size: 12pt;
}

#allocImg img {
    width: 140%;
    position: relative;
    left: -173px;
    z-index: 0;
}


.threeColParent {
    background-color: #f1faff;
    position: relative;
    width: 150%;
    left: -150px;
    padding: 15px 180px;
    text-align: left;
}

.threeCol {
    width: 20%;
    display: inline-block;
    text-align: left;
    margin-top: 45px;
}

    .threeCol img {
        height: 170px;
    }

    .threeCol div:nth-child(2) {
        font-size: 14pt;
        font-weight: 600;
        width: 80%;
        padding-left: 25px;
    }

        .threeCol div:nth-child(2) span {
            font-size: 11pt;
            display: block;
            text-decoration: underline;
            color: #3dbff1;
        }
        .threeCol div:nth-child(2) span a{
            color: #3dbff1;
        }

.fourCol {
    width: 21%;
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    box-sizing: border-box;
}

    .fourCol img {
        height: 120px;
    }

    .fourCol div:nth-child(2) {
        font-size: 13pt;
        font-weight: 600;
    }

.midSeperator {
    display: inline-block;
    width: 21px;
    height: 275px;
    background: url("https://www.quantumamc.com/Landing-page/Asset-Allocation/seperator-line.png") no-repeat;
    background-size: 13px 205px;
    background-position: center center;
}
/*Media Query*/







@media (max-width: 479px) {

    .sipWrapper .bnr-inr {
    position: absolute;
    margin-top: 11%;
    bottom: 0;
    top: 0;
    left: 19px;
    width: 80%;
    right: 0;
}

    .sipWrapper #bnr-sc h1 {
    color: #fff;
    line-height: 41px;
    font-size: 29px;
}

    .outer-wrap {
        width: 100% !important;
    }

    .top-banner {
        height: 500px !important;
    }

    .main-wrap_New {
        display: block;
        width: 100% !important;
    }

    .div.col-1 {
        display: block;
        width: 100% !important;
    }

    div.col-1 {
        width: 100%;
        display: block;
    }

    .logo {
        display: block;
        margin: auto;
    }

    #T1_BannerWrap_2 {
        height: 228px !important;
    }

    div.col-2 {
        display: block;
        float: none;
        position: relative;
        min-height: 80px !important;
        width: 100%;
    }

    .button {
        margin: auto !important;
        width: 50%;
        font-size: 15px !important;
        display: block !important;
    }

    .nl-form-wrap {
        padding: 20px 5px;
    }

    .content-wrap {
        padding: 10px 5px;
    }

        .content-wrap h2 {
            text-align: justify;
        }

    .maindivBox .DivBox {
        display: block;
        width: 100% !important;
        padding: 0px !important;
    }


    .maindivBox .leftDiv, .rightDiv {
        display: block;
        width: 100% !important;
        padding: 0px !important;
    }

    .half {
        padding: 0px !important;
    }

    .main-wrap {
        display: block;
        width: 100% !important;
    }


    .contacts-list li {
        padding: 12px 15px 12px 30px !important;
    }

    .banner-wrap .cont-row1 {
        display: block !important;
    }

    .banner-wrap * {
        display: block !important;
        margin: auto;
    }

    .promo-cont-hdg {
        padding: 30px 0px;
    }

    .footer .main-wrap div {
        padding: 0px 5px;
    }

    .form input[type="text"] {
        width: 100%;
          
    }
}

/***************************************************************/

.maindivBox {
    overflow: hidden;
    width: 100%;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    border: 0;
    position: relative;
}

/* .maindivBox img{
    box-shadow: 10px 10px 5px gray;
} */

.maindivBox {
    text-align: center;
    padding: 1px;
    padding-bottom: 10px;
}

    .maindivBox .leftDiv, .rightDiv {
        display: inline-block;
        width: 45%;
    }

.leftDiv {
    margin-left: 1px;
    float: left;
}

.rightDiv {
    margin-right: 1px;
    float: right;
}

.maindivBox div p {
    /*padding: 0px 5px;*/
}

.leftDiv, .rightDiv {
    font-size: 12pt;
    letter-spacing: 0.05em;
    padding: 10px;
    /*text-align: justify;*/
    /*background-color: rgba(255, 255, 255, 1);*/
    /* box-shadow: 0 0 4px #c8e0e7; */
    /*min-height: 150px;*/
    padding-bottom: 10px;
}

.onestRow {
    min-height: 230px;
}

.firstRow {
    min-height: 170px;
}

.secondRow {
    min-height: 190px;
}

.thirdRow {
    min-height: 120px;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-radius: 7px;
}

    .active, .accordion:hover {
        background-color: #00afef;
    }

.panel {
    display: none;
    background-color: white;
    overflow: hidden;
}







h1 {
    text-align: left;
}
/*.content-wrap .wrapper{
    margin-left:-20%;
}*/
.half {
    padding: 0 1em;
}
/* Acordeon styles */
.tab {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    /*color: #fff;*/
    overflow: hidden;
    border-radius: 2px;
}

    .tab input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }



    .active, .tab label:hover {

        color: #000000;
    }

.blue label {
    background: #2980b9;
}



.tab label {
    position: relative;
    display: block;
    padding: 15px 0;
    background: #ffffff;
    line-height: 1;
    cursor: pointer;
    font-family: Calibri;
}
.tab-content {
    max-height: 0;
    /* background: #00afef; */
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
    font-size: 0.7em;
    font-size: 20px;
    padding-top: 20px;
    color: #fff;
}

.blue .tab-content {
    background: #3498db;
}

.tab-content p {
    margin: 1em;
    font-size: 0.8em;
}
/* :checked */
.tab input:checked ~ .tab-content {
    max-height: 100vh;
}
/* Icon */
.tab label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 2;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}

.tab input[type=checkbox] + label::after {
    content: "+";
}

.tab input[type=radio] + label::after {
    content: "\25BC";
}

.tab input[type=checkbox]:checked + label::after {
    transform: rotate(315deg);
}

.tab input[type=radio]:checked + label::after {
    transform: rotateX(180deg);
}

.sipBenefits table tr td {
    padding: 12px 17px;
    margin: 1px;
    text-align: center;
    font-weight: 600;
    font-size: 13pt;
    width: 25%;
}


.sipBenefits h2 {
    margin-top: 20px;
    font-size: 15pt;
}

.prLabel img {
    width: 100%;
}

.clearfix {
    clear: both;
}

#fundSelect {
    background-color: #ffffff;
    padding: 15px 25px;
    margin: 20px 35px;
}

    #fundSelect select {
        color: #666;
        font-family: Calibri;
        font-size: 1em;
        border: none;
        background-color: #d6d6d6;
        padding: 5px;
    }

   .sipWrapper .increaseAmount {
    float: left;
    text-align: right;
}

#rngSchemeAmount {
    display: inline-block;
    width: 100%;
}
#timeFrame {
    display: inline-block;
    width: 100%;
}


#amt {
    text-align:right;
    margin-right: 10px;
    
}

.riskText {
    background-color: #eee;
    position: relative;
    bottom: 4px;
}

.rgt-border {
    color: #fff;
    font-weight: 500;
}

    .rgt-border a {
        color: #fff;
        font-weight: 500;
    }

.social-media {
    text-align: center;
}

    .social-media div {
        margin: 0 auto;
        text-align: center;
    }

    .social-media ul li {
        display: inline-block;
    }

.soc-icon {
    display: inline-block;
    margin: 0 auto;
}

#asset-allo-sc ul { padding-top:40px;}

#asset-allo-sc ul li {

    list-style: outside none none;
    width: 33%;
    /* float: left; */
    text-align: center;
    display: inline-block;
}
.how-asset-location{

    display:block; text-align:center; width:100%; margin:0 auto;

}


@media screen and (min-width :1336px) and (max-width :3000px) {
   
.main-area {width:1060px; margin:0 auto; padding:0;}
.container { margin:0 auto;  max-width:1280px; padding:0;}
.fundsnapshotMiddle {
    max-width: 1024px;
    margin: 0 auto;
}



}

@media screen and (min-width :1024px) and (max-width :1300px) {
.fundsnapshotMiddle { max-width:1024px; margin:0 auto; }
}


@media screen and (min-width : 1101px) and (max-width :1200px) {
   
.main-area {width:1060px; margin:0 auto; padding:0;}



}
@media screen and (min-width :980px) and (max-width :1024px) {
       .container {
    margin: 0 auto;
    max-width: 980px !important;
}

}

   
@media screen and (min-width : 970px) and (max-width :1100px) {
  
.main-area {width:950px; margin:0 auto; padding:0;}


}
   
@media screen and (min-width : 768px) and (max-width : 970px) {
   
.main-area {width:748px; margin:0 auto; padding:0;}


}
 
@media screen and (min-width : 640px) and (max-width: 767px) {
   
.main-area {width:620px; margin:0 auto; padding:0;}


}


@media screen and (min-width : 480px) and (max-width: 639px) {
   
.main-area {width:450px; margin:0 auto; padding:0;}    


}




@media screen and (min-width : 320px) and (max-width: 359px) {
     
.main-area {width:300px; margin:0 auto; padding:0;}


}


  /* @media screen and (min-width :240px) and (max-width: 319px) {
    .main-area {width:98%;}
   
}*/
@media (min-width:992px) and (max-width:1199px){
   ul.hdr-nv li{font-size: 15px;}
   ul.invst-itms li h4{font-size: 19px; min-height: 68px; padding: 4px 7px;}
   .equity-img-sc .col-sm-5 img{width: 65%;}
   #safe-br p {
    width: calc(100% - 76px);
    float: right; font-size: 16px;}
    .fnd-frm{width: 90%;}
    ul.why-qntm-lst li h4{font-size: 17px !important;}
    ul.invst-itms li span:after{bottom: -16px;}
    .riskometer-sc{margin: 30px 0;}
}

@media (min-width:769px) and (max-width:991px){
   .riskometer-sc{margin: 30px 0;}
   ul.hdr-nv li{font-size: 17px;}
   ul.invst-itms li h4{font-size: 20px; padding: 0; min-height: 48px;}
   .equity-img-sc .col-sm-5 img{width: 65%;}
   ul.invst-itms li{width: 48%; margin: 1%; padding: 7px;}
   ul.our-fnds-itms li{width: 33%; margin: 1% 0;}
   .riskometer-lft-sc, .riskometer-rt-sc{width: 100%; margin: 1% 0;}
   ul.why-qntm-lst li:after {right: -10px; top: -12px;}
   ul.why-qntm-lst li h4{font-size: 18px !important;}
   ul.why-qntm-lst li:nth-child(2n+2):after{display: none;}
   header{margin-top: 0px;}
   #nav-sc{margin-top: 0px;}
   .logo-hldr{width: 30%important;}
   .main-nav-main{width: 70%; height: 60px;}
   .navbar { display: block; margin-top: 13px;}
   button.navbar-toggler {float: right; background: #ffffffba;}
   .container{width: 90%;}
   .navbar-light .navbar-toggler{border:none;}

   div#navbarSupportedContent { float: left;width: 100%;margin: 0;padding: 0; background: #2a2a8c;}
   ul.hdr-nv{margin-top: 0;}
   ul.hdr-nv li a{border-radius: 0px; float: left; width: 100%; margin:0;}
   button:focus { outline: none;}
   .bnr-inr{width: 100%; max-width: 100%;}
   #bnr-sc h1{font-size: 34px;}
   .frm-hldr{margin-top: -100px;}
   header{background-size: cover; min-height: 250px;}
   #bnr-sc{padding: 17% 0;}
   section#optiml-asst-sc .bkg-wht{padding-bottom: 30px;}
   .equity-img-sc .col-sm-7:after{left: 0%;}
   #safe-br p {
    width: calc(100% - 100px);
    float: right;}
    ul.our-fnds-itms li h4{padding: 0 30px 14px 0; font-size: 20px !important;}
    .fnd-frm{width: 100%;}
    ul.invst-itms li span:after{bottom: -15px;}
    ul.socl-itms{padding: 0;}
    .riskometer-rt-sc{position: relative; top: 0; transform:translateY(-10%);}
    #safe-br img{top: -22px;}
}
@media only screen and (max-width: 1366px) {

    #invest-button-footer .blue-btn {
        margin: 3% auto auto auto;
        padding: 11px 25px;
        display: table;
        color: #fff;
        box-shadow: #2e318d 0px 5px 12px;
        font-size: 18px;
        background: #2e318d;
        border-radius: 7px;
        border: none;
        text-transform: uppercase;
        transition: all 1s;
        font-weight: 600;
        width: 167px;
        text-align: center;
        display: block;
    }
}
@media only screen and (max-width: 1280px) {
.sipWrapper {
    margin: 0 auto;
    max-width: 1200px !important;
}
#fund-manager {
    margin: 0;
    padding: 5% 20px;
    float: left;
    width: 100%;
    background: #edf6fb;
}
}

@media only screen and (max-width: 1024px) {

    section#invest-education {
    margin: 0;
    padding: 2% 15px 3% 15px;
    float: left;
    width: 100%;
    background: #fff;
}
#invest-education ul li {
    font-size: 15px;
    color: #666;
    line-height: 27px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding-top: 12px;
}
    .sipWrapper {
    margin: 0 auto;
    max-width: 980px ;
}
    ul.why-qutm-List li {
    display: inline-block;
    text-align: center;
    /* font-size: 20px; */
    padding: 31px 15px;
    width: 30%;
    border: 2px solid #b2b2b2;
    margin: 0px 0px 0px 0px;
}
    .why-quantum .why-qutm-List .invst-icn {
    background: #e0f2ff;
    display: block;
    position: relative;
    width: 317px;
    left: -28px;
    /* width: 100%; */
    padding: 20px 0px 20px 20px;
}
    ul.why-qutm-List {
    padding: 40px 20px 0px 20px;
    margin: 0px;
}
    
#fund-performance-invest .qlteve-text-mobile { display: block !important;}
 #fund-performance-invest .quantum-mobile-none-text {
        display: none !important;
    }
 #fund-performance-invest .found-quantum-long ul p:nth-child(1) {
    text-align: left;
    font-size: 14px;
    padding-left: 40px;
}
 #fund-manager {
    margin: 0;
    padding: 5% 20px;
    
    float: left;
    width: 100%;
    background: #edf6fb;
}
 .sipWrapper section#our-fnds-prfrmnce-sc {
    margin: 0;
    padding: 5% 20px 0;
    float: left;
    width: 100%;
    background: #fff;
}
 #fund-performance-invest .found-quantum-long ul li p {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 14px;
}
 .longterntext {
    position: absolute;
    top: 18px;
    left: 12px;
    text-align: center;
    right: 0;
    width: 189px;
}
 .longterntextright {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 20px;
    text-align: center;
    top: 108px;
    width: 117px;
    margin: 0 auto;
}
 .bnr-inr {
    max-width: 81%;
}
 .sipWrapper .bnr-inr {
    position: absolute;
    margin-top: 21%;
    bottom: 0;
    top: 0;
}
 


}
@media only screen and (max-width: 768px) {

    
/*Ds-3055 closed*/
    .heading12-20-80 {
  font-size: 22px !important;
}
   .firstStep {
  background: url("/Campaign/Quantum/Images/icon-bg-12-20-80.png") no-repeat;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  height: auto;
  width: 100%;
  background-size: 100%;
  float: none;
  padding: 6px 10px 0px 20px;
  margin-right: 17px;
  margin-bottom: 20px;
}
   .SecondStep {
  background: url("/Campaign/Quantum/Images/icon-bg-12-20-80.png") no-repeat;
    background-size: auto;
  background-size: auto;
  height: auto;
  width: 100%;
  background-size: 100%;
  float: left; margin-bottom:20px;
  padding: 6px 10px 0px 20px;
  margin-left: 0;
}
.full-width-growth {
  background: #ecf4fb;
    background-image: none;
    background-size: auto;
  background-image: none;
  background-size: auto;
  border-radius: 5px;
  height: 100%;
  width: 100%;
  padding: 6px 2px 0px 10px;
    padding-bottom: 0px;
  background-size: 100%;
  overflow: hidden;
  padding-bottom: 20px;
}

    .firstStep img{ width:60px; }
    .SecondStep img {width:60px;
    }
    .SecondStep p {
  color: #455a64;
  line-height: 18px;
  font-size: 14px;
  font-weight: 500;
}
    .SecondStep h1 {
  color: #0353b4;
  font-size: 20px;
  padding: 6px 0px 3px 0px;
  line-height: 24px;
}
    .firstStep h1 {
  color: #0353b4;
  font-size: 20px;
  padding: 2px 0px 3px 0px;
  line-height: 33px;
}
    .firstStep p {
  color: #455a64;
  line-height: 18px;
  font-size: 14px;
  font-weight: 500;
}
    .full-width-growth .growthstepOne {
  width: 100%;
  border-right: 0;
  float: left;
}
    .full-width-growth .growthstepOne h1 {
  color: #0353b4;
  font-size: 20px;
  padding: 11px 0px 14px 0px;
  line-height: 9px;
}
    .full-width-growth .growthstepTwo {
  width: 100%;
  float: left;
  padding-left: 0;
}
    .full-width-growth .growthstepOne p {
  color: #455a64;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
}
    .growthstepTwo .senventyPercent {
  color: #455a64;
  padding-bottom: 20px;
  padding-top: 0px;
  line-height: 17px;
  font-size: 16px;
  font-weight: 500;
}

    .growthstepTwo .fifeenPercentfund {
  color: #455a64;
  padding-bottom: 20px;
  padding-top: 20px;
  line-height: 16px;
  font-size: 16px;
  font-weight: 500;
}
    .growthstepTwo .fifteenPercent {
  color: #455a64;
  padding-bottom: 20px;
  padding-top: 20px;
  line-height: 18px;
  font-size: 16px;
  font-weight: 500;
}
    
    .suggestedFund { margin-top:20px;}

    .rowtable {
  display: block;
}
    .mobileNone { border-radius:0px;}
    .mobileNoneradius { border-bottom-left-radius: 25px;}

    .fnd-frm h5{font-size: 16px; font-weight: 500; padding: 0px 0 0;   margin-bottom: 20px; }
    
    .PRC {
        padding: 20px 6px 0px 0px;
    }
    .heading {
  text-align: center;
  color: #02428f;
  font-size: 19px;
  font-weight: 400;
  padding-bottom: 15px;
  padding-top: 20px;
}
   ul.invst-itms li{width: 48%; margin: 1%; padding: 7px;}
   ul.our-fnds-itms li{width: 100%; margin: 1% 0;}
   .riskometer-lft-sc, .riskometer-rt-sc{width: 100%; margin: 1% 0;}
   ul.why-qntm-lst li:after {right: -10px; top: -30px;}
   ul.why-qntm-lst li h4{font-size: 18px !important;}
   ul.why-qntm-lst li{min-height: 255px;}
   ul.why-qntm-lst li:nth-child(2n+2):after{display: none;}
   header{margin-top: 100px;}
   #nav-sc{margin-top: 0px;}
   .logo-hldr{width: 30%;}
   .main-nav-main{width: 70%; height: 60px;}
   .navbar { display: block; margin-top: 13px;}
   button.navbar-toggler {float: right;}
   .container{width: 90%;}
   .navbar-light .navbar-toggler{border:none;}

   div#navbarSupportedContent { float: left;width: 100%;margin: 0;padding: 0; background: #0353b4;}
   ul.hdr-nv{margin-top: 0;}
   ul.hdr-nv li a{border-radius: 0px; float: left; width: 100%; margin:0;}
   button:focus { outline: none;}
.bnr-inr {
    width: 94%;
    max-width: 100%;
}
   .bannerTextmain {
    font-weight: normal;
    display: block;
    font-size: 32px;
    color: #2e3191;
    line-height: 38px;
    font-style: italic;
}
   #bnr-sc h1{font-size: 34px;}
   .frm-hldr{margin-top: -40px;}
   header{background-size: cover; min-height: 250px;}
 #bnr-sc {
    padding: 6% 0% 40% 0;
}
   h4{font-size: 20px;}
   .inr-allo-sc{max-width: 100%;}
   h2{font-size: 22px;}
   section#asset-allo-sc p{font-size: 18px;}
   ul.invst-itms li h4 {font-size: 16px; padding: 10px 4px;}
   #invst-sc ul.invst-itms li{min-height: 168px;}
   section#optiml-asst-sc h4.txt-center { font-size: 28px;     padding-bottom: 40px;}
   ul.optiml-lst{margin: 0;}
   ul.optiml-lst li .sldr-itm{width: 100%; margin: 2px 0; padding: 25px 35px; background: #e6f8ff; min-height: 1px;}
   /*ul.optiml-lst{max-width: 100%;}
   ul.optiml-lst li:nth-child(3n+1) h4{background: url(/Campaign/Quantum/Images/solution-icon1-hvr.png) no-repeat scroll top left; color: #fff; font-size: 22px;}
   ul.optiml-lst li:nth-child(3n+2) h4{background: url(/Campaign/Quantum/Images/solution-icon2-hvr.png) no-repeat scroll top left; color: #fff; font-size: 22px;}
   ul.optiml-lst li:nth-child(3n+3) h4{background: url(/Campaign/Quantum/Images/solution-icon3-hvr.png) no-repeat scroll top left; color: #fff; font-size: 22px;}*/
   ul.optiml-lst li p, ul.optiml-lst li h4{color: #000;}
     /*ul.optiml-lst li h4:after{background: #fff !important;}*/
   section#optiml-asst-sc .bkg-wht { padding-bottom: 30px;}
   #safe-br img{top: -25px;}
   #safe-br p { width: calc(100% - 88px); float: right;}
   section#our-fnds-sc h4{font-size: 22px;}
   ul.our-fnds-itms li { width: 48%; margin: 1%; text-align: center;}
   ul.our-fnds-itms li span { margin: 0 auto 12px; float: none; display: inline-block;}
   ul.our-fnds-itms li h4 { padding: 10px 0; font-size: 18px !important;min-height: 77px;}
   h3{font-size: 23px;}
   .fnds-cont-prt{}
   .fnd-frm{width: 100%; margin-top:25px; padding: 15px;}
   .fnl-txt{font-size: 16px;}
   .riskometer-sc{margin: 20px 0;}
   .riskometer-rt-sc{position: relative; top: initial; transform: initial; border-top: 1px solid rgba(0,0,0,0.2);}
   ul.why-qntm-lst li:nth-child(4n+3), ul.why-qntm-lst li:nth-child(4n+4){min-height: 1px;}
   p{font-size: 15px;}
   #ftr-element .col-sm-4 h4{text-align: left; padding-top: 25px;}
   ul.socl-itms{float: left; margin: 0; padding: 0;}
   .equity-img-sc .col-sm-5{margin-bottom: 0px;}
   .equity-img-sc .col-sm-7:after {transform: rotate(0deg); left: -270px; right: 0; margin: 0 auto; top: 74px;}
   .equity-img-sc .col-sm-7 img{width: 100%;}
   .equity-img-sc{max-width: 100%;}
   .dsk-tp-only{display: block;}
   .mobile-only{display: none;}
   .fnds-cont-prt.mobile-only{margin-top:25px; float: left;}
   .invstr-txt{font-weight: bold; border-bottom: 1px solid rgba(0,0,0,0.7); margin-bottom: 15px;}
   .optiml-lst{min-height: 1px;}
   .lSAction > .lSPrev{left:3px !important;}
   .lSAction > .lSNext{right:3px !important;}
   ul.optiml-lst li{margin-right: 6px !important;}
   .equity-img-sc .col-sm-5 img{width: 65%;}
   ul.socl-itms li a{width: 28px; height: 28px; line-height: 28px; font-size: 16px;
    margin: 0 2px;}
     .logo-hldr img {
    width: 70px;
    height: auto;
}
.sipWrapper .frm-hldr {
    margin: 40px 0 0 0;
    padding: 20px 20px 60px 20px;
    float: left;
    width: 100%;
    z-index: 9;
    position: relative;
    background: #fff;
    box-shadow: none;
    border-radius: 10px;
}
.sipWrapper {
    margin: 0 auto;
    max-width: 728px !important;
}

     #fund-performance-invest .found-quantum-long ul li span {
    text-align: center;
    display: block;
    float: left;
    width: 25%;
    font-size: 15px;
    vertical-align: middle;
    color: #00aeef;
    padding-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

/*IAP asset allocation tab*/

section#test-yourself {
    margin: 0;
    padding: 5% 2% 20% 0;
    float: left;
    width: 100%;
    background: #0353b4;
}

#invest-button-fund .yourSelf .blue-btn{
       margin: 5% auto 20px auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: #0353b4 0px 5px 12px;
    font-size: 18px;
    background: #0353b4;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 210px;
    text-align: center;
    display: block;
}
section#our-fnds-sc h4 {
    margin-bottom: 0px;
    line-height: 27px;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
}

 header{ padding: 0; float: left; width: 100%; background:  url(/Campaign/Quantum/Images/Header-Banner-01.png) no-repeat scroll top center;  background-position: 0px 0px; background-size: 100%; transition: all 1s;}


#asset-allo-sc .askyourSelfCenterCater {
    float: none;
    position: relative;
    margin-top: 0px;
    /* right: 0; */
}
#asset-allo-sc .askyourSelfCenterOffer {
    float: left;
    margin: 0 auto;
    width: 56%;
}
#asset-allo-sc p.assetAllocationFoot {
    padding-top: 40px;
    display: block;
    font-weight: normal;
    font-size: 16px;
    font-weight: 500;
}
section#invest-education {
    margin: 0;
    padding: 2% 15px 3% 15px;
    float: left;
    width: 100%;
    background: #fff;
}
#invest-education ul li {
    font-size: 15px;
    color: #666;
    line-height: 27px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding-top: 12px;
}
 #asset-allo-sc ul li {
    list-style: outside none none;
    width: 32%;
    /* float: left; */
    text-align: center;
    display: inline-block;
}
.fixed  ul.hdr-nv li a{ color:#fff;
}
 ul.hdr-nv li a{ color:#fff;
}

 
 .longTermtextImg { position: relative;}
.longterntext {    position: absolute;
    top: 19px;
    left: -20%;
    text-align: center;
    right: 0;
    width: 178px;
    margin: 0 auto;}
.longterntext h1{ text-align:center; font-size:18px; margin-bottom:0px !important;}
.longterntextright h1{ text-align:center; font-size:18px;  margin-bottom:0px !important;}
.navdetails { font-size:32px; font-weight:bold; color:#00aeef; line-height:39px;   }
.quantum-long .invest-heading {
    font-size: 24px !important;
    padding-bottom: 20px;
    padding-top: 40px;
}
.textPer { color:#666666; font-size:16px;}


.longterntextright { position: absolute;
    top: 0px;
    right: 0px;
    left: 151px;
    text-align: center;
    top: 121px;
    width: 117px;
    margin: 0 auto;}
.longTermtextImg {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}
.callaRepresentativeSip {
    background: #2e318d;
    cursor: default;
    text-decoration: none;
    border: 0 none;
    box-shadow: #2e318d 0px 5px 12px;
    color: #fff;
    margin-top: 20px;
    font-family: inherit;
    font-size: 18px;
    font-weight: bold;
    float: none;
    padding: 7px ​15px 6px 15px;
    text-transform: uppercase;
    height: 43px;
    display: none;
    width: 183px;
    margin:20px auto 0px auto;
}
   .sipWrapper ul.hdr-nv li a {
    font-weight: bold;
    border-radius: 5px;
    margin: 0 1px;
    padding: 5px 15px;
    transition: all 1s;
    position: relative;
    float: left;
    z-index: 9;
    color: #fff;
    overflow: hidden;
}

    .instyleimg img { width:70%; }
.sipWrapper {
    margin: 0 auto;
    max-width: 100%;
}

.sipWrapper .bnr-inr {
    position: absolute;
    margin-top: 15%;
    bottom: 0;
    top: 0;
    LEFT: 0;
    padding-left: 39px;
}
.sipWrapper section#our-fnds-prfrmnce-sc {
    margin: 0;
    padding: 5% 20px 20px;
    float: left;
    width: 100%;
    background: #fff;
}
section#mutual-fund-calculator {
    margin: 0 15px;
    padding: 5% 0 0;
    float: left;
    width: 95%;
    background: #fff;
}
.assetalocator-content p {
    padding-top: 20px;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
}
.sipWrapper ul.our-fnds-itms li h4 {
    line-height: 30px;
    clear: both;
    font-weight: 600;
    padding: 0 9% 9px;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-align: center;
}
.why-quantum .why-qutm-List .invst-icn {
    background: #e0f2ff;
    display: block;
    position: relative;
    width: 232px;
    left: -21px;
    /* width: 100%; */
    padding: 20px 0px 20px 20px;
}
.sipWrapper ul.our-fnds-itms li span {
    height: 110px;
    width: 110px;
    line-height: 86px;
    border-radius: 50%;
    box-shadow: 0 11px 15px #5ab5d6;
    text-align: center;
    transition: all 1s;
    margin: 0 auto 25px;
    background: #fff;
    display: table;
}
#fund-manager {
    margin: 0;
    padding: 5% 20px;
    float: left;
    width: 100%;
    background: #edf6fb;
}

#fund-performance-invest .qlteve-text-mobile { display: block !important;}
 #fund-performance-invest .quantum-mobile-none-text {
        display: none !important;
    }
 .sipWrapper .riskometer-sc {
    margin: 4% 20px 20px 20px;
    padding: 0;
    float: left;
    width: 95%;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 15px;
    position: relative;
}
 #invest-button-footer .blue-btn {
    margin: 3% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: #2e318d 0px 5px 12px;
    font-size: 18px;
    background: #2e318d;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 22%;
    text-align: center;
    display: block;
}
 #fund-manager .blue-btn {
    margin: 3% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: #2e318d 0px 5px 12px;
    font-size: 18px;
    background: #2e318d;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 22%;
    text-align: center;
    display: block;
}
#fund-manager .fund-features ul li h3 {
    color: #00aeef;
    padding-bottom: 3px;
    font-size: 20px;
    font-weight: normal;
}
#fund-manager .foundcontent ul li h3 {
    color: #00aeef;
    padding-bottom: 0px;
    font-size: 20px;
    font-weight: normal;
}
#fund-manager .fund-features ul li {
    padding: 20px 0px 0px 0px;
    min-height: 197px;
    border-bottom: 1px solid #455a64;
}
ul.why-qutm-List li:last-child {
    margin: 0px 0px 0px 0px;
}
ul.why-qutm-List li:first-child {
    margin: 0px 0px 0px 0px;

}
ul.why-qutm-List li {
    display: inline-block;
    text-align: center;
    /* font-size: 20px; */
    padding: 31px 10px;
    width: 31%;
    border: 2px solid #b2b2b2;
    margin: 0px 20px 0px 20px;
}
.sipWrapper #bnr-sc {
    margin: 0;
    padding: 37% 0px 27% 0%;
    float: left;
    width: 100%;
}
.sipWrapper .benefitsFonts {
    font-size: 28px !important;
}
.quantum-long {
    padding: 3% 20px 4% 20px !important;
    clear: both;
}
.quantum-long .beanch-mark {
    background: #f1f2f2;
    border-top: 2px solid #455a64;
    border-bottom: 2px solid #455a64;
    text-align: center;
    padding: 10% 40px 10% 40px;
    width: 90%;
    float: none;
    margin: 0 auto;
}
.quantum-long .beanch-mark h2 {
    font-size: 24px;
}
.quantum-long .beanch-mark p {
    padding-top: 8px;
    color: #666666;
    font-size: 18px;
    line-height: 23px;
}
.quantum-long .invest-heading {
    font-size: 18px;
    padding-bottom: 20px;
}
.quantum-long .sipWrapper .blue-btn {
    margin: 3% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: #2e318d 0px 5px 12px;
    font-size: 18px;
    background: #2e318d;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 22%;
    text-align: center;
    display: block;
}
.why-quantum {
    padding: 6% 15px 4% 15px !important;
    clear: both;
}
    .assetalocator-content .inr-allo-sc h2 { font-size:28px;}
    .whyheading {
    margin-bottom: 0px;
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #000;
}
    .quantum-long .quantum-long-heading {
margin-bottom: 0px;
    line-height: 40px;
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #000;
}

.sipWrapper #bnr-sc h1 {
    color: #2e3191;
    line-height: 50px;
}
    section .asset-allo-bg {
        margin: 0px 0;
        padding: 0% 0;
        float: left;
        height: 130px;
    }
    ul.table-fund-performance-details { padding:0px 15px; }
ul.table-fund-performance-details li { padding:0px; font-size:16px; color:#666; line-height:28px; }
#fund-performance-invest .fundyourInvest {
    padding-bottom: 20px;
    padding-top: 10px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
}
.fund-perform-text-bold {
    padding: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #666666;
    text-align: left;
    display: block;
    padding-left: 15px;
}

    .invstr-txt {     font-weight: bold;
    border-bottom: 0px solid rgba(0,0,0,0.7);
    margin-bottom: 15px;}
}      

@media only screen and (max-width: 667px) {

/*Ds-3055 closed*/
    .heading12-20-80 {
  font-size: 22px !important;
}
   .firstStep {
  background: url("/Campaign/Quantum/Images/icon-bg-12-20-80.png") no-repeat;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  height: auto;
  width: 100%;
  background-size: 100%;
  float: none;
  padding: 6px 10px 0px 20px;
  margin-right: 17px;
  margin-bottom: 20px;
}
   .SecondStep {
  background: url("/Campaign/Quantum/Images/icon-bg-12-20-80.png") no-repeat;
    background-size: auto;
  background-size: auto;
  height: auto;
  width: 100%;
  background-size: 100%;
  float: left; margin-bottom:20px;
  padding: 6px 10px 0px 20px;
  margin-left: 0;
}
.full-width-growth {
  background: #ecf4fb;
    background-image: none;
    background-size: auto;
  background-image: none;
  background-size: auto;
  border-radius: 5px;
  height: 100%;
  width: 100%;
  padding: 6px 2px 0px 10px;
    padding-bottom: 0px;
  background-size: 100%;
  overflow: hidden;
  padding-bottom: 20px;
}

    .firstStep img{ width:60px; }
    .SecondStep img {width:60px;
    }
    .SecondStep p {
  color: #455a64;
  line-height: 18px;
  font-size: 14px;
  font-weight: 500;
}
    .SecondStep h1 {
  color: #0353b4;
  font-size: 20px;
  padding: 6px 0px 3px 0px;
  line-height: 24px;
}
    .firstStep h1 {
  color: #0353b4;
  font-size: 20px;
  padding: 2px 0px 3px 0px;
  line-height: 33px;
}
    .firstStep p {
  color: #455a64;
  line-height: 18px;
  font-size: 14px;
  font-weight: 500;
}
    .full-width-growth .growthstepOne {
  width: 100%;
  border-right: 0;
  float: left;
}
    .full-width-growth .growthstepOne h1 {
  color: #0353b4;
  font-size: 20px;
  padding: 11px 0px 14px 0px;
  line-height: 9px;
}
    .full-width-growth .growthstepTwo {
  width: 100%;
  float: left;
  padding-left: 0;
}
    .full-width-growth .growthstepOne p {
  color: #455a64;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
}
    .growthstepTwo .senventyPercent {
  color: #455a64;
  padding-bottom: 20px;
  padding-top: 0px;
  line-height: 17px;
  font-size: 16px;
  font-weight: 500;
}

    .growthstepTwo .fifeenPercentfund {
  color: #455a64;
  padding-bottom: 20px;
  padding-top: 20px;
  line-height: 16px;
  font-size: 16px;
  font-weight: 500;
}
    .growthstepTwo .fifteenPercent {
  color: #455a64;
  padding-bottom: 20px;
  padding-top: 20px;
  line-height: 18px;
  font-size: 16px;
  font-weight: 500;
}
    .suggestedFund { margin-top:20px;}

    .rowtable {
  display: block;
}
    .mobileNone { border-radius:0px;}
    .mobileNoneradius { border-bottom-left-radius: 25px;}
    .borderRadiusbox {border-top-right-radius: 25px; }
    .fnd-frm h5{font-size: 16px; font-weight: 500; padding: 0px 0 0;   margin-bottom: 20px; }
    
    .PRC {
        padding: 20px 6px 0px 0px;
    }
    .heading {
  text-align: center;
  color: #02428f;
  font-size: 19px;
  font-weight: 400;
  padding-bottom: 15px;
  padding-top: 20px;
}
    .div-table-col:last-child {
  border-right:none;
}
    .mobileMargin {
        margin-top: 20px;
    }

    .div-table-col {
        float: left;
        display: table-column;
        width: 100%;
        height: 100%;
        font-size: 17px;
        text-align: center;
        border-bottom: 0;
        border-left: 0;
        line-height: 24px;
        border-right: 0;
    }

    .releativHeight {
        border: 0px !important;
    }

    .creditBox span {
        border: 0px !important;
    }

    .div-table-col:nth-child(1) {
        border-left: 0px;
        text-align: center;
        border-right: 0;
    }

    .div-table {
        display: table;
        width: auto;
        border: 2px solid #ebf3f6;
        /* cellspacing:poor IE support for  this */
    }


    .fund-lbl-wrap > div > h5 {
        color: #0d91d2;
        text-align: center;
        font-weight: 400;
        background-color: #ebf3f6;
        padding: 15px 7px 0px 9px;
        margin: 0;
    }

    div.main-cont {
        padding: 15px;
    }

    div.sch-info-wrap > div:first-child {
        width: 100%;
    }

   ul.invst-itms li{width: 48%; margin: 1%; padding: 7px;}
   ul.our-fnds-itms li{width: 100%; margin: 1% 0;}
   .riskometer-lft-sc, .riskometer-rt-sc{width: 100%; margin: 1% 0;}
   ul.why-qntm-lst li:after {right: -10px; top: -30px;}
   ul.why-qntm-lst li h4{font-size: 18px !important;}
   ul.why-qntm-lst li{min-height: 312px;}
   ul.why-qntm-lst li:nth-child(2n+2):after{display: none;}
   header{margin-top: 100px;}
   #nav-sc {
    margin-top: 0px;
}
   .logo-hldr{width: 30%;}
   .main-nav-main{width: 70%; height: 60px;}
   .navbar { display: block; margin-top: 13px;}
   button.navbar-toggler {float: right;}
   .container{width: 90%;}
   .navbar-light .navbar-toggler{border:none;}

   div#navbarSupportedContent { float: left;width: 100%;margin: 0;padding: 0; background: #0353b4;}
   ul.hdr-nv{margin-top: 0;}
   ul.hdr-nv li a{border-radius: 0px; float: left; width: 100%; margin:0; color:#fff !important;}
 .fixed  ul.hdr-nv li a{ color:#fff !important;
}

   button:focus { outline: none;}
.bnr-inr {
    width: 90%;
    max-width: 100%;
}
   #bnr-sc h1{font-size: 28px;}
   .frm-hldr{margin-top: -40px;}
   header{background-size: cover; min-height: 250px;}
#bnr-sc {
    padding: 4% 0;
}

   h4{font-size: 20px;}
   .inr-allo-sc{max-width: 100%;}
   h2{font-size: 22px;}
   section#asset-allo-sc p{font-size: 18px;}
   ul.invst-itms li h4 {font-size: 16px; padding: 10px 4px;}
   #invst-sc ul.invst-itms li{min-height: 217px;}
   section#optiml-asst-sc h4.txt-center { font-size: 22px;}
   ul.optiml-lst{margin: 0;}
   ul.optiml-lst li .sldr-itm{width: 100%; margin: 2px 0; padding: 25px 35px; background: #e6f8ff; min-height: 1px;}
   /*ul.optiml-lst{max-width: 100%;}
   ul.optiml-lst li:nth-child(3n+1) h4{background: url(/Campaign/Quantum/Images/solution-icon1-hvr.png) no-repeat scroll top left; color: #fff; font-size: 22px;}
   ul.optiml-lst li:nth-child(3n+2) h4{background: url(/Campaign/Quantum/Images/solution-icon2-hvr.png) no-repeat scroll top left; color: #fff; font-size: 22px;}
   ul.optiml-lst li:nth-child(3n+3) h4{background: url(/Campaign/Quantum/Images/solution-icon3-hvr.png) no-repeat scroll top left; color: #fff; font-size: 22px;}*/
   ul.optiml-lst li p, ul.optiml-lst li h4{color: #000;}
   ul.optiml-lst li h4:after{background: #03abea !important ;}
   section#optiml-asst-sc .bkg-wht { padding-bottom: 0px;}
   #safe-br img{top: 50%;}
   #safe-br p { width: calc(100% - 88px); float: right;}
   section#our-fnds-sc h4{font-size: 22px;}
   ul.our-fnds-itms li { width: 48%; margin: 1%; text-align: center;}
   ul.our-fnds-itms li span { margin: 0 auto 12px; float: none; display: inline-block;}
   ul.our-fnds-itms li h4 { padding: 10px 0; font-size: 18px !important;min-height: 77px;}
   h3{font-size: 23px;}
   .fnds-cont-prt{}
   .fnd-frm{width: 100%; margin-top:25px; padding: 15px;}
   .fnl-txt{font-size: 16px;}
   .riskometer-sc{margin: 20px 0;}
   .riskometer-rt-sc{position: relative; top: initial; transform: initial; border-top: 1px solid rgba(0,0,0,0.2);}
   ul.why-qntm-lst li:nth-child(4n+3), ul.why-qntm-lst li:nth-child(4n+4){min-height: 1px;}
   p{font-size: 15px;}
   #ftr-element .col-sm-4 h4{text-align: left; padding-top: 25px;}
   ul.socl-itms{float: left; margin: 0; padding: 0;}
   .equity-img-sc .col-sm-5{margin-bottom:115px;}
   .equity-img-sc .col-sm-7:after { transform: rotate(90deg); left: 0; right: 0; margin: 0 auto; top: -83px;}
   .equity-img-sc .col-sm-7 img{width: 100%;}
   .equity-img-sc{max-width: 100%;}
   .dsk-tp-only{display: none;}
   .mobile-only{display: block;}
   .fnds-cont-prt.mobile-only{margin-top:25px; float: left;}
   .invstr-txt{font-weight: bold; border-bottom: 1px solid rgba(0,0,0,0.7); margin-bottom: 15px;}
   .optiml-lst{min-height: 1px;}
   .lSAction > .lSPrev{left:3px !important; background:  url(/Campaign/Quantum/Images/back-arrow-01.png) no-repeat scroll top center;}
   .lSAction > .lSNext{right:3px !important; background:  url(/Campaign/Quantum/Images/next-arrow-01-01.png) no-repeat scroll top center;}
   ul.hdr-nv li{font-size: 16px;}


   br{display: none;}
       #fund-manager br {
    display:block;
}
            #bnr-form-sc br {
    display:block;
}
            #our-fnds-sc br {
    display: block;
}
   section#optiml-asst-sc ul.optiml-lst li { margin: 0 !important;}
   .fixed .navbar{margin-top: 0;}
   .fixed .main-nav-main{height: 41px;}
   ul.our-fnds-itms li{padding: 3%;}




/*IAP Asset Allocation page mobile*/
.menufixed .logo-hldr img{max-width: 40px; margin-top:10px;}

.tab-content.current {
    display: inherit;
    clear: both;
    position: relative;
    left: 0;
    right: 0;
    top: auto;
    margin-top: 76px !important;
    /* bottom: -38px; */
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.tab-content {
    max-height: 0;
    /* background: #00afef; */
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
    font-size: 0.7em;
    font-size: 20px;
    padding-top: 0px;
    color: #fff;
    text-align: center;
}

   
 header{ padding: 0; float: left; width: 100%; background:  url(/Campaign/Quantum/Images/Header-Banner-01.png) no-repeat scroll top center;  background-position: 0px 0px; background-size: 100%; transition: all 1s;}
 .dwonArrow {
    position: absolute;
    left: 0;
    right: 0;
    width: 62px;
    margin: 0 auto;
    margin-top: 0px;
}



 #asset-allo-sc ul { padding-top:40px;}

#asset-allo-sc ul li {

    list-style: outside none none;
    width: 49%;
    /* float: left; */
    text-align: center; padding-bottom:20px;
    display: inline-block;
}

#asset-allo-sc p.assetAllocationFoot {
       padding-top: 5px;
    display: block;
    font-weight: normal;
    font-size: 14px; font-weight:500;
}

section#test-yourself {
    margin: 0;
    padding: 5% 15px 40% 15px;
    float: left;
    width: 100%;
    background: #0353b4;
}

.testYourSelfButton {
    max-width: 309px;
    margin: 40px auto 0px auto;
}
#test-yourself .buyLowSell {
    float: left;
    margin-right: 0px;
    margin-bottom: 15px;
}
section#test-yourself p.testyourselfPara {
    font-size: 16px;
    padding-top: 40px;
    line-height: 24px;
}
section#test-yourself p {
    text-align: center;
    font-size: 16px;
    padding-top: 20px;
    color: #fff;
}

section#asset-allo-sc p {
   color: rgba(0,0,0,0.7);
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    padding-top: 5px;
    font-weight: 500;
}
#asset-allo-sc .askyourSelfCenterOffer {
    float: left;
    margin: 0 auto;
    width: 100%;
}
    #asset-allo-sc .mobile-text-size { font-size:16px !important;}
 section#our-fnds-sc h4 {
    margin-bottom: 0px;
    line-height: 40px;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
    line-height: 26px;
}   

 #test-yourself #invest-button-fund .blue-btn:hover {
    background: #fff; color:#0353b4 !important;
    box-shadow:none !important;

}

#asset-allo-sc .askyourSelfCenterCater {
    float: none;
    position: absolute;
    margin-top: -162px;
    right: 5px;
}

 section#invest-education {
    margin: 0;
    padding: 2% 15px 3% 15px;
    float: left;
    width: 100%;
    background: #fff;
}
 #invest-education ul li {
    font-size: 16px;
    color: #666;
    line-height: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding-top: 8px;
}

   section#our-fnds-sc {
    margin: 0;
    padding: 4% 0 11% 0;
    float: left;
    width: 100%;
    background: #edf6fb;
}
   .assetalocator-content .inr-allo-sc h2 {
    font-size: 24px;
}
   .sipWrapper .frm-hldr {
    margin: 40px 0 0 0;
    padding: 20px;
    float: left;
    width: 100%;
    z-index: 9;
    position: relative;
    background: #fff;
    box-shadow: 0px 0px 14px rgb(0 0 0 / 20%);
    border-radius: 10px;
}


   .sipWrapper ul.hdr-nv li a {
    font-weight: bold;
    border-radius: 5px;
    margin: 0 1px;
    padding: 5px 15px;
    transition: all 1s;
    position: relative;
    float: left;
    z-index: 9;
    color: #fff;
    overflow: hidden;
}
.bannerTextmain {
    font-weight: normal;
    display: block;
    font-size: 18px;
    color: #000;
    line-height: 20px;
    font-style: italic;
}
     .sipWrapper .navbar {
    display: block;
    margin-top: 13px;
    z-index: 99;
}
   .sipWrapper {
    margin: 0 auto;
    max-width: 90% !important;
}
   .sipWrapper #bnr-sc h1 {
    color: #2e3191;
    line-height: 24px;
    padding-top: 0;
    font-size: 24px;
}
   .heading-spacing {
    padding: 0px 0px; color:#000; margin-bottom:20px;
}
   .sipWrapper #nav-sc {
    margin-top: -100px;
}

  .assetalocator-content h2 {
    margin-top: 20px;
}

   .assetalocator-content p {
    padding-top: 12px;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 13px;
}
   .sipWrapper .benefitsFonts {
    font-size: 24px !important;
    padding-top: 40px;
}
   .sipWrapper ul.our-fnds-itms li span {
    height: 90px;
    width: 90px;
    line-height: 64px;
    border-radius: 50%;
    box-shadow: 0 11px 15px #5ab5d6;
    text-align: center;
    transition: all 1s;
    margin: 0 auto 25px;
    background: #fff;
    display: table;
}
   .sipWrapper ul.our-fnds-itms li h4 {
    line-height: 28px;
    clear: both;
    font-weight: 600;
    padding: 0 9% 9px;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center;
}
.sipWrapper .bnr-inr {
    position: absolute;
    margin-top: 29%;
    bottom: 0;
    top: 0;
    left: -9px;
    width: 68%;
    right: 0;
}
.why-quantum .why-qutm-List .invst-icn {
    background: #e0f2ff;
    display: block;
    position: relative;
    /* width: 100%; */
    left: -6px;
    width: 115px;
    right: 0;
    top: auto;
    height: 110px;
    float: left;
    margin-top: -29px;
    /* width: 100%; */
    padding: 22px 20px 20px 20px;
    margin-right: 10px;
}
.sipWrapper .mutualfundSipH3 {
    font-size: 20px;
    padding-top: 17px;
    text-align: center; margin:0 !important;
}
.sipWrapper section#our-fnds-prfrmnce-sc {
    margin: 0 auto;
    padding: 5% 0 0;
    float: none ;
    width: 90%;
    background: #fff;
}
.sipWrapper .fnd-frm {
    margin: 0;
    padding: 39px 24px;
    float: none;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 21px #ccc;
    border-left: 0;
    border-bottom: 13px solid #282a7b;
    border-radius: 25px;
    margin: 0 auto;
}
 #mutual-fund-calculator #our-fnds-prfrmnce-sc{margin:0 auto; padding: 5% 0 0; float: none; width: 90%; background: #fff;}

   ul.why-qutm-List li:first-child {
    margin: 0px 0px 20px 0px;
}
   ul.why-qutm-List li:last-child {
    margin: 0px 0px 20px 0px;
}
    ul.why-qutm-List li {
        display: inline-block;
    text-align: center;
   margin: 0px 0px 20px 0px;
    /* font-size: 20px; */
    padding: 19px 15px;
    
    height: 96px;

    width: 100%;
    border: 2px solid #b2b2b2;
    }
    ul.why-qutm-List li h4 {
       padding-left: 0%;
    color: #000000;
    line-height: 20px;
    padding-top: 0px;
    font-size: 13px;
    text-align: left;
}
    .sipWrapper ul.our-fnds-itms li {
margin: 1.5% 1.5%;
    padding: 3% 0 3%;
    float: left;
    width: 45%;
    display: inline;
    list-style: none;
    min-height: 237px;
    background: transparent;
    border-radius: 15px;
    transition: all 1s;
}

    #fund-performance-invest .found-quantum-long ul p:nth-child(1) {
    text-align: left;
    padding-left: 10px;
}
    .sipWrapper .dottedmobileNone { display:none;
    }

    .mobilennonemutualfound { display:none;}
 ul.why-qutm-List {
    padding: 20px 0px 0px 0px;
    margin: 0px;
    width: 100%;
    margin: 0 auto;
}


    .quantum-long .quantum-long-heading {
    margin-bottom: 0px;
    line-height: 31px;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #000;
    padding-top: 20px;
}
    .sipWrapper .fnds-cont-prt.mobile-only {
    margin-top: 25px;
    float: none;
    text-align: center;
    width: 157px;
    margin: 40px auto 20px auto;
}
    section#mutual-fund-calculator {
       margin: 0 15px;
    padding: 5% 0 0;
    float: right;
    width: 90%;
    background: #fff;
  
}
    .amoutcalculate {
    margin-bottom: 50px;
}
    .goal-calculator .calculator-result p, .goal-calculator .calculator-result span, .goal-calculator .calculator-result i {
    color: #000;
    font-size: 18px;
    font-weight: bolder;
    text-align: left;
}

    .amoutcalculate input {
    display: inline-block !important;
    width: 140px;
    background-color: #fff !important;
    color: #7f7f7f !important;
    font-family: Calibri;
    font-size: 20px;
    padding: 5px 5px;
    border: none;
    text-align: right;
    border-radius: 3px;
    font-weight: bold;
}
    #input-amount {
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #7f7f7f;
}
    .whyheading {
    margin-bottom: 0px;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #000;
}
    .quantum-long-mobile-nav{ margin-bottom:40px;text-align:center; float:none; }
        .quantum-long-mobile-nav img { padding-left:15px; padding-right:15px; 
        }

        .quantum-long .beanch-mark h2 {
    font-size: 20px;
}
        .quantum-long .beanch-mark p {
   padding-top: 7px;
    color: #666666;
    font-size: 18px;
    text-align: center;
    line-height: 22px;
}
        .quantum-long .invest-heading {
    font-size: 20px;
    padding-bottom: 20px;
    padding-top: 40px;
}

.quantum-long .beanch-mark {
    background: #f1f2f2;
    border-top: 2px solid #455a64;
    border-bottom: 2px solid #455a64;
    text-align: center;
    width: 90%;
    padding: 20px 20px 20px 20px;
    margin: 0 auto;
    float: none;
}
           #fund-manager {
    margin: 0;
    padding: 8% 20px 8% 20px;
    float: left;
    width: 100%;
    background: #edf6fb;
}
        #fund-manager .foundcontent h2 {
    color: #000;
    padding-bottom: 20px;
    font-size: 20px;
}
        #fund-manager .foundcontent ul li h3 {
    color: #00aeef;
    padding-bottom: 0px;
    font-size: 18px;
    font-weight: normal;
}
        #fund-manager .foundcontent ul li p {
    color: #666666;
    line-height: 32px;
    font-size: 16px;
}
     #fund-manager .fund-features h2 {
    color: #000;
    padding-bottom: 0;
    font-size: 20px;
    padding-top: 25px;
}     #fund-manager .foundcontent {
    border-bottom: 2px solid #455a64;
    padding: 0px 0px 2px 0px;
}
        #fund-manager .fund-features ul li {
    padding: 20px 0px 0px 0px;
    min-height: 110px;
    border-bottom: 1px solid #455a64;
}
        #fund-manager .fund-features ul li h3 {
    color: #00aeef;
    padding-bottom: 3px;
    font-size: 18px; line-height:28px;
    font-weight: normal;

}
        #fund-manager .fund-features ul li p {
    color: #666666;
    font-size: 16px;
    line-height: 24px;
}
        #fund-performance-invest h2 {
    padding-top: 22px;
    font-size: 24px;
}

#fund-performance-invest .fundyourInvest {
    padding-bottom: 20px;
    padding-top: 10px;
    font-size: 18px;
}
#fund-performance-invest .found-quantum-long ul li span:nth-child(1) {
    padding-left: 15px;width: 34%;
    text-align: left;height: 84px;
}

    #fund-performance-invest .quantum-mobile-none-text {
        display: none !important;
    }
    .quantum-long {
    padding: 3% 0px 11% 0px !important;
    clear: both;
    width: 90%;
    margin: 0 auto;
}
    #fund-performance-invest .qlteve-text-mobile { display:block;}
    #fund-performance-invest .found-quantum-long ul li:nth-child(2) {
    
}
    #fund-performance-invest .found-quantum-long ul li span {
       text-align: left;
    display: block;
    float: left;
    width: 22%;
    font-size: 13px;
    height: 112px !important;
    vertical-align: middle;
    color: #00aeef;
    border-left: 1px solid #bdbdbd;
    border-top: 1px solid #bdbdbd;
    padding-top: 8px;
    font-weight: bold;
    padding-left: 15px;
    word-break: break-all;

}

    #fund-performance-invest .found-quantum-long ul li:nth-child(7) {
 
}
    #fund-performance-invest .found-quantum-long ul li:nth-child(1) { border:none;}
      #fund-performance-invest .found-quantum-long ul li:nth-child(6) {
   
}
    #fund-performance-invest .found-quantum-long ul p:nth-child(1) {
    text-align: left;
    padding-left: 10px;
    font-size: 14px;  padding-top:8px; width:34%;
}
    #fund-performance-invest .found-quantum-long ul li p:last-child {border-top:1px solid #bdbdbd;
    border-right:1px solid #bdbdbd;
    }
    #fund-performance-invest .found-quantum-long ul li span:last-child  {border-right:1px solid #bdbdbd;
    }
  #fund-performance-invest .found-quantum-long ul li p {
    float: left; padding-top:20px;
    width: 22%; border-top:1px solid #bdbdbd;
    border-left:1px solid #bdbdbd; height:112px; border-collapse:collapse;


    text-align: left;
    font-size: 14px;
    padding-left: 11px; 
}
#fund-performance-invest .found-quantum-long ul li { border:none;
    width: 100%;

    padding-top: 0px;
   
    background: #f1f2f2;
}
    .fund-performace-scroll { overflow:scroll;}
 .fund-performace-scroll ul {  width:auto;}
.fund-perform-text-bold {
    padding: 0px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    text-align: left;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}
.fund-perform-text {
    font-size: 14px;
    padding: 10px 0px 0px 0px !important;
    clear: both;
}
.sipWrapper .riskometer-sc {
    margin: 4% 26px 60px 15px;
    padding: 0;
    float: left;
    width: 90%;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 15px;
    position: relative;
}
#invest-button-footer .blue-btn {
    margin: 3% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: #2e318d 0px 5px 12px;
    font-size: 18px;
    background: #2e318d;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 50%; 
    text-align: center;
    position:relative; top:0px;
    display: block;
}
.quantum-long .sipWrapper .blue-btn {
    margin: 3% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: #2e318d 0px 5px 12px;
    font-size: 18px;
    background: #2e318d;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 167px; position:relative;
    text-align: center; top:24px;
    display: block;
}
#invest-button-fund .blue-btn {
     
      padding: 11px 15px;
    color: #fff !important;
    box-shadow: #0353b4 0px 5px 12px;
    font-size: 18px;
    background: #0353b4;
    border-radius: 7px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    top: 0;
    width: 210px;
    position: relative;
}

.yourSelf .blue-btn {
     
     margin: 15% auto 15px !important;
    color: #fff !important;
    box-shadow: #0353b4 0px 5px 12px;
    font-size: 18px;
    background: #0353b4;
    border-radius: 7px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    top: 0;
    width: 210px;
    position: relative;
}
.form .btn-wrap button, .btn.callaRepresentativeSip, .btn.btnInvestNow, .inv-online > a {

    display: block;
}
.sipWrapper .submt-btn{margin:15px ​auto; margin-right: 0px; padding: 8px 15px; color: #fff !important; box-shadow:#0353b4 0px 5px 12px; font-size: 18px; background: #0353b4; border-radius: 7px; border:none; cursor: pointer; text-transform: uppercase; transition: all 1s; font-weight: 600;}

.col-form-center-button {
    width: 100%;
    margin: 0 auto;
}
  
 .longTermtextImg { position: relative;}
.longterntext { position: absolute;
    top: 18px;
       left: -118px;
    text-align: center;
    right: 0;
    width: 189px;}
.longterntext h1{ text-align:center; font-size:18px; margin-bottom:0px !important;}
.longterntextright h1{ text-align:center; font-size:18px;  margin-bottom:0px !important;}
.navdetails { font-size:32px; font-weight:bold; color:#00aeef; line-height:29px;   }
.textPer { color:#666666; font-size:16px;}


.longterntextright {     position: absolute;
    top: 0px;
    right: 0px;
    left: 126px;
    text-align: center;
    top: 106px;
    width: 117px;
    margin: 0 auto;}
.callaRepresentativeSip {
    background: #2e318d;
    cursor: default;
    text-decoration: none;
    border: 0 none;
    box-shadow: #2e318d 0px 5px 12px;
    color: #fff;
    margin-top: 20px;
    font-family: inherit;
    font-size: 18px;
    font-weight: bold;
    float: none;
    padding: 7px ​15px 6px 15px;
    text-transform: uppercase;
    height: 43px;
    display: none;
    width: 183px;
    margin:20px auto 0px auto;
}
ul.table-fund-performance-details { padding:0px 15px; }
ul.table-fund-performance-details li { padding:0px; font-size:16px; color:#666; line-height:28px; }
#fund-performance-invest .fundyourInvest {
    padding-bottom: 20px;
    padding-top: 10px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
}
    section .asset-allo-bg {
        margin: 0px 0;
        padding: 0% 0;
        float: left;
        height: 120px;
    }
    #fund-performance-invest .found-quantum-long ul li { width: 100%;
    border-top: 0;
    padding-top: 0px;
    min-height: 112px;
    background: #f1f2f2;

    }
}



@media only screen and (max-width: 348px) {
    .sipWrapper .submt-btn {
margin-right: 0px;
    padding: 12px 14px 8px 14px;
    color: #fff !important;
    box-shadow: #2e318d 0px 5px 12px;
    font-size: 14px;
    background: #2e318d;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 1s;
    height: 43px;
    font-weight: 600;
}
    .callaRepresentativeSip {
    background: #2e318d;
    cursor: default;
    text-decoration: none;
    border: 0 none;
    box-shadow: #2e318d 0px 5px 12px;
    color: #fff;
    margin-top: 20px;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    float: right;
    padding:10px 15px 6px 15px !important;
    text-transform: uppercase;
    height: 43px;
    display: none;
    width: 155px;
}

        .callaRepresentativeSip:hover { background:#00adef !important;}
        .callaRepresentativeSip {
    background: #2e318d;
    cursor: default;
    text-decoration: none;
    border: 0 none;
    box-shadow: #2e318d 0px 5px 12px;
    color: #fff;
    margin-top: 20px;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    float: none;
    padding:10px 15px 6px 15px !important;
    text-transform: uppercase;
    height: 43px;
    display: block;
    width: 155px; margin:0 auto;
}
}



@media only screen and (max-width: 320px) {
    .bannerTextmain {
    font-weight: normal;
    display: block;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    font-style: italic;
}
    .tabViewButtonDiversify {
    margin: 2% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: none;
    font-size: 18px;
    background: transparent;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 290px;
    text-align: center;
    border: 1px solid #fff;
    display: block;
}
    .tabViewButtonBuylow {
    margin: 2% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: none;
    font-size: 18px;
    background: transparent;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 290px;
    text-align: center;
    border: 1px solid #fff;
    display: block;
}
    
.sipWrapper .frm-hldr {
    margin: 40px 0 0 0;
    padding: 20px;
    float: left;
    width: 100%;
    z-index: 9;
    position: relative;
    background: #fff;
    box-shadow: 0px 0px 14px rgb(0 0 0 / 20%);
    border-radius: 10px;
}
         #fund-performance-invest .found-quantum-long ul p:nth-child(1) {
    text-align: left;
    padding-left: 10px;
    font-size: 12px;
    padding-top: 16px;
}
 

      #fund-performance-invest .found-quantum-long ul li span {
    text-align: left;
    display: block;
    float: left;
    width: 22%;
    font-size: 12px;
    height:127px !important;
    vertical-align: middle;
    color: #00aeef;
    border-left: 1px solid #bdbdbd;
    border-top: 1px solid #bdbdbd;
    padding-top: 8px;
    font-weight: bold;
    padding-left: 15px;
}
      #fund-performance-invest .found-quantum-long ul p:nth-child(1) {
    text-align: left;
    padding-left: 10px;
    font-size: 12px;
    padding-top: 8px;
    width: 34%;
}
      #fund-performance-invest .found-quantum-long ul li p {
    float: left;
    padding-top: 20px;
    width: 22%;
    border-top: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    height: 126px;
    border-collapse: collapse;
    text-align: left;
    font-size: 12px;
    padding-left: 11px;
}

      #fund-performance-invest .found-quantum-long ul li {
    width: 100%;
    border-top: 0;
    padding-top: 0px;
    min-height: 127px;
    background: #f1f2f2;
}
      .longterntext h1 {
    text-align: center;
    font-size: 16px;
    margin-bottom: 0px !important;
}
    .navdetails {
    font-size: 26px;
    font-weight: bold;
    color: #00aeef;
    line-height: 15px;
}

.longterntext { position: absolute;
    top: 18px;
       left: -110px;
    text-align: center;
    right: 0;
    width: 189px;}
 .longterntextright {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 116px;
    text-align: center;
    top: 95px;
    width: 117px;
    margin: 0 auto;
}
    .sipWrapper .submt-btn {
margin-right: 0px;
    padding: 12px 14px 8px 14px;
    color: #fff !important;
    box-shadow: #0353b4 0px 5px 12px 0px 5px 12px;
    font-size: 14px;
    background: #0353b4 ;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 1s;
    height: 43px;
    font-weight: 600;
}
    section#our-fnds-sc h4 {
    margin-bottom: 0px;
    line-height: 26px ;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;

    padding-left: 15px;
    padding-right: 15px;
}
.sipWrapper ul.our-fnds-itms li {
    margin: 1.5% 1.5%;
    padding: 3% 0 3%;
    float: left;
    width: 45%;
    display: inline;
    list-style: none;
    min-height: 260px;
    background: transparent;
    border-radius: 15px;
    transition: all 1s;
}
section#asset-allo-sc p {
    color: rgba(0,0,0,0.7);
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    padding-top: 5px;
    font-weight: 500;
}
#asset-allo-sc .askyourSelfCenterCater {
    float: none;
    position: absolute;
    margin-top: -146px;
    right: 10px;
}
#asset-allo-sc img {
    max-width: 75%;
}
    
section#asset-allo-sc{margin:15px 0px 0px 0; padding: 6% 15px !important; float: left; width: 100%; background: #fff;}

#test-yourself #invest-button-fund .blue-btn {
    margin: 2% auto auto auto;
    padding: 11px 25px;
    display: table;
    color: #fff;
    box-shadow: none;
    font-size: 18px;
    background: transparent;
    border-radius: 7px;
    border: none;
    text-transform: uppercase;
    transition: all 1s;
    font-weight: 600;
    width: 286px;
    text-align: center;
    border: 1px solid #fff;
    display: block;
}
.testYourSelfButton {
    max-width: 288px;
    margin: 40px auto 0px auto;
}
section#invest-education p {
    text-align: left;
    font-size: 16px;
    padding-top: 20px;
    color: #666;
}
#invest-education ul li {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding-top: 8px;
}
    .callaRepresentativeSip {
    background: #2e318d;
    cursor: default;
    text-decoration: none;
    border: 0 none;
    box-shadow: #2e318d 0px 5px 12px;
    color: #fff;
    margin-top: 20px;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    float: none;
    padding:10px 15px 6px 15px !important;
    text-transform: uppercase;
    height: 43px;
  
    width: 155px;
}
}


@media screen and (min-width : 481px) and (max-width: 639px) {
   
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{width: 100%; max-width: 100%; flex: initial;}
   .logo-hldr{width: 30%;}
   .main-nav-main{width: 70%; height: 60px;}

}