.msl-wpr .callout-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    height: 100%;
    flex-grow: 1;
}

.campaign #find-specialist-wpr.callout.horizontal .callout-img {
    background-position: 45% 50%;
}

#success-wpr .callout-content {
    align-items: center;
}

.nav-btn-wpr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    align-items: center;
}

#find-specialist-wpr {
    overflow: visible;
}

.input-wpr.hide-required.required>label:before {
    display: none !important;
}

.btn:not(.tablesaw-nav-btn).back-btn {
    display: inline-block;
    text-decoration: none;
    position: relative;
    padding: 0;
    min-width: auto;
    border: none;
    padding-left: 30px;
    color: #006ac3;
    font-weight: 400;
}

.suggested-locations {
    color: #006ac3;
    font-weight: 400;
}

.back-btn:before {
    content: url(/dvl/v1.0/assets/images/ui/ui-external-arrow-left-blue.svg);
    position: absolute;
    left: 0;
    top: -1px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 0;
}

.text-small, .back-btn, .continue, .toggle-search, .toggle-purpose, #submit-application, ul.slick-dots li {
    font-size: 1.6rem !important;
}

.fw-400 {
    font-weight: 400;
}

input[type=checkbox]+label.text-small:before {
    margin-top: -3px;
}

.flex-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#dynamic-carousel .carousel-wpr .carousel-ctrl .carousel-prev:before,
#dynamic-carousel .carousel-wpr .carousel-ctrl .carousel-next:before {
    width: 10px;
    height: 16px;
}

#dynamic-carousel {
    background-color: rgba(238, 238, 238, 0.4);
    padding-top: 30px;
    padding-bottom: 30px;
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto !important;
}

.slick-slide>div {
    height: 100%;
}

.slick-disabled {
    pointer-events: none;
}

#dynamic-carousel .carousel-wpr .carousel-inner .carousel-item {
    outline: none;
}

.msl-wpr .carousel-item .callout .callout-content {
    padding: 15px;
}

.campaign .msl-wpr .carousel-wpr[data-visible-slide] .carousel-item {
    padding-left: 10px;
    padding-right: 10px;
}

.profile-wpr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px;
    position: relative;
}

.profile-img-wpr {
    width: 80px;
    height: 80px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    overflow: hidden;
}

.profile-img {
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.flex-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.select-success-img {
    position: absolute;
    left: 50px;
    bottom: 0;
}

.success-title {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: normal!important;
    padding: 0;
    margin: 0;
}

.success-title:before {
    content: url(/dvl/v1.0/assets/images/icons/icon-approved.svg);
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 40px;
    width: 40px;
    margin-right: 20px;
    float: left;
    font-size: 0;
    line-height: 0;
}

.specialist-languages, .specialist-locations, 
.selected-specialist-languages, .selected-specialist-locations {
    text-transform: capitalize;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
}

.inline-icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.carousel-wpr .carousel-inner .carousel-item .inline-icon img.icon-20,
.inline-icon img.icon-20 {
    -webkit-flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    margin-right: 15px !important;
    margin-left: 0 !important;
    display: inline-block !important;
}

.text-small.standalone-link:before {
    top: 6px;
}

input[type=tel] {
    padding: 10px 10px;
    border: 1px solid #c4c8cc;
    outline: 0!important;
    line-height: 1.6rem;
    border-radius: 0;
    border-collapse: collapse;
    min-height: 50px;
    width: 0;
    min-width: 130px;
    color: #252525;
}

input[type=tel]:focus {
    font-size: 1.6rem;
    line-height: 1.6rem;
    box-shadow: inset 0 0 0 1px #006ac3!important;
    border: 1px solid #006ac3!important;
    outline: 1px dotted;
    outline-offset: 1px;
}

.field-error input[type=tel] {
    box-shadow: inset 0 0 0 1px #bd0000;
    border: 1px solid #bd0000;
}

.campaign input[type=tel] {
    line-height: 1.6rem;
    font-size: 1.4rem;
    font-family: Roboto;
    font-weight: 300;
    font-style: normal;
}

input[type=checkbox].disabled+label:before {
    content: "";
    background: #eeeeee;
}

input[type="text"].disabled {
    background-color: #eeeeee;
}

textarea+.counter {
    float: right;
    width: 45%;
}

.slick-dots li {
    display: none;
}

.slick-dots li.slick-active {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: Georgia,Times,"Times New Roman",serif;
    font-style: italic;
}

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

@media (min-width: 640px) {
    #about-you-wpr, #address-wpr, #contact-wpr,
    #about-you-wpr .callout-content, #address-wpr .callout-content, #contact-wpr .callout-content {
        min-height: 450px;
    }

    #success-wpr {
        min-height: 0;
    }

    .max-w-291 {
        max-width: 291px;
    }

    .field-row.about-you-col-wpr .col-2 {
        width: 20%;
    }

    .field-row.about-you-col-wpr .col-5 {
        width: 40%;
    }

    .carousel-ctrl.carousel-ctrl-min {
        display: none !important;
    }
}

@media (max-width: 639px) {
    #page-title {
        text-align: center;
    }

    #find-specialist-wpr .callout-img {
        display: none;
    }

    .mob-text-center {
        text-align: center;
    }

    .mob-text-left {
        text-align: left !important;
    }

    .mob-fl-r {
        float: right;
    }

    #success-wpr .callout-content .grid-wpr {
        border: solid 1px #c4c8cc;
        padding: 15px;
    }

    #success-wpr .callout-content {
        align-items: flex-start;
    }

    .flex-grid {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    
    .back-to-mortgages {
        text-align: left !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    ul.inline li:last-child {
        padding-right: 0;
    }

    #find-specialist-results-wpr {
        margin-left: -15px;
        margin-right: -15px;
        padding-right: 15px;
        padding-left: 15px;
    }

    #dynamic-carousel {
        margin-left: -15px;
        margin-right: -15px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .callout .callout-content {
        padding: 0 !important;
    }

    .carousel-item .callout .callout-content {
        padding: 15px !important;
    }

    #dynamic-carousel .carousel-wpr .carousel-ctrl {
        -webkit-justify-content: space-between;
        -ms-flex-pack: distribute;
        justify-content: space-between;
    }

    .field-row [class*=col-] {
        padding-left: 0 !important;
        padding-right: 0!important;
    }

    .msl-wpr {
        border: none;
    }

    .field-row.centered {
        display: block !important;
    }

    .field-row.centered .field-row {
        margin-left: 0;
        margin-right: 0;
    }

    textarea+.counter {
        float: none;
        width: 100%;
    }

    .mob-horizontal label {
        float: left;
    }

    .mob-horizontal label:first-of-type {
        margin-right: 45px;
    }
}

@media (min-width: 960px) {
    #dynamic-carousel {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .msl-wpr.callout .callout-content {
        padding: 30px;
    }

    .campaign input[type=tel] {
        line-height: 2.4rem;
        font-size: 1.6rem;
    }

    .campaign #find-specialist-wpr.callout.horizontal .callout-img {
        width: 455px;
    }
}

@media (max-width: 960px) and (min-width: 639px) {
    #dynamic-carousel {
        margin-left: calc(-15px - (20 - 15) * ((100vw - 639px)/(960 - 639)));
        margin-right: calc(-15px - (20 - 15) * ((100vw - 639px)/(960 - 639)));
        padding-left: calc(15px + (20 - 15) * ((100vw - 639px)/(960 - 639)));
        padding-right: calc(15px + (20 - 15) * ((100vw - 639px)/(960 - 639)));
    }

    .msl-wpr.callout .callout-content {
        padding: calc(15px + (30 - 15) * ((100vw - 639px)/ (960 - 639)))
    }

    .campaign input[type=tel] {
        line-height: calc(2.1rem + (24 - 21) * ((100vw - 639px)/ (960 - 639)));
        font-size: calc(1.4rem + (16 - 14) * ((100vw - 639px)/ (960 - 639)));
    }
    
    .campaign #find-specialist-wpr.callout.horizontal .callout-img {
        width: calc(300px + (455 - 300) * ((100vw - 639px)/ (960 - 639)));
    }
}