.mini-heading {
    font-size: 16px;
    display: block;
    font-weight: 600;
    margin-bottom: 18px;
    line-height: 1.6rem;
    margin-top: 16px
}

.container-sub-section {
    padding-top: 38px;
    padding-bottom: 38px;
    padding-left: 60px;
    background-color: #e3f4ff
}

.container-sub-section.twoline-desktop {
    padding-top: 26.5px!important;
    padding-bottom: 26.5px!important
}

.container-sub-section a.arrow-link {
    font-size: 22px;
    line-height: 1.09;
    text-decoration: none!important;
    display: block
}

.container-sub-section a.arrow-link:hover:after {
    margin-left: 26px
}

.large-promo {
    position: absolute;
    top: 53px;
    left: 60px;
    max-width: 78%
}

.large-promo-container {
    height: 680px
}

.bg-rbcoffers,
.bg-rbcrewards,
.bg-rbcxmusic {
    background-position: center
}

.disclaimer button.collapse-toggle {
    line-height: inherit!important
}

@media(max-width:1200px)and (min-width:639px) {
    .disclaimer .section-inner>p {
        line-height: calc(2.4rem + (27 - 24) * ((100vw - 639px)/ (1200 - 639)))
    }
}

@media(max-width:639px) {
    .disclaimer .section-inner>p {
        line-height: 2.4rem
    }
    .auto-clickable sup>a,
    .semiauto-click sup>a {
        padding: 1em;
        margin: -1em
    }
}
.auto-clickable h2,
.auto-clickable h3,
.semiauto-click h2,
.semiauto-click h3,
.auto-clickable:hover,
.callout-clickable .callout-img:hover,
.manual-clickable:hover,
.semiauto-click:hover {
    cursor: pointer
}


.semiauto-click .callout,
.semiauto-click .container-sub-section:not(a),
.semiauto-click .product-bottom-box,
.semiauto-click .product-collapsible{
    cursor: default!important
}

@media(min-width:1200px) {
    .disclaimer .section-inner>p {
        line-height: 2.7rem
    }
}

@media screen and (min-width:640px)and (max-width:850px) {
    .restrict-40-percent {
        max-width: 60%!important
    }
}

@media screen and (min-width:640px) {
    .custom-60px-font sup>a.superscript-font {
        font-size: 20px
    }
    .custom-60px-font sup {
        top: -1.5em
    }
    .custom-60px-font h2 sup {
        top: -1.2em
    }
    .desktop-bg-left {
        background-position: left
    }
    .single-banner.wide-fr {
        max-width: 965px
    }
    .restrict-40-percent {
        max-width: 42%
    }
    .container-sub-section a.arrow-link:after {
        content: "→";
        margin-left: 6px;
        transition: all .25s linear;
        font-size: 18px;
        height: 23px;
        display: inline-flex;
        align-items: center;
        vertical-align: top
    }
    .desktop-pad-l-20 {
        padding-left: 20px!important
    }
    .desktop-pad-r-20 {
        padding-right: 20px!important
    }
    .white-vertical:after {
        content: "";
        height: 150px;
        border-right: 2px solid #fff;
        position: absolute;
        left: calc(100% - 30px);
        top: -38px
    }
    .margin-bottom-tiny {
        margin-bottom: 2px
    }
    .bg-rbcxmusic {
        background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/perks-and-rewards/02_events_desktop.jpg);
        z-index: 1
    }
    .bg-dogood {
        background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/some_good_desktop.jpg)
    }
    .bg-rbcrewards {
        background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(/fr/solutions-pour-etudiants/_assets-custom/images/ie-bnr1.jpg);
        background-position: 30% 30%;
        background-repeat: no-repeat;
    }
    .bg-rbcoffers {
        background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/fr/solutions-pour-etudiants/_assets-custom/images/perks-and-rewards/credit-card.jpg)
    }
    .main-promo-container.massive {
        max-height: 810px!important;
        min-height: 810px!important;
        margin-bottom: 55px
    }
    .center-floating-text {
        position: absolute;
        width: 100%;
        top: calc(50% - 70px)
    }
    .restricted-size-med {
        width: 370px
    }
    .bg-upskill {
        background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/future-launch/02_upskill_desktop.jpg)
    }
    .bg-prepped{
        background-image:url(/fr/solutions-pour-etudiants/_assets-custom/images/future-launch/prepped-white-shirt.png);           background-size: contain !important;
        background-color: #222938;
        background-position: right;
        background-repeat: no-repeat;
    }
    .bg-homepage-a {
        background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/fr/solutions-pour-etudiants/_assets-custom/images/banner-breakfast-tacos.jpg);
        background-position: center
    }
    .bg-secondary-1 {
        background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/studying.jpg)!important;
        background-position: center;
        box-shadow: 0 0 1px 5000px rgba(0, 0, 0, .2)
    }
    .bg-secondary-2 {
        background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/homepage-a-secondary-2.jpg)!important;
        background-position: right
    }
    .bg-secondary-3 {
        background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/homepage-a-secondary-3.jpg)!important;
        background-position: right
    }
}

.no-arrow:after {
    content: ""!important;
    margin-left: 0!important
}

.no-click {
    pointer-events: none
}

@media(max-width:767px) {
    .side-menu {
        width: 100%!important
    }
}

@media screen and (max-width:639px) {
    .cta-overlay a {
        display: inline-block;
        position: relative;
        z-index: 1;
        padding: 1em;
        margin: -1em
    }
    html.ios .material-icons.close-btn-side {
        font-size: 27px!important
    }
    .mob-force-pad-l-10 {
        padding-left: 10px!important
    }
    .single-banner.wide-fr {
        max-width: 320px!important
    }
    .container-sub-section a.arrow-link:after {
        content: "→";
        margin-left: 6px;
        transition: all .25s linear;
        font-size: 18px;
        height: 23px;
        display: inline-flex;
        align-items: center
    }
    .restricted-size-med {
        max-width: 200px
    }
    .restricted-size-med.mob-restrict-large {
        max-width: 260px
    }
    .bg-upskill {
        background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/02_upskill_mobile_custom.png);
        background-position: left
    }
    .bg-prepped{
        background-image:url(/fr/solutions-pour-etudiants/_assets-custom/images/future-launch/prepped-white-shirt.png);background-position: top;
        background-size: contain !important;
        background-color: #222938;
        background-repeat: no-repeat;}
    .bg-dogood {
        background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/some_good_mobile.jpg)
    }
    .mob-mar-b-35 {
        margin-bottom: 35px
    }
    .mini-heading {
        font-size: 11px;
        font-weight: 600;
        margin-left: 20px;
        line-height: 1.1rem;
        margin-bottom: 18.5px;
        margin-top: 5px;
        display: block
    }
    .text-overlay.single-banner.widest {
        max-width: 70%!important;
        margin-top: 115px
    }
    .mob-pad-l-20 {
        padding-left: 20px!important
    }
    .container-sub-section {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .white-divider {
        height: 5px;
        width: 100%;
        background-color: #fff;
        margin-top: 15px;
        margin-bottom: 15px
    }
    .container-sub-section a.arrow-link {
        font-size: 16px!important;
        line-height: 1.25
    }
    .container-sub-section {
        padding-left: 20px
    }
    .margin-bottom-tiny {
        margin-bottom: 5px
    }
    .bg-rbcxmusic {
        background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(/fr/solutions-pour-etudiants/_assets-custom/images/perks-and-rewards/02_events_mobile.jpg)
    }
    .bg-rbcrewards {
        background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(/fr/solutions-pour-etudiants/_assets-custom/images/ie-bnr1.jpg);
        background-size: cover;
        background-position: 30% 30%;
        background-repeat: no-repeat;
    }
    .bg-rbcoffers {
        background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.5)), url(/fr/solutions-pour-etudiants/_assets-custom/images/perks-and-rewards/credit-card.jpg);
        background-size: cover;
        background-position: top
    }
    .mob-pad-b-40 {
        padding-bottom: 40px!important
    }
    .text-overlay.large-promo.wide {
        left: 20px!important;
        top: 37px!important
    }
    .large-promo-container {
        max-height: 320px !important;
        min-height: 320px !important
    }.main-promo-container.bg-prepped{
        min-height: 600px !important;}
    .bg-homepage-a {
        background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/fr/solutions-pour-etudiants/_assets-custom/images/banner-breakfast-tacos.jpg);
        background-size: cover;
        background-position: top
    }
    .bg-secondary-1 {
        background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/studying.jpg)!important;
        background-size: cover;
        background-position-x: 50%;
        background-position-y: 30%;
        box-shadow: 0 0 1px 5000px rgba(0, 0, 0, .2)
    }
    .bg-secondary-2 {
        background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/homepage-a-secondary-2-mobile.jpg)!important;
        background-size: cover;
        background-position: top
    }
    .bg-secondary-3 {
        background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/homepage-a-secondary-3-mobile.jpg)!important;
        background-size: cover;
        background-position: center
    }
    .bg-secondary-4 {
        /*background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/banner-fl-at-home.jpg)!important;*/
        background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/banner-fl-scholarship.jpg)!important;
        background-size: cover;
        background-position: left
    }
}

@media screen and (max-width:479px) {
    #page-title {
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }
}

@media screen and (min-width:640px)and (max-width:780px) {
    .bg-dogood {
        background-position: 15% 50%!important
    }
}

img.icon-48 {
    vertical-align: middle;
    display: inline-block;
    width: 48px;
    height: 48px
}

.box-section .grid-one-fourth a:hover,
.no-underline {
    text-decoration: none!important
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: none
}

header #header .header-content .global-nav .global-nav-item ul#header-language li:nth-child(2) {
    border-bottom: none;
    padding-bottom: 0
}

.relative {
    position: relative
}

.text-overlay.single-banner {
    position: absolute;
    top: 60px;
    left: 60px;
    max-width: 600px
}

.text-overlay.single-banner.wide {
    max-width: 665px
}

.text-overlay.single-banner.ultra-wide {
    max-width: 50%
}

.text-overlay.secondary-promo {
    position: absolute;
    top: 60px;
    left: 60px;
    max-width: 300px
}

.text-overlay.secondary-promo.wide {
    max-width: 378px
}

.bottom-aligned .text-overlay.secondary-promo {
    bottom: 110px;
    top: auto!important
}

.cta-overlay {
    position: absolute;
    bottom: 51px;
    left: 60px
}

.button-overlay {
    position: absolute;
    bottom: 60px;
    left: 60px
}

.main-promo-container.shorter {
    max-height: 480px!important;
    min-height: 480px!important
}

.secondary-promo-container {
    max-height: 478px;
    overflow: hidden;
    min-height: 478px;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5))
}

.cta-overlay a:not(.default-font) {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media(min-width:639px)and (max-width:1440px) {
    .cta-overlay a:not(.default-font) {
        font-size: calc(1.6rem + (22 - 16) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .cta-overlay a:not(.default-font) {
        font-size: 2.2rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .cta-overlay a:not(.default-font) {
        line-height: calc(2.4rem + (24 - 24) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .cta-overlay a:not(.default-font) {
        line-height: 2.4rem!important
    }
}

.cta-overlay a {
    text-decoration: none
}

.cta-overlay.major a {
    text-decoration: none
}

.energy-lines:before {
    content: "";
    background-image: url(/dvl/v1.0/assets/images/ui/energy-lines.png);
    background-repeat: no-repeat;
    background-position: 100% 82%;
    display: block;
    position: absolute;
    right: 10px;
    left: 10px;
    bottom: 0;
    width: 95%;
    height: 100%;
    z-index: 1
}

.student-image {
    content: "";
    background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/iStock-1256719652.jpg);
    background-repeat: no-repeat;
    background-position: 50% center;
    background-size: cover;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 1px 5000px rgba(0, 0, 0, .2);
    z-index: 0
}
.studentbr-image {
    content: "";
    background-image: url(/fr/dms/students/multi/_assets-custom/images/concert-cash-banner.jpg);
    background-repeat: no-repeat;
    background-position: 50% center;
    background-size: cover;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 1px 5000px rgba(0, 0, 0, .2);
    z-index: 0
}

.future-launch-image {
	/*background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/banner-fl-at-home.jpg);*/
    background-image: url(/fr/solutions-pour-etudiants/_assets-custom/images/banner-fl-scholarship.jpg);
	background-position: 70% center !important;
	box-shadow: inset 0 0 1px 5000px rgba(0, 0, 0, .2);
}

.uppercase {
    text-transform: uppercase
}

footer .fat-footer {
    background-color: #002750!important
}

#header-language li:nth-child(3),
#header-language li:nth-child(4) {
    display: none
}

@media screen and (max-width:639px) {
    #reasons-carousel .carousel-inner .carousel-item {
        min-height: 360px
    }
    #reasons-carousel .cta-overlay {
        position: relative;
        bottom: 0;
        left: 0
    }
    .custom-mobile-carousel .cta-overlay {
        bottom: 80px
    }
    .text-overlay.single-banner.wide {
        max-width: 230px
    }
    .bottom-aligned .text-overlay.secondary-promo {
        bottom: 140px
    }
    .grey-box-section .grid-one-fourth {
        width: 49%;
        display: inline-block
    }
    .mobile-only-inline {
        display: inline!important
    }
    #page-title {
        font-weight: 400!important;
        font-size: 16px;
        line-height: 2.1rem;
        margin-top: 30px;
        margin-bottom: 30px
    }
    .main-promo-container,
    .main-promo-container.massive,
    .main-promo-container.shorter {
        max-height: 320px!important;
        min-height: 320px!important
    }
    .text-overlay.single-banner {
        position: absolute;
        top: 40px;
        left: 20px;
        max-width: 175px
    }
    .button-overlay,
    .cta-overlay {
        position: absolute;
        bottom: 40px;
        left: 20px
    }
    .text-overlay.secondary-promo {
        position: absolute;
        top: 40px;
        left: 20px;
        max-width: 180px
    }
    .text-overlay.secondary-promo.mob-wide {
        max-width: 3000px
    }
    .secondary-promo-container {
        max-height: 320px;
        overflow: hidden;
        min-height: 320px;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5))
    }
    .mob-custom-pad-b-10 {
        padding-bottom: 10px!important
    }
    .text-overlay .text-white {
        font-size: 2.6rem;
        /* line-height: 1.15 */
    }
    .superscript-font {
        font-size: 1.5rem!important;
        line-height: 1.15
    }
    .fat-footer-inner {
        padding-left: 30px!important;
        padding-right: 30px!important;
        padding-top: 40px!important
    }
    .social-list {
        display: flex;
        justify-content: space-between
    }
    .app-list li {
        width: 100%;
        display: inline-block
    }
    .about-list li {
        margin-bottom: 20px!important
    }
    .cta-overlay a:after {
        content: "→";
        margin-left: 6px;
        transition: all .25s linear
    }
}

@media screen and (min-width:640px) {
    #reasons-carousel .cta-overlay {
        position: static
    }
    #reasons-carousel .cta-overlay a:after {
        content: "→";
        position: relative;
        margin-left: 0;
        left: 8px;
        transition: all .25s linear
    }
    #reasons-carousel .cta-overlay:hover a:after {
        position: relative;
        margin-left: 0;
        left: 26px;
        transition: all .25s linear
    }
    #dl-carousel .material-icons,
    #reasons-carousel-ctrl .material-icons {
        display: none!important
    }
    .bottom-aligned .text-overlay.secondary-promo {
        height: 213px
    }
    .product-inner.bg-img {
        background: 0 0!important
    }
    .main-promo-container .text-overlay.single-banner.widest .h1,
    .text-overlay.single-banner.wide h2 {
        font-size: 4rem;
        line-height: 1.17;
        max-width: 85%
    }

    .text-overlay.single-banner.custom-upskill h2 {
        font-size: 4rem;
        line-height: 1.17;
    }
}

@media screen and (min-width:640px)and (min-width:639px)and (max-width:1440px) {
    .main-promo-container .text-overlay.single-banner.widest .h1,
    .text-overlay.single-banner.custom-upskill h2,
    .text-overlay.single-banner.wide h2 {
        font-size: calc(4rem + (60 - 40) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media screen and (min-width:640px)and (min-width:1440px) {
    .main-promo-container .text-overlay.single-banner.widest .h1,
    .text-overlay.single-banner.custom-upskill h2,
    .text-overlay.single-banner.wide h2 {
        font-size: 6rem!important
    }
}

@media screen and (min-width:640px) {
    .pad-b-40 {
        padding-bottom: 40px!important
    }
}

@media screen and (min-width:640px) {
    #page-title {
        margin-top: 57px;
        margin-bottom: 57px!important
    }
}

@media screen and (min-width:640px) {
    .secondary-promo-section .grid-one-third:first-child {
        padding-right: 1.5px
    }
}

@media screen and (min-width:640px) {
    .secondary-promo-section .grid-one-third:last-child {
        padding-left: 1.5px
    }
}

@media screen and (min-width:640px) {
    .secondary-promo-section .grid-one-third:nth-child(2) {
        padding-left: 1.5px;
        padding-right: 1.5px
    }
}

@media screen and (min-width:640px) {
    .mobile-only-inline {
        display: none
    }
}

@media screen and (min-width:640px) {
    .main-promo-container {
        max-height: 720px;
        overflow: hidden;
        background-size: cover
    }
}

@media screen and (min-width:640px) {
    .custom-60px-font {
        font-size: 6rem;
        line-height: 1.17
    }
}

@media screen and (min-width:640px) {
    .custom-60px-scaled-font {
        font-size: 3rem;
        line-height: 1.17
    }
}

@media screen and (min-width:640px)and (min-width:639px)and (max-width:1440px) {
    .custom-60px-scaled-font {
        font-size: calc(3rem + (60 - 30) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media screen and (min-width:640px)and (min-width:1440px) {
    .custom-60px-scaled-font {
        font-size: 6rem!important
    }
}

@media screen and (min-width:640px) {
    .social-list li {
        display: inline-block;
        margin-right: 30px
    }
}

@media screen and (min-width:640px) {
    .social-list li:last-child {
        margin-right: 0!important
    }
}

@media screen and (min-width:640px) {
    .app-list li {
        width: 25%;
        display: inline;
        margin-right: 20px
    }
}

@media screen and (min-width:640px) {
    .app-list li a {
        font-size: 1.4rem
    }
}

@media screen and (min-width:640px) {
    .about-list li {
        margin-bottom: 20px
    }
}

@media screen and (min-width:640px) {
    .social-list {
        margin-top: 40px;
        display: flex;
        flex-direction: row;
        justify-content: center
    }
}

@media screen and (min-width:640px) {
    .cta-overlay a:after {
        content: "→";
        margin-left: 6px;
        transition: all .25s linear
    }
}

@media screen and (min-width:640px) {
    .cta-overlay:hover a:after {
        margin-left: 26px;
        transition: all .25s linear
    }
}

@media screen and (max-width:767px) {
    main {
        margin-top: 60px!important
    }
}

a.android-link:before,
a.apple-link:before,
a.blackberry-link:before,
a.windows-link:before {
    margin-right: 10px!important
}

.main-promo-container {
    max-height: 720px;
    overflow: hidden;
    min-height: 720px;
    background-size: cover
}

.main-promo-container.medium-size {
    max-height: 680px;
    min-height: 680px
}

.grey-box {
    background-color: #f1f1f1;
    padding: 25px;
    height: 100%;
    min-height: 200px
}

footer .fat-footer .fat-footer-inner,
header #header {
    max-width: 1310px!important
}

section .section-inner {
    max-width: 1480px!important
}

.windows-link:before {
    background-image: url(../images/icons/icon-windows-logo-white.svg)!important
}

.blackberry-link:before {
    background-image: url(../images/icons/icon-blackberry-logo-white.svg)!important;
    background-position: bottom!important
}

footer li a,
footer li span {
    font-size: 1.4rem!important;
    font-weight: 400!important
}

header {
    position: fixed;
    z-index: 300
}

main {
    margin-top: 90px
}

.button-overlay,
.cta-overlay,
.text-overlay {
    z-index: 150
}

.header-links-custom a {
    position: relative;
    text-decoration: none;
    font-weight: 400!important;
    transition: all .05s linear
}

.header-links-custom a:hover:after {
    content: "";
    position: absolute;
    top: 120%;
    right: 0;
    width: 100%;
    height: 2px;
    background: #fedf01
}

section.narrow .section-inner {
    max-width: 1310px!important
}

.collapse-toggle,
p {
    font-weight: 400!important;
    font-size: 1.4rem;
    line-height: 2rem
}

@media(min-width:639px)and (max-width:1440px) {
    .collapse-toggle,
    p {
        font-size: calc(1.4rem + (18 - 14) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .collapse-toggle,
    p {
        font-size: 1.8rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .collapse-toggle,
    p {
        line-height: calc(2rem + (27 - 20) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .collapse-toggle,
    p {
        line-height: 2.7rem!important
    }
}

a {
    font-weight: 500!important
}

.font-60 {
    font-size: 2.8rem;
    line-height: 3rem
}

@media(min-width:639px)and (max-width:1440px) {
    .font-60 {
        font-size: calc(2.8rem + (60 - 28) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .font-60 {
        font-size: 6rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .font-60 {
        line-height: calc(3rem + (70 - 30) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .font-60 {
        line-height: 7rem!important
    }
}

.font-36,
.text-overlay.secondary-promo {
    font-size: 2.6rem;
    line-height: 3rem
}

@media(min-width:639px)and (max-width:1440px) {
    .font-36,
    .text-overlay.secondary-promo {
        font-size: calc(2.6rem + (36 - 26) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .font-36,
    .text-overlay.secondary-promo {
        font-size: 3.6rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .font-36,
    .text-overlay.secondary-promo {
        line-height: calc(3rem + (40 - 30) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .font-36,
    .text-overlay.secondary-promo {
        line-height: 4rem!important
    }
}

.font-32 {
    font-size: 2.4rem;
    line-height: 3rem
}

@media(min-width:639px)and (max-width:1440px) {
    .font-32 {
        font-size: calc(2.4rem + (32 - 24) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .font-32 {
        font-size: 3.2rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .font-32 {
        line-height: calc(3rem + (40 - 30) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .font-32 {
        line-height: 4rem!important
    }
}

.cta-overlay.major a,
.font-30 {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media(min-width:639px)and (max-width:1440px) {
    .cta-overlay.major a,
    .font-30 {
        font-size: calc(1.6rem + (30 - 16) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .cta-overlay.major a,
    .font-30 {
        font-size: 3rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .cta-overlay.major a,
    .font-30 {
        line-height: calc(2.4rem + (24 - 24) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .cta-overlay.major a,
    .font-30 {
        line-height: 2.4rem!important
    }
}

.font-28 {
    font-size: 1.6rem;
    line-height: 2rem
}

@media(min-width:639px)and (max-width:1440px) {
    .font-28 {
        font-size: calc(1.6rem + (28 - 16) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .font-28 {
        font-size: 2.8rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .font-28 {
        line-height: calc(2rem + (30 - 20) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .font-28 {
        line-height: 3rem!important
    }
}

.font-24 {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media(min-width:639px)and (max-width:1440px) {
    .font-24 {
        font-size: calc(1.6rem + (24 - 16) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .font-24 {
        font-size: 2.4rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .font-24 {
        line-height: calc(2.4rem + (30 - 24) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .font-24 {
        line-height: 3rem!important
    }
}

.font-22 {
    font-size: 1.4rem;
    line-height: 2.1rem
}

@media(min-width:639px)and (max-width:1440px) {
    .font-22 {
        font-size: calc(1.4rem + (22 - 14) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .font-22 {
        font-size: 2.2rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .font-22 {
        line-height: calc(2.1rem + (21 - 21) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .font-22 {
        line-height: 2.1rem!important
    }
}

.rbcdisplay-bold {
    font-weight: 700!important
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Roboto, Arial, Helvetica, sans-serif
}

.btn.normal {
    min-width: 350px;
    max-height: 80px;
    color: #fff!important;
    padding: 30px 33px!important;
    text-transform: none!important;
    font-size: 1.4rem;
    line-height: 2.1rem
}

@media(min-width:639px)and (max-width:1440px) {
    .btn.normal {
        font-size: calc(1.4rem + (22 - 14) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .btn.normal {
        font-size: 2.2rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .btn.normal {
        line-height: calc(2.1rem + (21 - 21) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .btn.normal {
        line-height: 2.1rem!important
    }
}

.btn.normal:hover,
.btn.wide:hover {
    color: #000!important;
    background: #fff!important;
    transition: all .2s linear
}

.btn.wide {
    color: #fff!important;
    padding: 30px 101px!important;
    text-transform: none!important;
    font-size: 1.4rem;
    line-height: 2.1rem
}

@media(min-width:639px)and (max-width:1440px) {
    .btn.wide {
        font-size: calc(1.4rem + (22 - 14) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .btn.wide {
        font-size: 2.2rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .btn.wide {
        line-height: calc(2.1rem + (21 - 21) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .btn.wide {
        line-height: 2.1rem!important
    }
}

.btn.blue {
    color: #006ac3!important;
    padding: 30px 33px!important;
    text-transform: none!important;
    font-size: 1.4rem;
    line-height: 2.1rem;
    border: 1px solid #006ac3;
    display: block
}

@media(min-width:639px)and (max-width:1440px) {
    .btn.blue {
        font-size: calc(1.4rem + (22 - 14) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .btn.blue {
        font-size: 2.2rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .btn.blue {
        line-height: calc(2.1rem + (21 - 21) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .btn.blue {
        line-height: 2.1rem!important
    }
}

.btn.minor {
    font-size: 1.6rem!important;
    padding: 19px 28px!important
}

.inner-wpr,
section .section-inner {
    padding: 20px
}

section .section-inner {
    padding-top: 20px;
    padding-bottom: 20px
}

@media(min-width:639px)and (max-width:1440px) {
    section .section-inner {
        padding-top: calc(20px + (40 - 20) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    section .section-inner {
        padding-top: 40px
    }
}

@media(min-width:639px)and (max-width:1440px) {
    section .section-inner {
        padding-bottom: calc(20px + (40 - 20) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    section .section-inner {
        padding-bottom: 40px
    }
}

.grid-wpr {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: -10px;
    margin-left: -10px;
    padding: 0
}

@media(min-width:639px)and (max-width:1440px) {
    .grid-wpr {
        margin-top: calc(10px + (40 - 10) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .grid-wpr {
        margin-top: 40px
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .grid-wpr {
        margin-bottom: calc(10px + (40 - 10) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .grid-wpr {
        margin-bottom: 40px
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .grid-wpr {
        margin-right: calc(-10px + (-20 - -10) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .grid-wpr {
        margin-right: -20px
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .grid-wpr {
        margin-left: calc(-10px + (-20 - -10) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .grid-wpr {
        margin-left: -20px
    }
}

.grid-wpr>[class*=grid-] {
    padding-left: 10px;
    padding-right: 10px
}

@media(min-width:639px)and (max-width:1440px) {
    .grid-wpr>[class*=grid-] {
        padding-left: calc(10px + (20 - 10) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .grid-wpr>[class*=grid-] {
        padding-left: 20px
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .grid-wpr>[class*=grid-] {
        padding-right: calc(10px + (20 - 10) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .grid-wpr>[class*=grid-] {
        padding-right: 20px
    }
}

@media screen and (max-width:639px) {
    .grid-wpr>[class*=grid-] {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.grid-wpr>.slick-list>.slick-track>[class*=grid-] {
    padding-left: 10px;
    padding-right: 10px
}

@media(min-width:639px)and (max-width:1440px) {
    .grid-wpr>.slick-list>.slick-track>[class*=grid-] {
        padding-left: calc(10px + (20 - 10) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .grid-wpr>.slick-list>.slick-track>[class*=grid-] {
        padding-left: 20px
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .grid-wpr>.slick-list>.slick-track>[class*=grid-] {
        padding-right: calc(10px + (20 - 10) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .grid-wpr>.slick-list>.slick-track>[class*=grid-] {
        padding-right: 20px
    }
}

@media screen and (max-width:639px) {
    .grid-wpr>.slick-list>.slick-track>[class*=grid-] {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.callout .callout-img {
    min-height: 220px
}

.call-box,
.callout .callout-call {
    background: #e3f4ff;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.call-box p,
.callout .callout-call p {
    font-weight: 500!important;
    margin-bottom: 0
}

.call-box .tel-number,
.callout .callout-call .tel-number {
    font-weight: 700!important
}

.call-box {
    margin-bottom: -30px;
    margin-left: -20px;
    margin-right: -20px
}

.callout .callout-content {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:639px)and (max-width:1440px) {
    .callout .callout-content {
        padding-top: calc(20px + (40 - 20) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .callout .callout-content {
        padding-top: 40px
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .callout .callout-content {
        padding-bottom: calc(20px + (40 - 20) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .callout .callout-content {
        padding-bottom: 40px
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .callout .callout-content {
        padding-left: calc(20px + (40 - 20) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .callout .callout-content {
        padding-left: 40px
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .callout .callout-content {
        padding-right: calc(20px + (40 - 20) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .callout .callout-content {
        padding-right: 40px
    }
}

.callout .callout-content .callout-link a {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 500
}

.product-container {
    display: block;
    position: relative
}

.product-container.bg-img {
    background-position: center;
    background-size: cover
}

.product-container .product-inner {
    height: auto;
    min-height: 800px;
    padding: 30px;
    padding-top: 55px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between
}

.product-container .product-inner .product-text-overlay {
    flex: 0 1 50%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.product-container .product-inner .product-text-overlay h2 {
    color: #fff!important;
    font-size: 2.8rem;
    line-height: 3rem;
    margin-bottom: 15px
}

@media(min-width:639px)and (max-width:1440px) {
    .product-container .product-inner .product-text-overlay h2 {
        font-size: calc(2.8rem + (60 - 28) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .product-container .product-inner .product-text-overlay h2 {
        font-size: 6rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .product-container .product-inner .product-text-overlay h2 {
        line-height: calc(3rem + (70 - 30) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .product-container .product-inner .product-text-overlay h2 {
        line-height: 7rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .product-container .product-inner .product-text-overlay h2 {
        margin-bottom: calc(15px + (85 - 15) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .product-container .product-inner .product-text-overlay h2 {
        margin-bottom: 85px
    }
}

.product-container .product-inner .product-text-overlay h3 {
    font-size: 3.2rem;
    line-height: 5.2rem;
    color: #fff!important;
    font-size: 1.4rem;
    line-height: 3.6rem;
    font-weight: 700;
    margin-top: 0
}

@media(min-width:639px)and (max-width:1440px) {
    .product-container .product-inner .product-text-overlay h3 {
        font-size: calc(1.4rem + (32 - 14) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .product-container .product-inner .product-text-overlay h3 {
        font-size: 3.2rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .product-container .product-inner .product-text-overlay h3 {
        line-height: calc(3.6rem + (52 - 36) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .product-container .product-inner .product-text-overlay h3 {
        line-height: 5.2rem!important
    }
}

.product-container .product-inner .product-info-box {
    max-width: 600px;
    flex: 0 1 50%
}

.product-container .product-bottom-box {
    padding: 30px 30px;
    width: 100%;
    min-height: 100px;
    background: #fff;
    border: 1px solid #dbdbdb;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.product-container .product-collapsible {
    background: #fff;
    border: 1px solid #dbdbdb;
    border-top: none
}

.product-container .product-collapsible .collapse-content .collapse-inner {
    border-bottom: 1px solid #dbdbdb;
    padding: 30px 20px
}

.product-container .product-collapsible .collapse-toggle {
    padding: 15px 20px;
    width: 100%
}

.product-container .product-collapsible .collapse-toggle:after,
.product-container .product-collapsible .collapse-toggle:before {
    content: none
}

.product-container .product-collapsible .collapse-toggle:after {
    content: url(../images/icons/circle-arrow.svg);
    width: 24px;
    height: 24px;
    display: block;
    float: right;
    position: static;
    margin: 0;
    transform: rotate(180deg)
}

.product-container .product-collapsible .collapse-toggle.collapsed:after {
    transform: rotate(0)
}

.chevron {
    background: #fedf01;
    display: inline-block;
    height: 80px;
    margin-bottom: 14px;
    position: relative;
    width: 240px;
    font-size: 16px;
    position: absolute;
    left: 60px
}

.chevron:after {
    border-top: 14px solid #fedf01;
    border-left: 120px solid transparent;
    border-right: 120px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    bottom: -14px;
    width: 0
}

.chevron span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 4px;
    line-height: 80px
}

.carousel-wpr .carousel-inner {
    margin: 0!important
}

.carousel-wpr .carousel-inner .carousel-item {
    height: 400px;
    min-height: 400px;
    flex-direction: row
}

.carousel-wpr .carousel-inner .carousel-item .carousel-text {
    height: 400px;
    min-height: 400px
}

.carousel-wpr .carousel-inner .carousel-item .carousel-text p {
    width: 100%
}

.carousel-wpr .carousel-ctrl {
    margin-top: 0
}

.carousel-wpr.side-controls .carousel-ctrl .carousel-prev {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    left: 60px
}

.carousel-wpr.side-controls .carousel-ctrl .carousel-next {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    right: 60px
}

.carousel-wpr.side-controls .carousel-ctrl .carousel-prev:before {
    content: url(../images/icons/prev-arrow.svg);
    width: 60px;
    height: 60px
}

.carousel-wpr.side-controls .carousel-ctrl .carousel-next:before {
    content: url(../images/icons/next-arrow.svg);
    width: 60px;
    height: 60px
}

.carousel-wpr .carousel-ctrl .carousel-indicators {
    display: none
}

.slick-dots li button:before {
    content: url(/dvl/v1.0/assets/images/ui/ui-pagination-default-inverse.svg)!important
}

.slick-dots li.slick-active button:before {
    content: url(/dvl/v1.0/assets/images/ui/ui-pagination-active-inverse.svg)!important
}

#dl-section .slick-dots li button:before {
    content: url(/dvl/v1.0/assets/images/ui/ui-pagination-default.svg)!important
}

#dl-section .slick-dots li.slick-active button:before {
    content: url(/dvl/v1.0/assets/images/ui/ui-pagination-active.svg)!important
}

#dl-section .dots-overlay {
    position: static;
    margin-top: 20px
}

.dots-overlay {
    display: none;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    z-index: 2
}

.slick-dots li:first-child {
    margin-left: auto
}

.slick-dots li:last-child {
    margin-right: auto
}

#dl-carousel .callout .callout-content {
    min-height: 250px
}

.section-title {
    font-size: 1.6rem;
    line-height: 2rem
}

@media(min-width:639px)and (max-width:1440px) {
    .section-title {
        font-size: calc(1.6rem + (36 - 16) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .section-title {
        font-size: 3.6rem!important
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .section-title {
        line-height: calc(2rem + (62 - 20) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .section-title {
        line-height: 6.2rem!important
    }
}

ul.horizontal li {
    padding-right: 40px
}

sup a {
    color: inherit
}

sup a:hover {
    color: inherit;
    text-decoration: underline
}

.sub-text {
    font-size: 1.4rem;
    line-height: 3rem;
    font-weight: 400
}

.disclaimer a {
    text-decoration: underline
}

.pseudo-underline {
    background-image: linear-gradient(to right, #fff 100%, transparent 100%);
    background-position: 0 1.04em;
    background-repeat: repeat-x;
    background-size: 1px 3px;
    display: inline
}

.text-overlay.secondary-promo h4 {
    letter-spacing: -2px
}

.pad-b-80 {
    padding-bottom: 40px;
    padding-bottom: 40px!important
}

@media(min-width:639px)and (max-width:1440px) {
    .pad-b-80 {
        padding-bottom: calc(40px + (80 - 40) * ((100vw - 639px)/ (1440 - 639)))
    }
}

@media(min-width:1440px) {
    .pad-b-80 {
        padding-bottom: 80px
    }
}

@media(min-width:639px)and (max-width:1440px) {
    .pad-b-80 {
        padding-bottom: calc(40px + (80 - 40) * ((100vw - 639px)/ (1440 - 639)))!important
    }
}

@media(min-width:1440px) {
    .pad-b-80 {
        padding-bottom: 80px!important
    }
}

@media screen and (max-width:425px) {
    .text-overlay.single-banner.widest {
        max-width: 100%!important
    }
}

@media screen and (min-width:640px)and (max-width:900px) {
    .secondary-promo-container .cta-overlay,
    .secondary-promo-container .text-overlay.secondary-promo {
        left: 30px!important
    }
    .carousel-wpr.side-controls .carousel-ctrl .carousel-next {
        right: 20px!important
    }
    .carousel-wpr.side-controls .carousel-ctrl .carousel-prev {
        left: 20px!important
    }
}

@media screen and (min-width:640px)and (max-width:768px) {
    .app-list li {
        width: 100%;
        display: block;
        margin-right: 0
    }
    .custom-shrink-at-768 {
        width: 22%!important
    }
    .product-container .product-inner .product-text-overlay {
        padding: 10px!important
    }
}

@media screen and (min-width:1200px) {
    .text-overlay.secondary-promo h4 {
        padding-right: 0!important
    }
}

@media screen and (min-width:640px)and (max-width:780px) {
    .secondary-promo .font-36,
    .secondary-promo .text-overlay.secondary-promo {
        font-size: 24px
    }
}

.secondary-promo {
    padding-right: 10px
}

@media screen and (max-width:400px) {
    .carousel-wpr .carousel-inner .carousel-item .carousel-text.w-66 {
        width: 75%!important
    }
}

@media screen and (max-width:639px) {
    .pseudo-underline {
        background-size: 1px 2px!important
    }
    .product-container.bg-img {
        background: 0 0!important
    }
    .product-inner.bg-img {
        background-size: cover
    }
    .mob-pad-b-40 {
        padding-bottom: 40px!important
    }
    .mob-pad-tb-40 {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }
    .mob-pad-t-40 {
        padding-top: 40px!important
    }
    .btn.wide {
        color: #fff!important;
        padding: 15px 51px!important;
        text-transform: none!important;
        font-size: 1.4rem!important
    }
    .btn.normal {
        min-width: 220px;
        color: #fff!important;
        padding: 12px 24px!important;
        font-size: 1.4rem;
        text-transform: none!important
    }
    .btn.blue {
        padding: 15px 33px!important;
        font-size: 1.4rem;
        width: 100%
    }
    .btn.minor {
        font-size: 1.4rem;
        padding: 15px!important;
        width: 100%
    }
    .callout .callout-img {
        min-height: 120px
    }
    .product-container {
        margin-bottom: 40px!important
    }
    .product-container:last-child {
        margin-bottom: 0!important
    }
    .product-container .product-inner {
        height: auto;
        min-height: 300px;
        padding: 20px
    }
    .product-container .product-inner.extra-pad-top {
        padding-top: 50px!important
    }
    .product-container .product-inner .product-text-overlay {
        flex: 0 1 100%;
        padding: 0
    }
    .product-container .product-inner .product-info-box {
        display: none
    }
    .chevron {
        height: 37px;
        margin-bottom: 7px;
        position: absolute;
        width: 110px;
        left: 20px
    }
    .chevron:after {
        border-top: 7px solid #fedf01;
        border-left: 55px solid transparent;
        border-right: 55px solid transparent;
        position: absolute;
        bottom: -7px
    }
    .chevron span {
        font-size: 1rem;
        letter-spacing: 1px;
        line-height: 1.2rem;
        margin-top: 10px
    }
    .carousel-wpr .carousel-inner .carousel-item {
        height: 350px;
        min-height: 350px
    }
    .carousel-wpr .carousel-inner .carousel-item .carousel-text {
        min-height: 450px
    }
    .carousel-wpr.side-controls .carousel-ctrl {
        margin-top: -40px;
        margin-bottom: 20px
    }
    .carousel-wpr.side-controls .carousel-ctrl .carousel-next,
    .carousel-wpr.side-controls .carousel-ctrl .carousel-prev {
        display: none!important
    }
    .carousel-wpr.side-controls .carousel-ctrl .carousel-indicators {
        display: block
    }
    #reasons-carousel-ctrl .slick-arrow {
        bottom: 10px
    }
    #reasons-carousel-ctrl .slick-prev {
        left: calc(50% - 80px)
    }
    #reasons-carousel-ctrl .slick-next {
        right: calc(50% - 80px)
    }
    .slick-arrow {
        position: absolute;
        color: #fff;
        bottom: -10px;
        font-size: 30px!important
    }
    .slick-arrow.slick-prev {
        left: calc(50% - 70px)
    }
    .slick-arrow.slick-next {
        right: calc(50% - 70px)
    }
    .dots-overlay {
        display: block
    }
    #dl-carousel .callout .callout-content {
        min-height: 210px
    }
    ul.horizontal li {
        display: block;
        padding: 0 30px
    }
}

@media screen and (min-width:640px)and (max-width:768px) {
    .product-info-box .table-wpr .table-cell {
        display: block
    }
    .product-info-box .table-wpr .table-cell:first-child {
        margin-bottom: 15px
    }
}