#dvl-wpr > main > section:nth-child(3) > div > div > div.carousel-ctrl > div.carousel-next.slick-arrow{
    background-image: url(/investments/_assets-custom/images/icons/carousel-next-default.svg);
}

#dvl-wpr > main > section:nth-child(3) > div > div > div.carousel-ctrl > div.carousel-next.slick-arrow.slick-disabled{
    background-image: url(/investments/_assets-custom/images/icons/carousel-next-disabled.svg);
}

#dvl-wpr > main > section:nth-child(3) > div > div > div.carousel-ctrl > div.carousel-prev.slick-arrow{
    background-image: url(/investments/_assets-custom/images/icons/carousel-previous-default.svg);
}

#dvl-wpr > main > section:nth-child(3) > div > div > div.carousel-ctrl > div.carousel-prev.slick-arrow.slick-disabled{
    background-image: url(/investments/_assets-custom/images/icons/carousel-previous-disabled.svg);
}

.section-tabs .tab-nav li.active:after, .tabs .tab-nav li.active:after{
    height: 3px !important;
  }

.locator-link:before{
    background-image: url(/investments/_assets-custom/images/icons/branch_locator_blue_20.svg)
}

.mobile-nav > button > span {
  display: none !important;
}

.btn-h-50{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.progress-bar{
  margin-top: 10px !important;
  height: 10px;
  max-width: none !important;
}

.progress-bar .progress-status{
  height: 10px;
}

.pdf-link-right:after {
    display: inline-block;
    width: 20px;    
    height: 20px;     
    margin-left: 10px;    
    content: url(/dvl/v0.2/assets/images/icons/icon-pdf-inverse.svg) !important;     
    background-size: 40px 40px !important;     
    background-repeat: no-repeat;    
    vertical-align: text-bottom;
}

.radio-wpr input[type=radio]+label, input[type=checkbox]+label{
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal
}

.accordion .accordion-panel>.collapse-toggle.collapsed:after, .accordion .panel>.collapse-toggle.collapsed:after{
    background-image: url(/investments/_assets-custom/images/icons/chevron-down-12x7.svg);
}

.accordion .accordion-panel>.collapse-toggle:after, .accordion .panel>.collapse-toggle:after{
    background-image: url(/investments/_assets-custom/images/icons/chevron-up-12x7.svg);
}

/* table fix 'four' columns */

table.four th, table.four td { width: 25% !important; max-width: 25% !important; min-width: 25% !important; }

/* end of table fix */

td{
    vertical-align: text-top !important;
}

/* accordion split "top and bottom" border fix */

.accordion.split {

    border-top: 0 !important; border-bottom: 0 !important;

}

.accordion.split .accordion-panel:first-child, .accordion.split .panel:first-child {

    border-top: 1px solid #c4c8cc !important;

}

.accordion.split .accordion-panel:last-child, .accordion.split .panel:last-child {

    border-bottom: 1px solid #c4c8cc !important;

}

@media (max-width: 639px) {
    .accordion.split .grid-half:first-child .accordion-panel:last-child {

        border-bottom: 0 !important;

    }

    .contain-bg {
        background-size: contain !important;
    }

}

@media (min-width: 640px) and (max-width: 800px) {
    .tablet-contain {
        background-size: contain !important;
    }
}

/* accordion split end */
@media (min-width: 1200px) {
    .locator-form{
        height: 322px;
        width: 570px;
    }
}

/* Add 55px of margin for elements underneath an icon link */
.mar-l-icon-link{
    margin-left: 55px !important;
}

.mar-b-5{
    margin-bottom: 5px !important;
}

.mar-b-20{
    margin-bottom: 20px !important;
}

.mar-t-20{
  margin-top: 20px !important;
}

.mar-b-42{
    margin-bottom: 42px !important;
}

.mar-r-20{
    margin-right: 20px !important;
}

.mar-l-neg-5{
    margin-left: -5px !important;
}

.fs-18{
  font-size: 18px !important
}

/* Radio button style */
.radio-wpr input[type=radio] + label:before {
    background-color: transparent;
}

.banner.fw-bnr>.section-inner a.continue{
    color: #fff !important;
}

.banner.fw-bnr>.section-inner a.continue img {
    margin-left: 15px;
}

#account-select-1, #account-select-2, #q{
    height: 44px;
}

#menu-pane li a {
    padding-right: 40px !important;
}

#invest {
    width: 57%;
    height: 44px;
}

.tip{
    padding-right: 15px;
}

.invest_journey li{
    margin-bottom: 5px !important;
}

.icon-118{
    width: 118px;
    height: 118px;
}

.w-70, w-mob-70{
    width: 70% !important;
}

.underline{
    text-decoration: underline;
}

header .mobile-header-content .mobile-nav .mobile-nav-btn{
    background-image: url(/investments/_assets-custom/images/icons/ui-menu-white.svg);
    background-position: 50% 50%;
    background-color: #0b5590;
    border-left: 1px solid #0b5590;
}

header .mobile-header-content .mobile-nav .mobile-secure-btn {
    background-image: url(/investments/_assets-custom/images/icons/icon-secure-black.svg);
    background-color: #fedf01;
    color: #252525;;
}


.dnl-img-1, .dnl-img-2, .dnl-img-3 {
    min-height: auto !important;
    max-height: 150px !important;
  }
  @media (min-width: 1200px) {
    .locator-form {
      height: auto;
    }
    .dnl-img-3 {
      height: 207px;
    }
  }
  @media (min-width: 640px) and (max-width: 1199px) {
    .dnl-img-3 {
      height: calc( 110px + (207 - 110) * ((100vw - 640px) / (1199 - 640)) ) !important;
    }
  }
  @media (min-width: 320px) and (max-width: 639px) {
    .dnl-img-3 {
      height: calc( 162px + (341 - 162) * ((100vw - 320px) / (639 - 320)) ) !important;
    }
  }

  @media (min-width: 768px) and (max-width: 1102px) {
    #invest {
      width: calc( 182px + (379 - 182) * ((100vw - 768px) / (1102 - 768)) ) !important;
    }
  }

  @media (min-width: 640px) and (max-width: 767px) {
    #invest {
      width: calc( 239px + (319 - 239) * ((100vw - 640px) / (767 - 640)) ) !important;
      margin-right: 0 !important;
      margin-bottom: 15px;
    }
    #invest + .redirectView {
      float: right;
    }
  }

  @media (min-width: 370px) and (max-width: 639px) {
    #invest {
      width: calc( 175px + (444 - 175) * ((100vw - 370px) / (639 - 370)) ) !important;
    }
  }

  @media (max-width: 369px) {
    #invest {
      width: 100%;
      margin-bottom: 15px;
    }
    #invest + .redirectView {
      float: right;
    }
  }

  @media (min-width: 640px) and (max-width: 920px) {
    #account-select-1, #account-select-2 {
      width: 100% !important;
      margin-bottom: 15px;
    }
  }  

/*  iframe{
    max-height: 150px !important;
  }*/


  /* start of index page banner fixes */

  .index-page .btn1, .index-page .btn2 {
    font-size: 18px !important; 
    line-height: 18px !important; 
  }
  
  .index-page .btn2 {
    display: none;
  }

  .index-page goals-container {
    margin-top: 35px !important;
  }

  .index-page banner-radio label {
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 1.33 !important;
  }

  .index-page #retirement {
    width: 300px !important;
    margin-right: 30px !important;
  }

  .index-page .btn-wpr {
    text-align: right !important;
  }

  @media (min-width: 1108px) {

    .index-page .banner-radio {
      margin-right: 30px;
    }
    
  }

  @media (max-width: 1167px) {

    .index-page .btn-wpr {
      width: 100%;
    }

  }

  @media (min-width: 989px) and (max-width: 1167px) {

    .index-page .banner-radio {
      display: flex !important;
      justify-content: flex-start !important;
      text-align: left;
    }

    .index-page .btn1 {
      display: none;
    }
    
    .index-page .btn2 {
      margin-top: 30px !important;
      display: block;
    }

  }

  @media (min-width: 640px) and (max-width: 988px) {

    .index-page .banner-radio {
      margin: 30px 0 !important;
    }

    .index-page .btn1 {
      display: block;
    }
  
    .index-page .btn2 {
      display: none;
    }

  }

  @media (min-width: 502px) and (max-width: 639px) {
    
    .index-page .banner-radio {
      margin: 30px 0 !important;
    }
    
    .index-page .btn1 {
      display: block;
    }
    
    .index-page .btn2 {
      display: none;
    }

  }

  @media (max-width: 501px) {

    .index-page .banner-radio {
      margin-bottom: 15px !important;
    }

    .index-page .radio-wpr input, .index-page .radio-wpr label {
      margin-top: 15px !important;
    }    

    .index-page .btn1 {
      display: none;
    }
    
    .index-page .btn2 {
      display: block;
      margin-bottom: 15px;
    }

  }

  @media (max-width: 452px) {

    .index-page #retirement {
      width: 100% !important;
      margin-right: 0 !important;
    }

  }

  /* end of index page banner fixes */

/* Purchase Investment status bar style changes */
.progress-bar{
  height: 10px;
  max-width: none !important;
}

.progress-bar .progress-status{
  height: 10px;
}
/* End of status bar*/

@media (max-width: 639px) {
  .banner-img{
    min-height: 150px !important;
  }
}

.tabs .tab-nav li.active:after{
  height: 3px !important;
}

@media (max-width: 639px) {
  .mob-text-center{
    text-align: center
  }
  .mob-mar-auto{
    margin: auto;
  }
  .mob-w-full{
    width: 100% !important;
  }
  .mob-fl-r{
    float: right;
  }
}

main ul.tab-nav li{
  padding-top: 20px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.select-tabs{
  margin-left: 120px !important;
}

@media (max-width: 639px){
  .select-tabs{
    margin-left: 0px !important;
  }
  .mob-block{
    display: block !important;
    float: none !important;
  }
}

@media (min-width: 639px) and (max-width: 1021px){
  .withdrawal-mar-custom{
    margin-top: 15px !important;
  }
}