﻿
#wiseadviser_portfolio_slider .ui-slider { position: relative; text-align: left; }
#wiseadviser_portfolio_slider .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
#wiseadviser_portfolio_slider .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

#wiseadviser_portfolio_slider .ui-slider-horizontal { height: .8em; }
#wiseadviser_portfolio_slider .ui-slider-horizontal .ui-slider-handle { top: -.5em; margin-left: -.6em;height:20px;width:20px; }
#wiseadviser_portfolio_slider .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
#wiseadviser_portfolio_slider .ui-slider-horizontal .ui-slider-range-min { left: 0; }
#wiseadviser_portfolio_slider .ui-slider-horizontal .ui-slider-range-max { right: 0; }
.container-slider td{padding-bottom:25px !important;}


#wiseadviser_portfolio_slider .portfolio_slider{  background-image:
    linear-gradient(
      to right, 
      #cccc33,
      #cccc33 0%,
      #17162e 1%,
      #17162e 99%,
      #17162e 99%
    );
    border-radius:5px;
    height:6px;
    position:relative;
    pointer-events: none; 
    }
    #port_slider_overlay{
        width:1%;
        color:#cccc33;
        background:#cccc33;
        content:".";
        text-align:right:;
        top: 0.7em;
        border-radius:5px;
    }
#port_slider .ui-state-default{
    background: #cccc33;
    z-index: 1;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    pointer-events: auto;
    cursor:pointer !important;
    
}
#wiseadviser_portfolio_slider .ui-widget-content{
    border:none;
}
.selectType{
line-height: 16px;
}




body{ background: #0b559b}
.image2wise{
    display: none;
}
.abwise{
    font-size:40px;
    padding: 20px;

}
.boxa{
    float: left;
    width:50%;
    vertical-align: middle;
}
.boxb{
    float: left;
    width:40%;
    vertical-align: middle;
}
.Text1{
    font-family: Arial;
    font-size:25px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
    color: #1A1A1A;
    margin-top:10px;
}
.Text2{
    font-family: Arial;
    font-size:15px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
    color: #1A1A1A;
    margin-top:10px;
}
.Text3{
    margin-left: 30px;
    margin-right: 20px;
    margin-top: 30px;
    float: left;
    padding-right: 20px;
}
.sheight{
    height:100px;
}
.abc{
    width:20%;
    cursor: pointer;
    color:#FFFFFF;
    text-align: left;   

}
.abc:hover {
    background-color:#FFFFFF;
    color:#000000;

}
.cd{
    padding:1%;
    width:80%;
    background-color:#FFFFFF;
}
.bc{
    margin: auto;
    padding-top: 2%;
    padding-bottom: 2%;
    display: inline;

}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full width */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
    padding-top: 10px;
}
/* Modal Content/Box */
.modal-content {
    margin: 0%; /* 5% from the top, 15% from the bottom and centered */
    margin-left:350px;
    margin-top: 200px;
    border: 0px solid #888;
    width: 60%; /* Could be more or less, depending on screen size */
    float: left;
}
/* The Close Button (x) */
.close {
    position: absolute;
    right: 150px;
    top: 0px;
    color:#FFFFFF;
    font-size: 30px;
    font-weight: bold;
    background-color:#FF0004;
    padding-left: 8px;
    padding-right: 8px;
    border: 0px solid #FF0004;
    border-radius:50%;
}
.close:hover,
.close:focus {
    color: white;
    cursor: pointer;
}
/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}        
@media only screen and (max-width: 1000px){ 
    /* The Modal (background) */
    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full width */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
        padding-top: 10px;
    }
    /* Modal Content/Box */
    .modal-content {
        margin-right: auto;
        margin-left: auto;
        margin-top: 100px;
        border: 0px solid #888;
        width: 85%;
        float: right;
    }
    /* The Close Button (x) */
    .close {
        position: absolute;
        right: 150px;
        top: 0px;
        color:#FFFFFF;
        font-size: 30px;
        font-weight: bold;
        background-color:#FF0004;
        padding-left: 8px;
        padding-right: 8px;
        border: 0px solid #FF0004;
        border-radius:50%;
    }
    .close:hover,
    .close:focus {
        color: white;
        cursor: pointer;
    }
    /* Add Zoom Animation */
    .animate {
        -webkit-animation: animatezoom 0.6s;
        animation: animatezoom 0.6s
    }
    @-webkit-keyframes animatezoom {
        from {-webkit-transform: scale(0)} 
        to {-webkit-transform: scale(1)}
    }
    @keyframes animatezoom {
        from {transform: scale(0)} 
        to {transform: scale(1)}
    }        
    .image1wise{
        display: none;
    }
    .image2wise{
        display: block;
    }
    .abwise{
        font-size:20px;
        padding: 0px;

    }
}
img.image1wise {
    position: relative;
}
img.image1wise2 {
    position: absolute;
    height: auto;
    width: initial;
    left: 8%;
}
.loading {
    font-size: 30px;
}
.loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) 900ms infinite;      
    animation: ellipsis steps(4,end) 900ms infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
    width: 0px;
}
@keyframes ellipsis {
    to {
        width: 1.25em;    
    }
}
@-webkit-keyframes ellipsis {
    to {
        width: 1.25em;    
    }
}
p.check-point {
    font-size: 20px;
    padding-bottom: 40px;

} 
h1.wise-heading {
    color: #fff;
    display: inline;
}

.center {
    position: absolute;
    /* right: -1px; */
    color: #fff;
    top: 247px;
    right: 0;
    float: right;
    display: inline-block;
    width: 50%;
}

.border-top {
    background-image: url(/images/wise/blue-bg.png);
    background-repeat: repeat-x;
    height: 133px;
    /* display: inline-block; */
    position: absolute;
    top: 8px;
    width: 100%;
    z-index: 2;
}
.loading {
    position: relative;
    display: inherit;
}

h1.wise-heading {
    color: #fff;
    display: inline;
    z-index: 3;
    position: relative;
}
.border-top2 {
    background-image: url(../images/wise/blue-bg.png);
    background-repeat: repeat-x;
    height: 133px;
    /* display: inline-block; */
    position: absolute;
    /* top: 19px; */
    width: 100%;
    bottom: -51px;
    z-index: 2;
}
span.mark {
    /*background-image: url(../images/wise/tickmark-gif.gif);*/
    background-image: url(../images/wise/tick-circle-green.png);
    background-repeat: repeat-x;
    height: 22px;
    display: inline-block;
    /* position: absolute; */
    /* top: 19px; */
    width: 22px;
    /* bottom: -51px; */
    z-index: 2;
    margin-right: 5px;
}
span.unmark {
    /*background-image: url(../images/wise/tickmark-gif.gif);*/
    background-image: url(../images/wise/tick-circle.png);
    background-repeat: repeat-x;
    height: 22px;
    display: inline-block;
    /* position: absolute; */
    /* top: 19px; */
    width: 22px;
    /* bottom: -51px; */
    z-index: 2;
    margin-right: 5px !important;

}
span.content {
    position: relative;
    top: -3px;

}

marquee#fade {
    margin-top: 30px;
}

.web-none {
    display: block;
}


.vessel {
    background-size: 28px 28px!important;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) {
    .center {
        position: absolute;
        /* right: -1px; */
        color: #fff;
        top: 330px;
        left: 15px;
        right: 0;
        float: right;
        display: inline-block;
        width: 100%;
    }
    .image2wise {
        display: block;
        padding-bottom: 237px;
    }
    h1.wise-heading {
        color: #fff;
        display: inline;
        z-index: 3;
        position: relative;
        font-size: 20px;
        width: 100%!important;
    }

    p.check-point {
        font-size: 12px;
        padding-bottom: 40px;
    }

}

.bx-wrapper{
    top: 30px !important;
}
/******************* OVERVIEW **************************/

/* CSS Document */


@font-face {
    font-family: 'futura_lightregular';
    src: url('/app/css/fonts/futura__light_-webfont.eot');
    src: url('/app/css/fonts/futura__light_-webfont.eot?') format('embedded-opentype'),
         url('/app/css/fonts/futura__light_-webfont.woff2') format('woff2'),
         url('/app/css/fonts/futura__light_-webfont.woff') format('woff'),
         url('/app/css/fonts/futura__light_-webfont.ttf') format('truetype'),
         url('/app/css/fonts/futura__light_-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futura_bk_btbook';
    src: url('/app/css/fonts/futura-book-bt-webfont.eot');
    src: url('/app/css/fonts/futura-book-bt-webfont.eot?') format('embedded-opentype'),
         url('/app/css/fonts/futura-book-bt-webfont.woff2') format('woff2'),
         url('/app/css/fonts/futura-book-bt-webfont.woff') format('woff'),
         url('/app/css/fonts/futura-book-bt-webfont.ttf') format('truetype'),
         url('/app/css/fonts/futura-book-bt-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}s
@font-face {
    font-family: 'open_sansregular';
    src: url('/app/css/fonts/opensans-regular-webfont.eot');
    src: url('/app/css/fonts/opensans-regular-webfont.eot?') format('embedded-opentype'),
         url('/app/css/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('/app/css/fonts/opensans-regular-webfont.woff') format('woff'),
         url('/app/css/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*=============================== Typography =============================== */
h1,h2,h3,h4,h5,h6{
    margin: 0;
    font-family: 'futura_lightregular';
    font-weight: normal;
    color:#333333;
}
h5,h6,.font-arial{
    font-family: Arial,Helvetica,sans-serif;
}

body{
    background-color: #fcfcf6 !important
}
.wiseboxone,.wiseboxtwo,.wiseboxthree , .wiseboxfour {transition: 0.5s ease-in-out;}
.wiseboxone:hover,.wiseboxtwo:hover,.wiseboxthree:hover,.wiseboxfour:hover{margin-top: 3px !important}

.wiseone{
    width: 100%;
    height: 638px;
    
    background-image: url("../images/wise/Superman.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.wisetext{
    margin-left: 190px;
    padding-top: 100px;
    
}

.wisecontainerone{
    
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    height: 200px;
    margin-top: 130px;
}

.wiseboxone{
    width: 24%;
    height: 160px;
    margin-right: 1%;
    margin-top: 1%;
    float: left;
    background-color: rgba(250, 158, 189, 0.6);
    background-image: url(../images/wise/Bag.png);
    background-repeat: no-repeat;
    background-position: center;
    
}

.wiseboxtwo{
    width: 24%;
    height: 160px;
    margin-right: 1%;
    margin-top: 1%;
    float: left;
    background-color: rgba(142, 191, 183, 0.7);
    background-image: url("../images/wise/Layers.png");
    background-repeat: no-repeat;
    background-position: center;
}

.wiseboxthree{
    width: 24%;
    height: 160px;
    margin-right: 1%;
    margin-top: 1%;
    float: left;
    background-color: rgba(234, 196, 93, 0.9);
    background-image: url("../images/wise/Hill.png");
    background-repeat: no-repeat;
    background-position: center;
}

.wiseboxfour{
    width: 24%;
    height: 160px;
    margin-right: 1%;
    margin-top: 1%;
    float: left;
    background-color: rgba(180, 188, 148, 0.6);
    background-image: url("../images/wise/smartedge-icon.png");
    background-repeat: no-repeat;
    background-position: center;
}

.wisetextbox{
    padding: 20px;    
}

.wiseanalyzer{
    width: 100%;
    height: 498px;
    margin-top: 0px;
    padding-left:180px;
    padding-top: 50px;
    background-image: url("../images/wise/analyzer.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}




/* Slideshow container */
* {box-sizing: border-box}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
    min-height: 485px;
    position: relative;
    margin: auto;
    padding: 60px 100px 0px;
}
.slide-img {float: left;width: 37%;margin-left: 7%;}
.flexslider .slides img {height: 100% !important;min-width: auto !important;}
.slide-content {float: left;width: 45%;margin: 10% 0 0 6%;}
.slide-content .small-head {font-family: futura_lightregular,open_sansregular,Arial,sans-serif;text-transform: uppercase;color: #6475be;opacity: 0.7;}
.slide-content .big-head {font-family: futura_lightregular;color: #002b6a;line-height: 50px;}
.slide-content p{color:#002b6a; margin-top:10px;    font-size: 16px; line-height:25px;}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  padding-left: 16px;
  padding-top: 5px;
  margin-top: -22px;
  color: white;
  font-weight: lighter;
  font-size: 28px;
  transition: 0.6s ease;
  border-radius: 50px;
background-color: #0d57a0;
    margin-left: 75px;
    margin-right: 75px;
    
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 50px;
  width: 50px;
  height: 50px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color:white;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  border: thin;
  border-color: #0d57a0;
border-style: solid;
}

.dot:hover {
  background-color:#0d57a0;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


/* Slideshow container */

/* Equity smallcase start */
.equity-smallcase{background: #d7daff; padding:120px 120px 0 0; min-height: 546px;}  
.equity-smallcase .equ-img,.equity-smallcase .equ-content{position: relative;} 
.equity-smallcase .equ-img{width:60%; float:left;}
.equity-smallcase .equ-content{ width:35%; float:right;text-transform: uppercase;font-family: futura_lightregular,open_sansregular,Arial,sans-serif;color: #000000; margin-top: 8%;}
.equity-smallcase .two-imgs {position: absolute;}
.equity-smallcase .two-imgs img{position: absolute; left: 0;}
.equity-smallcase .two-imgs img.small-img {position: absolute;top: 83px;z-index: 1;}
.equity-smallcase .two-imgs img.big-img {position: relative;left: 170px;z-index: 2;top: -6px;}
.small-head {font-size: 18px;font-weight: 600 !important;}
/*.big-head {font-size: 48px;font-weight: 300;text-transform: none; line-height: 70px;}*/
.big-sub-head {font-size: 30px;font-weight: 600;}
.equ-content p {margin-top: 10px;line-height: 25px;width: 80%;text-transform: none;font-size: 20px;}

.equ-steps{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#17c492+0,15c39c+32,08bfd3+100 */
background: #17c492; /* Old browsers */
background: -moz-linear-gradient(-45deg, #17c492 0%, #15c39c 32%, #08bfd3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #17c492 0%,#15c39c 32%,#08bfd3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #17c492 0%,#15c39c 32%,#08bfd3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17c492', endColorstr='#08bfd3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding:40px 185px; }
.equ-steps ul li,.mf-steps ul li {display: inline-block; width: 32%; vertical-align: top}
.equ-steps ul li span:nth-child(2),.mf-steps ul li span:nth-child(2) {display: inline-block;width: 65%;margin-top: 15px;margin-left: 10px;font-size: 16px;}
.equ-steps ul li span:nth-child(1),.mf-steps ul li span:nth-child(1) {display: inline-block;vertical-align: top;width: 65px;}
.equ-steps ul li span,.mf-steps ul li span {color: #000000;}


.mf-steps{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe070+0,ffcb6b+59,ffbf68+100 */
background: #ffe070; /* Old browsers */
background: -moz-linear-gradient(45deg, #ffe070 0%, #ffcb6b 59%, #ffbf68 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #ffe070 0%,#ffcb6b 59%,#ffbf68 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #ffe070 0%,#ffcb6b 59%,#ffbf68 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe070', endColorstr='#ffbf68',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding:40px 185px; }


.mf-funds{background: #fffde6; padding:120px 0px 0 120px; min-height: 546px;}  
.mf-funds .equ-img,.equity-smallcase .equ-content{position: relative;} 
.mf-funds .equ-content{width:40%; float:left;text-transform: uppercase;font-family: futura_lightregular,open_sansregular,Arial,sans-serif;color: #000000; margin-top: 8%;}
.mf-funds .equ-img{ width:57%; float:right;}
.mf-funds .two-imgs {position: absolute;}
.mf-funds .two-imgs img{position: absolute; left: 0;}
.mf-funds .two-imgs img.small-img {position: absolute;top: 83px;z-index: 1; left:185px;}
.mf-funds .two-imgs img.big-img {position: relative;left: 0px;z-index: 2;top: -12px;}
.small-head {font-size: 18px;font-weight: 600 !important;}
.big-head {font-size: 40px;font-weight: bold;text-transform: none; line-height: 70px; }
.big-sub-head {font-size: 30px;font-weight: 600;}
.equ-content p {margin-top: 10px;line-height: 25px;width: 80%;text-transform: none;font-size: 16px;    font-family: sans-serif;}



/*.investment {background: #fffde6;margin: 0 auto;padding: 4% 10%;}*/
.investment-box {display: inline-block; vertical-align: top; width: 32%;background: #ffffff;padding: 30px 15px;border: 1px solid #c4d8c1;border-top: 5px solid #d3a02f;margin-right: 1%;}
.investment-box-img, .investment-box-content {display: inline-block;vertical-align: middle;}
.investment-box-img{width:22%;}
.investment-box-content {    width: 73%;margin-left: 3%;}
.box-heading h3 {font-family: inherit;color: #494c30; font-size:20px}
/*.investment .box-sum{min-height: 60px;}*/
.investment .box-sum p {margin-top: 5px;line-height: 20px;}
.investment .box-action {margin-top: 10px;}
.investment .box-action a {font-size: 16px;color: #0d57a0;text-transform: uppercase;}


/*Start Smallcase slider css*/
.smallcase-slider {padding: 40px 0;background: #d7daff;}
#mixedSlider {position: relative;}
#mixedSlider .MS-content {white-space: nowrap;overflow: hidden;margin: 0 5%;}
#mixedSlider .img-content h4 {font-family: inherit;font-size: 19px;text-overflow: ellipsis;white-space: nowrap;width: 100%;overflow: hidden;}
#mixedSlider .value .index-val, #mixedSlider .value .yr-return {display: inline-block;width: 48%; padding-top:15px;}
#mixedSlider .value p {font-family: futura_lightregular,open_sansregular,Arial,sans-serif;}
#mixedSlider .value p.red {color: #2f363f !important; font-size: 20px !important;font-family: inherit;position: relative;}
#mixedSlider .value p.down {color: #ff6633 !important;    font-size: 20px !important;}
#mixedSlider .value p.green {color: #27bc94;font-size: 20px !important; font-family: inherit;position: relative;}
#mixedSlider .red span {position: relative;right: 0;top: -4px !important;}
#mixedSlider .green span {position: absolute; right:16px;}
#mixedSlider .item:hover .img-content h4 {color: #1f7ae0;}
#mixedSlider .MS-content .item {border-radius:5px;border:1px solid #acafd2;background: #ffffff; display: inline-block;width: 33%;position: relative;vertical-align: top;overflow: hidden;height: 142px;white-space: normal; margin-left:12px;}
@media (max-width: 991px) {
  #mixedSlider .MS-content .item,#mixedSlider1 .MS-content .item {width: 48%;}
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item,#mixedSlider1 .MS-content .item {width: 100%;}
}
#mixedSlider .MS-content .item .imgTitle,#mixedSlider1 .MS-content .item .imgTitle {position: relative;display: inline-block;width: 33%;overflow: hidden;}
#mixedSlider .MS-content .item .imgTitle img,#mixedSlider1 .MS-content .item .imgTitle img{width:140px; height: 140px;}
.img-content {display: inline-block;width: 65%;padding: 10px 10px;vertical-align: top;}
#mixedSlider .MS-content .item .imgTitle .blogTitle,#mixedSlider1 .MS-content .item .imgTitle .blogTitle {margin: 0;text-align: left;letter-spacing: 2px;color: #252525;font-style: italic;position: absolute;background-color: rgba(255, 255, 255, 0.5);width: 100%;bottom: 0;font-weight: bold;padding: 0 0 2px 10px;}
/*#mixedSlider .MS-content .item .imgTitle img {height: auto;width: 100%;}*/
#mixedSlider .MS-content .item p,#mixedSlider1 .MS-content .item p {font-size: 14px;  color: #81878c;  line-height: 22px; font-family:Arial,Helvetica,sans-serif !important}
#mixedSlider .MS-content .item a,#mixedSlider1 .MS-content .item a {font-size: 14px;color: #3369a8;text-transform: uppercase;display: block;}
#mixedSlider .MS-content .item a:hover,#mixedSlider1 .MS-content .item a:hover {text-shadow: 0 0 1px grey;}
#mixedSlider .MS-controls button,#mixedSlider1 .MS-controls button {position: absolute;border: none;background-color: transparent;outline: 0;font-size: 50px;top: 45px;color: rgba(0, 0, 0, 0.4);transition: 0.15s linear;}
#mixedSlider .MS-controls button:hover,#mixedSlider1 .MS-controls button:hover {color: rgba(0, 0, 0, 0.8);}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button,#mixedSlider1 .MS-controls button {font-size: 30px;}
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button,#mixedSlider1 .MS-controls button {font-size: 20px;}
}
#mixedSlider .MS-controls .MS-left,#mixedSlider1 .MS-controls .MS-left {left: 30px;}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left,#mixedSlider1 .MS-controls .MS-left {left: -10px;}
}
#mixedSlider .MS-controls .MS-right,#mixedSlider1 .MS-controls .MS-right {right: 30px;}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right,#mixedSlider1 .MS-controls .MS-right {right: -10px;}
}
#basicSlider { position: relative; }
#basicSlider .MS-content {white-space: nowrap;overflow: hidden;margin: 0 2%;height: 50px;}
#basicSlider .MS-content .item {display: inline-block;width: 20%;position: relative;vertical-align: top;overflow: hidden;height: 100%;white-space: normal;line-height: 50px;vertical-align: middle;}
@media (max-width: 991px) {
#basicSlider .MS-content .item { width: 25%; }
}
@media (max-width: 767px) {
#basicSlider .MS-content .item { width: 35%; }
}
@media (max-width: 500px) {
#basicSlider .MS-content .item { width: 50%; }
}
#basicSlider .MS-content .item a {line-height: 50px;vertical-align: middle;}
#basicSlider .MS-controls button { position: absolute; }
#basicSlider .MS-controls .MS-left {top: 35px;left: 10px;}
#basicSlider .MS-controls .MS-right {top: 35px;right: 10px;}

.investnow { margin-top:10px; }

/*End Smallcase slider css*/



.investment {background: #fffde6;margin: 0 auto; padding: 4% 0;}
#mixedSlider1 {position: relative;}
#mixedSlider1 .MS-content {white-space: nowrap;overflow: hidden;margin:0 5%;}
#mixedSlider1 .item {display: inline-block;width: 33%;}
#mixedSlider1 .investment-box{width:97%;margin-left:14px;min-height: 190px;} 
#mixedSlider1 .investment-box-content {vertical-align: top;white-space: normal;}
#mixedSlider1 .MS-controls .MS-left {left: 30px;}
#mixedSlider1 .MS-controls button {position: absolute;border: none;background-color: transparent;outline: 0;font-size: 50px;top: 45px;color: rgba(0, 0, 0, 0.4);transition: 0.15s linear;}
#mixedSlider1 .MS-controls .MS-right {right: 30px;}
#mixedSlider1 .MS-controls button {position: absolute;border: none;background-color: transparent;outline: 0;font-size: 50px;top: 70px;color: rgba(0, 0, 0, 0.4);transition: 0.15s linear;}
.investment .box-sum p {margin-top: 5px;line-height: 20px;}







/*Range slider*/
.tab-range{position: relative;}
.progress {margin-top: 5%;}
/*.progress_inner #step-5:checked + div + div + div + div > .box_base,
.progress_inner #step-4:checked + input + div + div + div + div > .box_base,
.progress_inner #step-2:checked + input + input + input + div + div + div + div > .box_base,
.progress_inner #step-3:checked + input + input + div + div + div + div > .box_base,
.progress_inner #step-1:checked + input + input + input + input + div + div + div + div > .box_base 
{top: 50%;left: 0px;opacity: 1;}
.progress_inner #step-5:checked + div + div + div + div > .box_item,
.progress_inner #step-4:checked + input + div + div + div + div > .box_item,
.progress_inner #step-2:checked + input + input + input + div + div + div + div > .box_item,
.progress_inner #step-3:checked + input + input + div + div + div + div > .box_item,
.progress_inner #step-1:checked + input + input + input + input + div + div + div + div > .box_item 
{top: -30px;left: 0px;opacity: 0;}

.progress_inner #step-5:checked + div + div + div + div > .box_lid,
.progress_inner #step-4:checked + input + div + div + div + div > .box_lid,
.progress_inner #step-2:checked + input + input + input + div + div + div + div > .box_lid 
{top: -20px;left: 0px;opacity: 0;}
.progress_inner #step-5:checked + div + div + div + div > .box_item,
.progress_inner #step-4:checked + input + div + div + div + div > .box_item,
.progress_inner #step-2:checked + input + input + input + div + div + div + div > .box_item 
{top: -10px;left: 0px;opacity: 1;}

.progress_inner #step-5:checked + div + div + div + div > .box_item,
.progress_inner #step-4:checked + input + div + div + div + div > .box_item,
.progress_inner #step-3:checked + input + input + div + div + div + div > .box_item 
{top: 10px;left: 0px;opacity: 1;}

.progress_inner #step-5:checked + div + div + div + div > .box_lid,
.progress_inner #step-4:checked + input + div + div + div + div > .box_lid,
.progress_inner #step-3:checked + input + input + div + div + div + div > .box_lid 
{top: -1px;left: 0px;opacity: 1;}

.progress_inner #step-5:checked + div + div + div + div > .box_ribbon,
.progress_inner #step-4:checked + input + div + div + div + div > .box_ribbon,
.progress_inner #step-3:checked + input + input + div + div + div + div > .box_ribbon 
{top: 70%;left: 0px;opacity: 0;}

.progress_inner #step-5:checked + div + div + div + div > .box_bow,
.progress_inner #step-4:checked + input + div + div + div + div > .box_bow,
.progress_inner #step-3:checked + input + input + div + div + div + div > .box_bow 
{top: 0px;left: 0px;opacity: 0;}

.progress_inner #step-5:checked + div + div + div + div > .box_ribbon,
.progress_inner #step-4:checked + input + div + div + div + div > .box_ribbon 
{top: 50%;left: 0px;opacity: 1;}

.progress_inner #step-5:checked + div + div + div + div > .box_bow,
.progress_inner #step-4:checked + input + div + div + div + div > .box_bow 
{top: -10px;left: 0px;opacity: 1;}

.progress_inner #step-5:checked + div + div + div + div > .box_tag 
{top: 10px;left: 20px;opacity: 1;}

body .progress_inner #step-5:checked + div + div + div + div > .box_string 
{top: 10px;left: 20px;opacity: 1;}*/

* {-webkit-box-sizing: border-box;box-sizing: border-box;}

.progress_inner__step:before,.progress_inner,.progress_inner__status .box_base,.progress_inner__status .box_item,
.progress_inner__status .box_ribbon,.progress_inner__status .box_bow, .progress_inner__status .box_bow__left,
.progress_inner__status .box_bow__right,.progress_inner__status .box_tag,.progress_inner__status .box_string
 {position: absolute;left: 0;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: auto;}

.progress_inner__bar,.progress_inner__bar--set {height: 6px;left: 10%;
  background: #cccc33;
  -webkit-transition: width 800ms cubic-bezier(0.915, 0.015, 0.3, 1.005);
  transition: width 800ms cubic-bezier(0.915, 0.015, 0.3, 1.005);border-radius: 6px;width: 0;position: relative;z-index: -1;}

.progress_inner__step:before {width: 30px; height: 30px;color: #70afd0;background: white;line-height: 30px;border: 3px solid #a6cde2;font-size: 12px;top: 3px;border-radius: 100%;-webkit-transition: all .4s;transition: all .4s;cursor: pointer;pointer-events: none;}

.progress_inner__step {width: 20%;font-size: 14px;padding: 0 10px;-webkit-transition: all .4s;transition: all .4s;float: left;text-align: center;position: relative;left:;}
.progress_inner__step label {padding-top: 50px;top: -20px;display: block;position: relative;cursor: pointer;color: #a6b9cb;
    text-transform: uppercase;}
.progress_inner__step:hover {color: white;}
.progress_inner__step:hover:before {color: white;background: #1ea4ec;}
.progress_inner {width: 700px; margin: 0 -60px;}
/*.progress_inner #step-5:checked + div {width: 80%;}
.progress_inner #step-5:checked + div + div + div > .tab:nth-of-type(5) {opacity: 1;top: 0;}
.progress_inner #step-5:checked + div + div + div + div {right: 10%;}
.progress_inner #step-4:checked + input + div {width: 60%;}
.progress_inner #step-4:checked + input + div + div + div > .tab:nth-of-type(4) {opacity: 1;top: 0;}
.progress_inner #step-4:checked + input + div + div + div + div {right: 30%;}
.progress_inner #step-3:checked + input + input + div {width: 40%;}
.progress_inner #step-3:checked + input + input + div + div + div > .tab:nth-of-type(3) {opacity: 1;top: 0;}
.progress_inner #step-3:checked + input + input + div + div + div + div {right: 50%;}
.progress_inner #step-2:checked + input + input + input + div {width: 20%;}
.progress_inner #step-2:checked + input + input + input + div + div + div > .tab:nth-of-type(2) {opacity: 1;top: 0;}
.progress_inner #step-2:checked + input + input + input + div + div + div + div {right: 70%;}
.progress_inner #step-1:checked + input + input + input + input + div {width: 0%;}
.progress_inner #step-1:checked + input + input + input + input + div + div + div > .tab:nth-of-type(1) {opacity: 1;top: 0;}
.progress_inner #step-1:checked + input + input + input + input + div + div + div + div {right: 90%;}*/




 .progress_inner #step-2:checked + input + div + div + div + div > .box_base,
 .progress_inner #step-3:checked + div + div + div + div  > .box_base,
 .progress_inner #step-1:checked + input + input  + div + div + div + div  > .box_base 
{top: 50%;left: 0px;opacity: 1;}
 .progress_inner #step-3:checked + div + div + div + div > .box_item,
 .progress_inner #step-2:checked + input + div + div + div + div > .box_item,

 .progress_inner #step-1:checked + input + input + div + div + div + div > .box_item,

{top: -30px;left: 0px;opacity: 0;}

 .progress_inner #step-3:checked + div + div + div + div > .box_lid,
 .progress_inner #step-2:checked + input + div + div + div + div > .box_lid,
 .progress_inner #step-1:checked + input + input + input + div + div + div + div > .box_lid 
{top: -20px;left: 0px;opacity: 0;}
 .progress_inner #step-3:checked + div + div + div + div > .box_item,
 .progress_inner #step-2:checked + input + div + div + div + div > .box_item,
 .progress_inner #step-1:checked + input + input + input + div + div + div + div > .box_item 
{top: -10px;left: 0px;opacity: 1;}

 .progress_inner #step-3:checked + div + div + div + div > .box_item,
 .progress_inner #step-2:checked + input + div + div + div + div > .box_item,
 .progress_inner #step-1:checked + input + input + div + div + div + div > .box_item 
{top: 10px;left: 0px;opacity: 1;}

 .progress_inner #step-3:checked + div + div + div + div > .box_lid,
 .progress_inner #step-2:checked + input + div + div + div + div > .box_lid,
 .progress_inner #step-1:checked + input + input + div + div + div + div > .box_lid 
{top: -1px;left: 0px;opacity: 1;}

 .progress_inner #step-3:checked + div + div + div + div > .box_ribbon,
 .progress_inner #step-2:checked + input + div + div + div + div > .box_ribbon,
 .progress_inner #step-1:checked + input + input + div + div + div + div > .box_ribbon 
{top: 70%;left: 0px;opacity: 0;}

 .progress_inner #step-3:checked + div + div + div + div > .box_bow,
 .progress_inner #step-2:checked + input + div + div + div + div > .box_bow,
 .progress_inner #step-1:checked + input + input + div + div + div + div > .box_bow 
{top: 0px;left: 0px;opacity: 0;}

 .progress_inner #step-3:checked + div + div + div + div > .box_ribbon,
 .progress_inner #step-2:checked + input + div + div + div + div > .box_ribbon 
{top: 50%;left: 0px;opacity: 1;}

 .progress_inner #step-3:checked + div + div + div + div > .box_bow,
 .progress_inner #step-2:checked + input + div + div + div + div > .box_bow 
{top: -10px;left: 0px;opacity: 1;}

 .progress_inner #step-3:checked + div + div + div + div > .box_tag 
{top: 10px;left: 20px;opacity: 1;}

body .progress_inner #step-3:checked + div + div + div + div > .box_string 
{top: 10px;left: 20px;opacity: 1;}




label[for="step-1"] {text-align: center; margin-left: 30px;}
label[for="step-3"]{text-align: center; margin-right:18px;}
label[for="step-2"] {text-align: center !important;margin-left: -15px;}
 .progress_inner {width: 560px; margin: 0 -60px;}
 .progress_inner__step{width:33.3%}
 .progress_inner #step-3:checked + div {width: 80%;}
 .progress_inner #step-3:checked + div + div + div > .tab:nth-of-type(3) {opacity: 1;top: 0;}
 .progress_inner #step-3:checked + div + div + div + div {right: 10%;}
 .progress_inner #step-2:checked + input + div {width: 39%;}
 .progress_inner #step-2:checked + input + div + div + div > .tab:nth-of-type(2) {opacity: 1;top: 0;}
 .progress_inner #step-2:checked + input + div + div + div + div {right: 51%;}
 .progress_inner #step-1:checked + input + input  + div {width: 0%;}
 .progress_inner #step-1:checked + input + input  + div + div + div > .tab:nth-of-type(1) {opacity: 1;top: 0;}
 .progress_inner #step-1:checked + input + input  + div + div + div + div {right: 90%;}
/*.progress_inner__step:nth-of-type(1):before {content: "1";}
.progress_inner__step:nth-of-type(2):before {content: "2";}
.progress_inner__step:nth-of-type(3):before {content: "3";}
.progress_inner__step:nth-of-type(4):before {content: "4";}
.progress_inner__step:nth-of-type(5):before {content: "5";}*/
.progress_inner__bar--set {width: 80%;top: -6px;background: #17162e;position: relative;z-index: -2;}
.progress_inner__tabs .tab {opacity: 0;position: absolute;top: 40px;text-align: center;margin-top: 60px;-webkit-transition: all .2s;transition: all .2s;color:#6c6cb6; margin-left:12px;    text-align: left;}
.progress_inner__tabs .tab h1 {margin: 0;}
.progress_inner__tabs .tab p {font-weight: 400;opacity: 1;margin-left: 45px;}
.progress_inner__status {top: 3px;-webkit-transition: right 800ms cubic-bezier(0.915, 0.015, 0.3, 1.005);transition: right 800ms cubic-bezier(0.915, 0.015, 0.3, 1.005);-webkit-transform: translateX(50%);transform: translateX(50%);position: absolute;}
.progress_inner__status div {opacity: 0;-webkit-transition: all 600ms cubic-bezier(0.915, 0.015, 0.3, 1.005);transition: all 600ms cubic-bezier(0.915, 0.015, 0.3, 1.005);-webkit-transition-delay: 300ms;transition-delay: 300ms;}
.progress_inner__status div {position: absolute;}
.progress_inner__status .box_base {background:#cccc33;width: 20px;height: 20px;z-index: 1;border-radius: 50%;    left: -20px !important;}
.progress_inner__status .box_lid {width: 40px;height: 13.3333333333px;background: #775144;z-index: 2;border-radius: 1px;top: 0;}
.progress_inner__status .box_item {width: 20px;height: 20px;background: #be69d2;z-index: 0;border-radius: 4px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.progress_inner__status .box_ribbon {width: 10px;height: 42px;background: #ee0f29;z-index: 4;border-radius: 1px;}
.progress_inner__status .box_bow__left, body .progress_inner__status .box_bow__right {width: 6px;height: 10px;background: #be0c21;position: absolute;z-index: 3;opacity: 1;border-radius: 1px;}
.progress_inner__status .box_bow {top: -6px;z-index: 1;-webkit-transition-delay: 500ms;transition-delay: 500ms;}
.progress_inner__status .box_bow__left {left: 6px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.progress_inner__status .box_bow__right {left: -4px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.progress_inner__status .box_tag {width: 20px;height: 10px;background: #487ac7;z-index: 4;-webkit-transform: rotate(-10deg) translateX(-40px) translateY(0px);transform: rotate(-10deg) translateX(-40px) translateY(0px);border-radius: 2px;-webkit-transition-delay: 500ms;transition-delay: 500ms;}
.progress_inner__status .box_string {width: 17px;height: 2px;background: #343434;z-index: 4;-webkit-transform: rotate(-39deg) translateX(-22px) translateY(-12px);transform: rotate(-39deg) translateX(-22px) translateY(-12px);}
.progress_inner input[type="radio"] {display: none;}



.question{background: #415e69;padding:35px 0; text-align: center;font-family: 'futura_lightregular','open_sansregular',Arial,sans-serif;}
.que a{font-size: 30px; color:#fffde6;text-transform: uppercase; font-weight: 600;}
.que span{text-transform: capitalize; font-weight: 300}
.range-btn {margin-top: 0%; margin-left: -43px;}
.range-btn .primary-btn{background-color: #ffffff;padding:12px 16px 12px; color: #0d57a0; font-size: 14px; margin-left:40px;}
.range-btn .primary-btn:hover {background: rgba(255,255,255,0.8);}
.botton-buttons{display: inline-block;padding:10px 0 25px}
a.not-sure {margin-left: 10px;color: #ffffff;text-decoration: underline;}
.view-all {text-align: center;margin: 30px 0 0px;}
.view-all a.login-btn.primary-btn {padding: 15px 20px;font-size: 16px;border-bottom: none;}


.slider.slider-horizontal{width:447px !important;}
.slider-handle{    background-color: #cccc33!important;background-image:#cccc33 !important; }
.slider-handle{    background-image: linear-gradient(to bottom, #cccc33 0%, #cccc33 100%) !important;}
.slider-selection{    background-image: linear-gradient(to bottom, #cccc33 0%, #cccc33 100%) !important;}
.slider-track-high{    background: #17162e !important;}
.slider-track{    background-image: none !important;}
.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high{height: 61% !important;}
.slider-select-cls{cursor:pointer !important;}
.slider-select-cls{color:#a6b9cb !important}
.selectType{color:#6475be !important}
#AGGRESSIVE{text-align:right !important;}
#BALANCED{text-align:center !important;}





/*input#popup__toggle {padding: 15px 20px;font-size: 16px;border-bottom: none;margin-top: 12px;}
.popup__overlay {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(53, 36, 22, 0.95);text-align: center;z-index: 100;}
.popup__overlay:after {display: inline-block;height: 100%;width: 0;vertical-align: middle;content: "";}
.popup {display: inline-block;position: relative;width: 100%;height: 100%;padding: 20px;border: 1px solid black;background: black;color: white;vertical-align: middle;}
.popup-form__row {margin: 1em 0;}
.popup__close {display: block;position: absolute;top: 1px;right: 1px;padding: 8px;cursor: pointer;text-align: center;font-size: 20px;line-height: 12px;color: #ffffff;text-decoration: none;font-weight: bold;}
.popup__close:hover {color: #eea200;}
iframe {width: 100%;height: 100%;}*/


/*media queries*/
@media screen and (min-width: 320px ) and (max-width : 350px) {
.progress_inner__step label{font-size:12px;}
}
@media screen and (max-width: 767px ){
        .slideshow-container,.wiseanalyzer,.equity-smallcase,.equ-steps,.smallcase-slider,.mf-funds,.investment,.mf-steps{display:none !important;}
  .wiseone{background-image:none !important; height:auto; position:relative}
  .wise-mob-img img {width: 100%;height: auto;}
  label[for="step-3"]{margin-right:0;}
  label[for="step-1"]{margin-left:0;}
  .wiseanalyzer h2, .wiseanalyzer h6 {margin-left: 12px;}
  .wisetext {margin-left: 20px !important;padding-top: 10px !important; color:#ffffff !important; position:absolute; top:0;}
  .wisetext h2{font-size: 14px !important; padding-top:0 !important; line-height:25px; }
  
  .wisetext h2.sub-head{font-size: 20px !important;}
  .wisetext .wisetext-text{display:none}
  h2.main-head {font-size: 32px !important;margin-top: 5px;}
  
   .wisecontainerone {width: 100% !important;margin-left: 0px !important; margin-top: 10px !important; height:auto;    z-index: 1;position: relative;}
   .wiseboxone, .wiseboxtwo, .wiseboxthree, .wiseboxfour{width: 100%;float: none;    background-position: center right;}
   .wiseboxone{background-color:rgba(250, 158, 189, 1)}
.wiseboxtwo{background-color: rgba(142, 191, 183, 1);}
.wiseboxthree{background-color: rgba(234, 196, 93, 1);}
   .wisecontainerone h5.goal-path {color: #000;margin-left: 18px;}
   .slideshow-container{padding:20px 0 0;} 
  
 .equity-smallcase{padding:20px 0px 0 0}
   .equ-steps{padding:20px 10px}
   .mf-funds {padding:  1px 0 0;     min-height: unset;}
   .mf-steps{padding:20px 10px}
   .investment {padding: 20px 10px;}
   .flexslider .slides img{width:100% !important; min-width: unset !important;}
   .slide-content {float: left;width: 100%;margin: 10% 0 0 5px; text-align:center}
   .flex-direction-nav a{top:40% !important;}
   .slide-img {float: none;width: 100%;margin-left: 0px;}
   .big-head {font-size: 30px;line-height: 25px;margin-top: 5px;}
   .flex-control-nav{display:none;}
   .equ-steps ul li, .mf-steps ul li {display: block;width: 100%;margin-bottom: 20px;}
   #mixedSlider .MS-content .item{margin-left:0;width: 100%;height: 102px;}
   .investment-box{width:100%; margin-bottom:10px;}
   .equity-smallcase .two-imgs,.equity-smallcase .two-imgs img.small-img{position:relative}    
   .equity-smallcase .two-imgs img.small-img{top: unset;max-width:100%;height:auto}
  .equity-smallcase .mob-none{display:none}
  .equity-smallcase .equ-img{width:100%; float:none}
  .mf-funds .equ-img, .equity-smallcase .equ-content{float:none; width:100%; margin-top:0;}
  .equity-smallcase .equ-content,.mf-funds .equ-content{padding:0 10px}
  .equ-content p{width:100%; margin-top:0; margin-bottom:10px; font-size:14px;}
  .equity-smallcase{min-height:unset; }
  .big-sub-head,.big-head{font-size:24px;line-height:34px;}
  .small-head {font-size: 16px;}
  #mixedSlider .MS-content .item .imgTitle img {width: 100%;height: auto;}
  #mixedSlider .MS-content .item .img-content {display: inline-block;width: 63%;padding: 9px 2px;vertical-align: top;}
  #mixedSlider .MS-content .item p {font-size: 12px;line-height: 22px;}
  .value p.red,.value p.green{font-size: 16px !important;}
  .red span{top:-2px;}
  #mixedSlider .MS-content .item a{padding-top:0 !important; font-size:12px;}
  .value .index-val, .value .yr-return {padding-top: 0px;vertical-align: top;}
  #mixedSlider .MS-content .item .imgTitle{width:35%;}
  .mf-funds .two-imgs img.small-img {position: relative;top: 0;z-index: 1;left: 0; max-width:100%;}
  .mf-funds .equ-content{width:100%; float:none}
  .mf-funds .two-imgs{position:relative}
  .tab-range {position: relative;min-height: 160px;margin-top: -30px;}
  .range-btn {margin-top: 0;margin-left: 0;}
  .progress_inner__tabs .tab{top:0}
  .progress_inner__tabs .tab p{margin-left:0;   margin-left:0 !important}
  .range-btn .primary-btn{margin-left:10px;}
  .progress_inner {width: 100%;margin: 0;}
  .wiseanalyzer h6 {font-size: 14px !important;}
    .wiseanalyzer h2 {font-size: 16px !important;}
  .wiseanalyzer br{display:none;}
  .wiseanalyzer{height:auto; padding: 25px 10px 10px;}
  .MS-controls{display:none;}
 .question{padding:15px 0}
  .question .que{font-size:24px;}
  .que a {font-size: 20px;}
  .que span{margin-top:15px; display:block}
  
  .wiseanalyzer.mob-visible,.mf-funds.mob-visible,.mf-steps.mob-visible,.investment.mob-visible,.equity-smallcase.mob-visible,.equ-steps.mob-visible,.smallcase-slider.mob-visible{display:block !important} 
.back-page {margin-bottom: 20px;}
.back-page a {position: relative;padding-left: 18px;color: #ffffff;margin-left: 12px;}
.back-page a:before {position: absolute;content: "";background: url(../images/wise/arrow1.png) no-repeat;height: 14px;width: 12px;transform: rotate(180deg);top: 0;left: 0;}
.botton-buttons {padding: 20px 0;margin-top: 20px;}
.wiseanalyzer h2:nth-child(3) {padding-top: 8px !important; font-size: 28px !important;}
.wiseanalyzer h2:nth-child(4) {padding-top: 10px !important; font-size:22px !important;}
label[for="step-2"] {text-align: center !important;margin-left: 5px;}
}

@media screen and (min-width: 768px ) and (max-width: 1024px ){
    .AxisFooter__footer___168vI{display:none !important}
    .slideshow-container,.wiseanalyzer,.equity-smallcase,.equ-steps,.smallcase-slider,.mf-funds,.investment,.mf-steps{display:none !important;}
    
    
      .equity-smallcase{padding:20px 0px 0 0}
   .equ-steps{padding:20px 10px}
   .mf-funds {padding:  20px 0 0;     min-height: unset;}
   .mf-steps{padding:20px 10px}
   .investment {padding: 20px 10px;}
   
   .slide-content {float: left;width: 48%;margin: 20% 0 0 5px; text-align:center}
   .flex-direction-nav a{top:40% !important;}
   .slide-img {float: left;width: 48%;margin-left: 0px;}
   .big-head {font-size: 30px;line-height: 25px;margin-top: 5px;}
   .flex-control-nav{display:none;}
    .flexslider .slides img{max-width:100% !important; height:auto !important}
  
    .wiseone{height:auto;     margin-top: 0px; background-size:round;}
    .wisetext {margin-left: 20px;padding-top: 30px;}
    .wisetext {margin-left: 20px;padding-top: 50px;}
   .wisecontainerone {width: 98%;margin-top: 120px; position:relative; left:8px;height: 240px;}
   .wisecontainerone h5{ color:#000; margin-left:5PX;}
   .wisecontainerone h6{margin-left:5px;}
   .investment-box-img, .investment-box-content{vertical-align:top}
   .investment-box-img img {width: 100%;vertical-align: top !important;}
   .investment-box{margin-right:7px; padding:10px}
   .equ-steps ul li span:nth-child(2), .mf-steps ul li span:nth-child(2){font-size:14px;}
   .wiseboxone,.wiseboxtwo,.wiseboxthree,..wiseboxfour{background-position:15px 70px;background-size:contain; margin-top:20px;}
  .equity-smallcase .two-imgs,.equity-smallcase .two-imgs img.small-img{position:relative}    
    .equity-smallcase .two-imgs img.small-img{    top: unset;max-width: 100%;height: auto;}
  .equity-smallcase .mob-none{display:none}
  .equity-smallcase .equ-img{width: 47%;float: left; margin-left:6%;}
  .mf-funds .equ-img, .equity-smallcase .equ-content{    float: left;width: 47%;margin-top: 3%;}
  .equity-smallcase .equ-content,.mf-funds .equ-content{padding:0 0 0 30px;}
  .equ-content p{width:100%; margin-top:0; margin-bottom:10px; font-size:14px;}
  .equity-smallcase{min-height:unset; }
  .big-sub-head,.big-head{font-size:24px;line-height:34px;}
  .small-head {font-size: 16px;}
 .mf-funds .equ-img{width: 47%;float: left; margin-left:13%;}
  .mf-funds .two-imgs img.small-img {position: relative;top: 0;z-index: 1;left: 0; max-width:100%;}
  .mf-funds .equ-content{margin-top:5%;}
  .slideshow-container{padding:10px 10px 0;}
  .flexslider .slides img {max-width: 100% !important;min-width: unset !important;width: auto !important;margin: 0 auto;}

  .mf-funds .two-imgs{position:relative}
  .tab-range {position: relative;min-height: 160px;margin-top: -72px;}
  .range-btn {margin-top: 0;margin-left: 0;}
  .progress_inner__tabs .tab{top:0}
  .progress_inner__tabs .tab p{margin-left:0;   margin-left:0 !important}
  .range-btn .primary-btn{margin-left:10px;}
  .progress_inner {margin: 0;}
  .wiseanalyzer h6 {font-size: 14px !important; margin-left:10px; width:70%;}
  .wiseanalyzer h2 {font-size: 24px !important;margin-left: 10px;padding-top: 0 !important;line-height: 34px;}
  
  .wiseanalyzer br{display:none;}
  .wiseanalyzer{height:auto; padding: 15px 10px;}

 .question{padding:15px 0}
 .que a {font-size: 20px;}
  .question .que{font-size:24px;}
  
.mob-none{display:none} 
 #mixedSlider .MS-content .item .imgTitle img {width: 100%;height: auto;}
  #mixedSlider .MS-content .item .img-content {display: inline-block;width: 63%;padding: 9px 2px;vertical-align: top;}
  #mixedSlider .MS-content .item p {font-size: 12px;line-height: 22px;}
  .value p.red,.value p.green{font-size: 16px !important;}
  .red span{top:-2px;}
  #mixedSlider .MS-content .item a{padding-top:10px !important; font-size:12px;}
  #mixedSlider .value {padding-top: 10px;}
  #mixedSlider .value .index-val, #mixedSlider .value .yr-return {padding-top: 0px;vertical-align: top;}
  #mixedSlider .MS-content .item .imgTitle{width:35%;}
  #mixedSlider .MS-content .item{min-height:118px; height:auto}
   .range-btn .botton-buttons {padding:0;}
  .wise-mob-img {display: none;}
#mixedSlider .MS-controls .MS-right {right: 20px;}
#mixedSlider .MS-controls button{top:45px;}


.wiseboxone, .wiseboxtwo, .wiseboxthree, .wiseboxfour{
    height: 200px;
    background-image: none;
}
 
}
@media screen and (width: 1024px ){
.equity-smallcase .equ-content, .mf-funds .equ-content {padding: 50px 30px;}
.wiseone{background-size: cover;}
.wisecontainerone h5 {color: #000000 !important;}
.wisecontainerone {margin-top: 70px;bottom: 20px;}
.wiseboxone, .wiseboxtwo, .wiseboxthree, .wiseboxfour {
    background-position: bottom;
    background-size: 100%;}
#mixedSlider .MS-content .item {min-height: 105px;}
.value {padding-top: 5px !important;}
#mixedSlider .MS-content .item a {padding-top: 5px !important;}
#mixedSlider .MS-content .item {width: 31.6%;}
.equity-smallcase .equ-content, .mf-funds .equ-content {padding: 42px 30px;}

#mixedSlider .MS-content .item .img-content{padding:7px 2px}
 #mixedSlider .MS-controls button{top:25px;} 
}
@media screen and (min-width: 1170px ) and (max-width: 1280px ){
.mf-funds .two-imgs {
    position: absolute;
    right: 0;}
.mf-funds .two-imgs img.small-img{left:9.3% !important;}
.mf-funds .two-imgs img.big-img{left:-10% !important}
.equity-smallcase{padding:120px 0px 0 0}
.equity-smallcase .equ-content {width: 29%;}
}
@media screen and (min-width: 768px ){.wise-mob-img {display:none !important}}
@media screen and (min-width: 1281px ) and (max-width: 1365px ){.equity-smallcase {padding: 120px 0px 0 0;}.mf-funds .equ-img {width: 60%;}.mf-funds .two-imgs {right: 0;}.mf-funds .two-imgs img.big-img {left: -10% !important;}.mf-funds .two-imgs img.small-img {left: 9.3% !important;}}
@media screen and (width: 1366px ){.mf-funds .two-imgs img.small-img {left: 144px !important;}}
@media screen and (min-width: 1025px ){.desktop-none{display:none;}}
/******************* OVERVIEW **************************/
/************** Video popup css goes here *************/
.modal.youtube-video {
    display: none;
    position: fixed;
    z-index: 1111;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.7);
    padding-top: 10px;
}

.youtube-video .modal-content {
    position: absolute;
    border: 0 solid #888;
    width: 60%;
    top: 10%;
    margin: auto;
    left: 20%;
}

.youtube-video .cd {
    padding: 1%;
    width: 100%;
    background-color: #fff;
}

.youtube-video .close {
    position: relative;
    right: -20px;
    top: 0px;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    background-color: #0d57a0;
    padding-left: 7px;
    padding-right: 8px;
    border: 0 solid #ff0004;
    border-radius: 50%;
}



.smartedge{ 
    background-image: url("../images/wise/smartedge.png");
  
}

.smartedge .botton-buttons {
    padding: 35px 0 25px;
}

.smartedge .primary-btn, .smartedge .primary-btn:hover {
    padding: 12px 16px 12px;
}

/* -- Portfolio Ticker data --  */
.profile-tickerinfo .bx-wrapper {
    top:  0px !important;
}