﻿.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
}

@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,
	/* h2 sup {
		font-size: 20px
	} */
	.custom-60px-font sup {
		top: -.9em
	}
	/* h2 sup {
		top: -1em
	} */
	.desktop-bg-left {
		background-position: left
	}
	.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(/student-solution/_assets-custom/images/perks-and-rewards/02_events_desktop.jpg);
		z-index: 1
	}
	.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, .5)), url(/student-solution/_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: 350px;
		height: 81px
	}
	.bg-upskill {
		background-image: url(/student-solution/_assets-custom/images/future-launch/02_upskill_desktop.jpg)
	}
	.bg-prepped {
		background-image: url(/student-solution/_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(/student-solution/_assets-custom/images/banner-breakfast-tacos.jpg);
		background-position: center
	}
	.custom-prepped {
		min-height: 300px
	}
	.bg-secondary-1 {
		background-image: url(/student-solution/_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(/student-solution/_assets-custom/images/homepage-a-secondary-2.jpg)!important;
		background-position: right
	}
	.bg-secondary-3 {
		background-image: url(/student-solution/_assets-custom/images/homepage-a-secondary-3.jpg)!important;
		background-position: right
	}
}

.auto-clickable:hover,
.callout-clickable .callout-img:hover,
.manual-clickable:hover,
.auto-clickable h2,
.auto-clickable h3,
.semiauto-click h3,
.semiauto-click h2,
.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
}

.no-arrow:after {
	content: ""!important;
	margin-left: 0!important
}

.no-click {
	pointer-events: none
}

.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
	}
}

@media(min-width:1200px) {
	.disclaimer .section-inner>p {
		line-height: 2.7rem
	}
}

@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
	}
	.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: 160px
	}
	.bg-upskill {
		background-image: url(/student-solution/_assets-custom/images/02_upskill_mobile_custom.png);
		background-position: left
	}
	.bg-prepped {
		background-image: url(/student-solution/_assets-custom/images/future-launch/prepped-white-shirt.png);
		background-position: top;
		background-size: contain!important;
		background-color: #222938;
		background-repeat: no-repeat
	}
	.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, .4), rgba(0, 0, 0, .4)), url(/student-solution/_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, .4), rgba(0, 0, 0, .4)), url(/student-solution/_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
	}
	.bg-homepage-a {
		background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/student-solution/_assets-custom/images/banner-breakfast-tacos.jpg);
		background-size: cover;
		background-position: top
	}
	.bg-homepage-countdown {
		background-image: url(/student-solution/_assets-custom/images/Escapade_SA.jpg);
		background-size: cover;
		background-position: top
	}
	.bg-secondary-1 {
		background-image: url(/student-solution/_assets-custom/images/banner-fl-scholarship.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(/student-solution/_assets-custom/images/homepage-a-secondary-2-mobile.jpg)!important;
		background-size: cover;
		background-position: top
	}
	.bg-secondary-3 {
		background-image: url(/student-solution/_assets-custom/images/homepage-a-secondary-3-mobile.jpg)!important;
		background-size: cover;
		background-position: center
	}
	.bg-secondary-4 {
		background-image: url(/dms/students/oncampus/_assets-custom/images/OnCampus_banner_lvl_3.jpg)!important;
		background-size: cover;
		background-position: left
	}
}

@media screen and (max-width:479px) {
	#page-title {
		margin-top: 20px!important;
		margin-bottom: 20px!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(/student-solution/_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(/dms/students/multi/_assets-custom/images/concert-cash-banner.jpg);
    background-repeat: no-repeat;
    background-position: 50% left;
    background-size: cover;
    display: block;
    position: absolute;
    width: 110%;
    height: 110%;
    box-shadow: inset 0 0 1px 5000px rgba(0, 0, 0, .2);
    z-index: 0
}


.future-launch-image {
	background-image: url(/student-solution/_assets-custom/images/banner-fl-scholarship.jpg);
	background-position-x: 70%!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
	}
	.pseudo-underline {
		background-size: 1px 2px!important
	}
	.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
	}
	.main-promo-container.bg-prepped {
		min-height: 500px!important
	}
	.main-promo-container.shorter.bg-img {
		background-position: 66% 25%
	}
	.main-promo-container.shorter.bg-img.desktop-bg-left {
		background-position: 17% 50%
	}
	.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: 175px
	}
	.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) {
	.bottom-aligned .text-overlay.secondary-promo {
		height: 168px
	}
	#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
	}
	.product-inner.bg-img {
		background: 0 0!important
	}
	.main-promo-container .text-overlay.single-banner.widest .h1,
	.text-overlay.single-banner.custom-upskill h2,
	.text-overlay.single-banner.wide 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) {
	.main-promo-container.homepage-b-split {
		max-height: 704px;
		min-height: 704px
	}
}

@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 {
	width: 100%;
	max-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: 800px;
	min-height: 800px;
	padding: 30px;
	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;
	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: 10px
}

.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 (max-width:400px) {
	.carousel-wpr .carousel-inner .carousel-item .carousel-text.w-66 {
		width: 75%!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.bg-img {
		background: 30%;
		background-size: cover
	}
	.product-info-box .table-wpr .table-cell {
		display: block
	}
	.product-info-box .table-wpr .table-cell:first-child {
		margin-bottom: 15px
	}
}

@media screen and (min-width:1200px) {
	.text-overlay.secondary-promo h4 {
		padding-right: 0!important
	}
}

@media screen and (max-width:639px) {
	.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 {
		width: 100%;
		max-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!important;
		line-height: 2rem!important;
		padding: 13px!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: 300px;
		min-height: 300px;
		padding: 20px
	}
	.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: 3.7rem
	}
	.carousel-wpr .carousel-inner .carousel-item {
		height: 340px;
		min-height: 340px
	}
	.carousel-wpr .carousel-inner .carousel-item .carousel-text {
		height: 320px;
		min-height: 320px
	}
	.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
	}
}
