@font-face {
	font-family: "FuturaLTBook";
	src:
		url(/resource/blob/6386/eb36da0428194572e4f51ce49a2e50e0/cf053eae-ba1f-44f3-940c-a34b68ccbbdf-eot-data.eot#iefix);
	src:
		url(/resource/blob/6386/eb36da0428194572e4f51ce49a2e50e0/cf053eae-ba1f-44f3-940c-a34b68ccbbdf-eot-data.eot#iefix)
		format("eot"),
		url(/resource/blob/6388/679598c1ac8f85ece6148e2fb34aee95/8bf38806-3423-4080-b38f-d08542f7e4ac-woff2-data.woff2)
		format("woff2"),
		url(/resource/blob/6390/e47c6d6e5749a85ddea8ce5243bd2d25/e2b9cbeb-fa8e-41cd-8a6a-46044b29ba52-woff-data.woff)
		format("woff"),
		url(/resource/blob/6392/635971bddffd37fb4f650e5791cd8476/c2a69697-4f06-4764-abd4-625031a84e31-ttf-data.ttf)
		format("truetype"),
		url(/resource/blob/6394/b9d31d83e83cc6a2b9caf50faa8d6c9d/dc423cc1-bf86-415c-bc7d-ad7dde416a34-svg-data.svg#dc423cc1-bf86-415c-bc7d-ad7dde416a34)
		format("svg")
}

body:after {
	content: 'small';
	visibility: hidden
}

@media only screen and (min-width:601px) {
	body:after {
		content: 'medium';
		visibility: hidden
	}
}

@media only screen and (min-width:1281px) {
	body:after {
		content: 'large';
		visibility: hidden
	}
}

body {
	-webkit-text-size-adjust: none
}

.icon_check:before {
	content: "\4e";
	color: #4ba580
}

.icon_checklist:before {
	content: "\4e";
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}

.icon_close:before {
	content: "\4d";
	color: #c03
}

.social_facebook:before {
	content: "\e093"
}

.social_twitter:before {
	content: "\e094"
}

.social_pinterest:before {
	content: "\e095"
}

.social_googleplus:before {
	content: "\e096"
}

.social_tumblr:before {
	content: "\e097"
}

.rel {
	position: relative
}

.floatL {
	float: left
}

.floatR {
	float: right
}

.pushCol1 {
	margin-left: 8.333333%
}

.pullCol1 {
	margin-right: 8.333333%
}

.constrain {
	margin: 0 auto;
	max-width: 1360px
}

.rowSpaceS {
	height: 10px;
	width: 100%
}

.rowSpaceM {
	height: 20px;
	width: 100%
}

.rowSpaceL {
	height: 35px;
	width: 100%
}

.hidden {
	display: none
}

.smlHide {
	display: none
}

.visHidden {
	visibility: hidden
}

@media only screen and (max-width:601px) {
	.smlPushCol1 {
		margin-left: 8.333333%
	}
	.smlPullCol1 {
		margin-right: 8.333333%
	}
}

@media only screen and (min-width:601px) {
	.row .medFloatR {
		float: right
	}
	.medPushCol1 {
		margin-left: 8.333333%
	}
	.medPullCol1 {
		margin-right: 8.333333%
	}
	.medFloatR {
		float: right
	}
	.medFloatL {
		float: left
	}
	.medHide {
		display: none !important
	}
	.smlHide {
		display: block
	}
	.rowSpaceS {
		height: 20px
	}
	.rowSpaceM {
		height: 30px
	}
	.rowSpaceL {
		height: 45px
	}
}

@media only screen and (min-width:601px) and (max-width:1280px) {
	.medOnlyPushCol1 {
		margin-left: 8.333333%
	}
	.medOnlyPullCol1 {
		margin-right: 8.333333%
	}
}

@media only screen and (max-width:1280px) {
	.medDownPushCol1 {
		margin-left: 8.333333%
	}
	.medDownPullCol1 {
		margin-right: 8.333333%
	}
}

@media only screen and (min-width:1281px) {
	.row .lrgFloatR {
		float: right
	}
	.lrgOnlyPushCol1 {
		margin-left: 8.333333%
	}
	.lrgOnlyPullCol1 {
		margin-right: 8.333333%
	}
	.lrgFloatL {
		float: left
	}
	.lrgFloatR {
		float: right
	}
	.rowSpaceS {
		height: 30px
	}
	.rowSpaceM {
		height: 60px
	}
	.rowSpaceL {
		height: 90px
	}
}

.color-boots-blue {
	color: #004990 !important
}

.color-white {
	color: #FFF !important
}

.color-boots-light-blue {
	color: #cae0f5 !important
}

.color-dark-grey {
	color: #333 !important
}

.color-advantage-pink {
	color: #b8237b !important
}

.color-boots-red {
	color: #c03 !important
}

.color-boots-cyan {
	color: #09f !important
}

.color-pharmacy-green {
	color: #4ba580 !important
}

.color-light-blue-1 {
	color: #e5eff9 !important
}

.color-light-blue-2 {
	color: #f6fafe !important
}

.color-health {
	color: #e6f2f0 !important
}

.color-grey-1 {
	color: #999 !important
}

.color-grey-2 {
	color: #d0d0d0 !important
}

.color-grey-3 {
	color: #f7f7f7 !important
}

.color-grey-4 {
	color: #f3f6f8 !important
}

.font-VAG-Rounded-W01-Light {
	font-family: 'VAG Rounded W01 Light', Tahoma, Arial,
		sans-serif !important
}

.font-VAG-Rounded-W01-Bold {
	font-family: 'VAG Rounded W01 Bold', Tahoma, Arial,
		sans-serif !important
}

.font-FuturaLTBook {
	font-family: FuturaLTBook, Tahoma, Arial, sans-serif !important
}

.font-Arial {
	font-family: Arial !important
}

.underline {
	text-decoration: underline !important
}

.bg1 {
	background-color: #e4edf5
}

.btnPrimary, .btnSecondary {
	border: 0;
	border-radius: 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
	display: block;
	float: left;
	font-family: "VAG Rounded W01 Bold", Tahoma, Arial, sans-serif;
	font-size: 1.0625rem;
	margin: 0;
	padding: 10px;
	text-align: center;
	width: 47.5%
}

.btnPrimary {
	background-color: #cae0f5;
	color: #004990;
	margin-right: 2.5%
}

.btnSecondary {
	background-color: #124c8f;
	color: #FFF;
	margin-left: 2%
}

.row.title {
	margin-bottom: .5em;
	margin-top: 1.5em;
	text-align: center
}

.row.title h2 {
	font-size: 1.1875rem;
	display: inline-block;
	line-height: 1em;
	margin-bottom: .25em
}

.row.title img {
	position: relative;
	top: 7px;
	width: 115px
}

.row.title2 h2 {
	color: #004990;
	font-size: 1.25rem;
	line-height: 1em;
	margin: 1.5em 0 .25em;
	text-align: center
}

.row.title2 p {
	font-size: .875em;
	padding: 16px
}

hr.break {
	background-color: #d0d0d0;
	border: 0;
	height: 1px;
	margin: 1.5rem auto;
	width: 100%
}

@media only screen and (min-width:601px) {
	.row.title {
		margin-bottom: .75rem;
		margin-top: 2.5rem
	}
	.row.title h2 {
		font-size: 2.6vw
	}
	.row.title2 h2 {
		font-size: 2.6vw
	}
	.row.title2 p {
		font-size: 1.8vw;
		padding: 16px 21% 32px;
		text-align: center
	}
}

@media only screen and (min-width:1281px) {
	.row.title h2 {
		font-size: 2.1875rem
	}
	.row.title img {
		width: 160px
	}
	.row.title2 h2 {
		font-size: 2.8125rem;
		margin-top: 1em
	}
	.row.title2 p {
		font-size: 1.0625em;
		padding-top: 6px
	}
}

.modWrapper, .row.margin-true .modWrapper {
	margin: 0 .75%
}

.row .acol6>.mrg {
	margin: 0 1.5% 2.8%
}

.row .col10>.mrg, .row .acol10>.mrg {
	margin: 0 .89% 1.655%
}

.row .col12>.mrg, .row .acol12>.mrg {
	margin: 0 .75% 1.4%
}

.row .acol12 .mrg.proposition, .row .col12 .mrg.proposition {
	margin: 4% 0 1.4%
}

.row .col12 .mrg.fullwidth {
	margin-left: 0;
	margin-right: 0
}

.row section.richList.mrg, .row section.richListHeader.mrg {
	margin-bottom: 0
}

@media only screen and (min-width:601px) {
	.modWrapper {
		margin: 0 1.3%
	}
	.row .col3>.mrg {
		margin: 0 2.8% 5.6%
	}
	.row .col4>.mrg {
		margin: 0 2.1% 4.2%
	}
	.row .col5>.mrg {
		margin: 0 1.68% 3.36%
	}
	.row .col6>.mrg {
		margin: 0 1.4% 2.8%
	}
	.row .col7>.mrg {
		margin: 0 1.2% 2.4%
	}
	.row .col10>.mrg {
		margin: 0 .839% 1.68%
	}
	.row .col12>.mrg {
		margin: 0 .7% 1.4%
	}
}

.slick-slider {
	text-align: center
}

.slick-prev, .slick-next, .owl-prev, .owl-next {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	display: none !important;
	height: 40px;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 35px;
	z-index: 1;
	color: #333333;
	font-size: 26px;
	text-indent:-9999px;
}

.slick-prev, .owl-prev {
	left: 0
}

.slick-next, .owl-next {
	right: 0
}
.slick-prev:before, .slick-next:before {
	font-weight: bold;
}

.slick-disabled {
	cursor: default;
	color: #d0d0d0;
}

.slick-prev:after, .slick-next:after, .owl-next:after, .owl-prev:after {
	background:none;
	background-size: 50px auto;
	content:initial;
	display: none;
	height: initial;
	position: static;
	top: auto;
	width: auto
}

.slick-prev:after, .owl-prev:after {
	left: 12px
}

.slick-next:after, .owl-next:after {
	right: 12px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.slick-prev:hover:after, .owl-prev:hover:after {
	background-position: 0 -25px;
	left: 10px;
	top: 7px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.slick-next:hover:after, .owl-next:hover:after {
	background-position: 0 -25px;
	right: 10px;
	top: 11px;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}

.slick-arrow:focus {
	outline: 0
}

.slick-dots {
	display: inline-block !important;
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
	position: relative;
	width: 100%
}

.slick-dots li {
	display: inline-block
}

.slick-dots button {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	margin: 0;
	padding: 0;
	position: relative;
	text-indent: -9999px;
	width: 32px
}

.slick-dots button:after {
	background-color: #d0d0d0;
	border-radius: 100%;
	content: ' ';
	display: block;
	height: 9.2px;
	left: 50%;
	position: absolute;
	top: 14px;
	width: 9.2px;
	margin-left: -4px;
}

.slick-dots button:focus {
	outline: 0
}

.slick-dots .slick-active button:after, .slick-dots button:hover:after {
	background-color: #333
}

@media only screen and (min-width:320px) {
	.slick-prev, .slick-next {
		display: block !important;
	}
}

.heroCarousel {
	margin-bottom: 1.5%
}

.heroCarousel.links {
	margin-bottom: 0
}

.heroCarousel .slideContent {
	display: none;
	position: relative
}

.heroCarousel.static .slideContent {
	display: block
}

.heroCarousel .videoBox {
	height: 0;
	margin-top: 70px;
	padding-top: 79.3%;
	position: relative
}

.heroCarousel iframe {
	bottom: 0;
	display: block;
	height: auto;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: auto
}

.slideContent .responsiveImg {
	display: block;
	width: 100%
}

.slick-slide .responsiveImg {
	border: 1px solid #d0d0d0;
	display: block;
	width: calc(100% - 2px)
}

.slideInfo {
	padding: 5px
}

.links .slideInfo {
	padding: 5px 10%
}

.txtSml .slideInfo {
	padding-left: 14%;
	padding-right: 14%
}

.slideContent .slideInfo img {
	display: none
}

.slideContent.takeover img {
	display: block;
	margin: 0 auto
}

.slideInfo h2 {
	font-family: "VAG Rounded W01 Bold", Tahoma, Arial, sans-serif;
	font-size: 1.875rem;
	margin: .25em 0 0;
	line-height: 1.1em;
	text-align: center
}

.slideContent.campaign h2 {
	color: #333
}

.slideContent.takeover h2 {
	color: #FFF;
	text-transform: uppercase
}

.slideContent.takeover p {
	color: #FFF
}

.slideInfo p {
	font-size: .75rem;
	line-height: 1.25em;
	margin: 1em .5em;
	text-align: center
}

.slideInfo .sml {
	font-size: .6875rem
}

.txtSml .slideInfo p {
	font-size: .875rem
}

.hotspots {
	list-style: none;
	margin: 0
}

.hotspots li:not (:first-child ){
	display: none
}

.hotspot {
	cursor: pointer;
	font-size: 1.5rem;
	height: 40px;
	position: absolute;
	text-indent: -9999px;
	width: 40px;
	z-index: 500
}

.hotspot:after {
	background:
		url(/resource/blob/6396/7f26faed975d5b8084678c4b9778defc/modules-sprite-png-data.png)
		no-repeat 0 -50px;
	background-size: 50px auto;
	content: ' ';
	display: block;
	height: 32px;
	left: 4px;
	position: absolute;
	top: 4px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 32px
}

.hotspot.closed:after {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.heroCarousel .slick-prev, .heroCarousel .slick-next {
	display: none !important
}

@media only screen and (max-width:600px) {
	.slideInfo h2, .slideInfo p, .slideInfo p span {
		color: #333 !important
	}
	.hotspots li:nth-child(1) .hotspot {
		left: 84% !important;
		top: 80% !important
	}
}

@media only screen and (min-width:601px) {
	.heroCarousel .videoBox {
		margin-top: 0;
		padding-top: 50.2%;
		top: auto;
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	.heroCarousel.small .videoBox {
		padding-top: 36.9%
	}
	.slideInfo {
		left: 5.5%;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 40%
	}
	.links .slideInfo {
		left: 4%;
		padding: 0;
		width: 48%
	}
	.small .slideInfo {
		left: 7%
	}
	.txtSml .slideInfo {
		padding-left: 5px;
		padding-right: 5px
	}
	.slideContent .slideInfo img {
		display: block;
		width: 39%
	}
	.slideContent.takeover img {
		margin: 0
	}
	.slideInfo h2 {
		font-size: 5.8vw;
		text-align: left
	}
	.small .slideInfo h2 {
		font-size: 3.9vw
	}
	.links .slideInfo h2 {
		font-size: 3.9vw
	}
	.slideContent.campaign h2, .slideContent.takeover h2 {
		color: #FFF
	}
	.slideInfo p {
		font-size: 1.65vw;
		margin: 1em 0;
		text-align: left;
		width: 90%
	}
	.links .slideInfo p {
		font-size: 1.8vw;
		margin: .5em 0
	}
	.txtSml .slideInfo p {
		font-size: 1.8vw
	}
	.slideInfo .sml {
		font-size: 1.4vw;
		margin-top: 0
	}
	.slideInfo .btnPrimary, .slideInfo .btnSecondary {
		max-width: 115px;
		width: 40%
	}
	.slideContent.campaign p, .slideContent.takeover p {
		color: #FFF
	}
	.heroCarousel .slick-dots {
		bottom: 0;
		left: 0;
		position: absolute
	}
	.hotspots li:not (:first-child ){
		display: block
	}
}

@media only screen and (min-width:1281px) {
	.slideInfo {
		left: 7%;
		width: 43%
	}
	.slideContent .slideInfo img {
		width: 215px
	}
	.slideInfo h2 {
		font-size: 5.625rem
	}
	.small .slideInfo h2 {
		font-size: 3.4375rem
	}
	.links .slideInfo h2 {
		font-size: 3.375rem
	}
	.txtSml .slideInfo h2 {
		font-size: 3.375rem
	}
	.slideInfo p {
		font-size: 1.0625rem;
		margin: 1.5em 0 1em;
		width: 70%
	}
	.txtSml .slideInfo p {
		font-size: .875rem
	}
	.links .slideInfo p {
		font-size: 1.0625em
	}
	.slideInfo .sml {
		font-size: .6875rem
	}
	.slideInfo .btnPrimary, .slideInfo .btnSecondary {
		margin-right: 30px;
		width: 160px
	}
	.slideInfo .btnPrimary {
		margin-right: 15px
	}
	.slideInfo .btnSecondary {
		margin-left: 15px
	}
	.heroCarousel .slick-arrow {
		background-color: rgba(255, 255, 255, 0.4);
		border: 1px solid #eadddd
	}
	.heroCarousel .slick-prev, .heroCarousel .slick-next {
		background-color: rgba(255, 255, 255, 0.4);
		border: 1px solid #ecdee6;
		border-radius: 4px;
		display: inline-block !important
	}
	.heroCarousel .slick-prev {
		left: 10px
	}
	.heroCarousel .slick-next {
		right: 10px
	}
	.heroCarousel .slick-prev:after, .heroCarousel .slick-next:after {
		background-position: 0 -175px;
		height: 12px;
		top: 12px;
		width: 8px
	}
	.heroCarousel .slick-next:after {
		left: 16px;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}
	.heroCarousel .slick-prev:after {
		left: 14px;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.heroCarousel .slick-next:hover:after {
		background-position: 0 -150px;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.heroCarousel .slick-prev:hover:after {
		background-position: 0 -150px;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}
	.heroCarousel .slick-dots {
		bottom: 10px
	}
}

.features {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1000
}

.features.standalone, .features.prodCarousel {
	left: auto;
	margin: 0 auto 15px;
	margin-right: auto;
	position: static
}

.prodCarousel .slick-list {
	padding-bottom: 40px
}

.feature {
	background-color: #FFF;
	border: 1px solid #d0d0d0;
	display: none;
	margin: 18px 5px 10px;
	padding: 7px;
	position: relative
}

.standalone .feature {
	margin: 18px 0 0
}

.featArrow {
	background:
		url(/resource/blob/6396/7f26faed975d5b8084678c4b9778defc/modules-sprite-png-data.png)
		no-repeat 0 -250px;
	background-size: 50px auto;
	display: block;
	height: 22px;
	position: absolute;
	left: 90%;
	top: -22px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	width: 22px
}

.featureCarousel div.feature img {
	height: 120px;
	margin: 8px auto;
	width: auto
}

.feature .offer {
	background-color: #c03;
	border-radius: 19px;
	color: #FFF;
	font-size: .6875rem;
	font-weight: bold;
	height: 38px;
	left: 10px;
	line-height: 2.25rem;
	position: absolute;
	top: 10px;
	width: 38px
}

.feature a {
	display: block;
	font-family: "VAG Rounded W01 Bold", Tahoma, Arial, sans-serif;
	font-size: .875rem;
	line-height: 1rem;
	margin: 0 17% 1rem;
	min-height: 2rem
}

.feature .price {
	float: left;
	font-size: 1.0625rem;
	font-weight: bold;
	margin-bottom: 1rem
}

.feature .noStock {
	font-size: 1.0625rem;
	height: 40px
}

.feature .priceDetail {
	color: #999;
	float: right;
	font-size: .6875rem;
	margin-bottom: 1rem
}

.featureRating {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0
}

.featureRating li {
	background:
		url(/resource/blob/6396/7f26faed975d5b8084678c4b9778defc/modules-sprite-png-data.png)
		no-repeat 0 -200px;
	background-size: 50px auto;
	display: block;
	float: left;
	height: 15px;
	width: 15px
}

.featureRating li.off {
	background-position: 0 -225px
}

.feature .btnAdd, .feature .btnMinus {
	background-color: transparent;
	border: 1px solid #d0d0d0;
	display: block;
	float: left;
	font-family: 'ElegantIcons';
	font-size: 1.375rem;
	height: 40px;
	padding: 0;
	width: 40px
}

.feature .btnMinus {
	border-radius: 4px 0 0 4px;
	color: #d0d0d0
}

.feature .btnAdd {
	border-radius: 0 4px 4px 0
}

.feature .quantity {
	border: 1px solid #d0d0d0;
	display: block;
	float: left;
	font-size: 1.0625rem;
	height: 38px;
	line-height: 2.25rem;
	width: 38px
}

.feature .btnAddBasket {
	background-color: #004990;
	border: 0;
	border-radius: 4px;
	color: #FFF;
	float: right;
	font-family: "VAG Rounded W01 Bold", Tahoma, Arial, sans-serif;
	height: 40px;
	margin-left: 10px;
	width: 80px
}

.featureCarousel .slick-prev, .featureCarousel .slick-next {
	background-color: #FFF;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	bottom: 0;
	display: inline-block !important;
	top: auto
}

.featureCarousel .slick-prev {
	margin-left: 5px
}

.standalone .featureCarousel .slick-prev {
	margin-left: 0
}

.featureCarousel .slick-next {
	margin-right: 5px
}

.standalone .featureCarousel .slick-next {
	margin-right: 0
}

.featureCarousel .slick-prev:after, .featureCarousel .slick-next:after {
	background-position: 0 -150px;
	height: 12px;
	left: 14px;
	top: 14px;
	width: 8px
}

.featureCarousel .slick-next:after {
	left: 17px
}

.featureCarousel .slick-next:hover:after {
	background-position: 0 -175px
}

.featureCarousel .slick-prev:hover:after {
	background-position: 0 -175px
}

.standalone .slick-dots {
	margin-top: 0
}

@media only screen and (min-width:601px) {
	.features {
		width: 238px
	}
	.features.standalone {
		max-width: 270px;
		width: 100%
	}
	.features.prodCarousel {
		margin-bottom: 30px;
		width: auto
	}
	.prodCarousel .slick-list {
		padding-bottom: 0
	}
	.feature {
		margin: 0
	}
	.standalone .feature {
		margin: 1px
	}
	.prodCarousel .feature {
		margin: 0 5px
	}
	.feature .price {
		font-size: 1.0625rem;
		margin-top: 35px
	}
	.feature .priceDetail {
		margin-top: 35px
	}
	.feature .noStock {
		font-size: 1.0625rem
	}
	.featureRating {
		display: inline-block;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.featArrow.top {
		left: 50%;
		margin-left: -11px;
		top: 100%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
	.featArrow.bottom {
		left: 50%;
		margin-left: -11px;
		top: -22px;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.featArrow.left {
		left: 100%;
		margin-top: -11px;
		top: 50%;
		-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg)
	}
	.featArrow.right {
		left: -22px;
		margin-top: -11px;
		top: 50%;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}
	.prodCarousel .featureCarousel .slick-prev, .prodCarousel .featureCarousel .slick-next
		{
		margin: -22px 4px 0 5px;
		top: 50%
	}
	.standalone .featureCarousel .slick-prev, .standalone .featureCarousel .slick-next
		{
		margin: -22px 1px 0 1px;
		top: 50%
	}
}

@media only screen and (min-width:1281px) {
	.features.standalone {
		margin-top: 2em
	}
	.feature a {
		font-size: 1.0625rem;
		margin: 0 12% 1rem
	}
	.standalone .feature a {
		margin: 0 18% 1rem
	}
	.feature .price {
		font-size: 1.25rem
	}
	.feature .noStock {
		font-size: 1.25rem;
		position: relative;
		top: -5px
	}
	.feature .priceDetail {
		font-size: .75rem;
		margin: 35px 0 .75rem
	}
}

.promo {
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center
}

.promo.v2 {
	border: 1px solid #d0d0d0
}

.promo2 {
	display: block;
	text-align: center
}

.promo .promoArea {
	border: 1px solid #d0d0d0
}

.promo2 .imgBox {
	border: 1px solid #d0d0d0
}

.promo img, .promo2 img {
	display: block;
	width: 100%
}

.promo .box {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.promo.v1 .box {
	padding: 5% 5% 7.5%
}

.promo.lrgTitle .box {
	min-height: 52px
}

.promo.v2 .box {
	bottom: 5.5%;
	left: 3%;
	padding: 10px;
	position: absolute;
	width: 94%;
	z-index: 0
}

.promo2 .box {
	border: 1px solid #d0d0d0;
	border-top: 0;
	padding: 0 10px 10px
}

.promo.v1 h2 {
	font-size: .875rem;
	height: 1em;
	line-height: 1em;
	margin-bottom: .25em;
	overflow: hidden;
	white-space: nowrap
}

.promo.lrgTitle h2 {
	min-height: 2em
}

.promo.v2 h2 {
	font-size: 1.0625rem;
	line-height: 1em;
	margin: 0 0 .25rem
}

.promo2 h2 {
	font-size: .75rem;
	line-height: 1em;
	margin-bottom: .25em;
	padding-top: 10px
}

.promo p {
	font-size: .6875rem;
	line-height: 1.1em;
	padding: 0 20px
}

.promo.v1 p {
	height: 1.1em;
	overflow: hidden;
	padding: 0
}

.promo2 p {
	font-size: .75rem;
	height: 1.1em;
	line-height: 1.1em;
	overflow: hidden
}

@media only screen and (min-width:601px) {
	.promoArea {
		height: 0;
		padding-top: calc(100% - 2px)
	}
	.promo.v1 img {
		left: 50%;
		position: absolute;
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		top: 1px;
		width: 72%
	}
	.promo.v1 .box {
		bottom: 0;
		left: 0;
		min-height: 0;
		padding-bottom: 10%;
		position: absolute;
		width: 100%
	}
	.promo.v2 {
		height: 0;
		overflow: hidden;
		padding-top: calc(47.204% - 2px);
		position: relative
	}
	.col6>.promo2 .imgBox {
		position: relative
	}
	.promo.v2>img {
		left: 0;
		position: absolute;
		top: 0
	}
	.promo.v2 .box {
		padding: 2.5%
	}
	.promo.v1 h2 {
		font-size: 1.8vw
	}
	.promo.v2 h2 {
		font-size: 2.4vw
	}
	.promo2 h2 {
		font-size: 1.8vw;
		height: 1em;
		overflow: hidden
	}
	.col9.right .promo.v1 h2, .col9.right .promo2 h2 {
		font-size: 1.6vw
	}
	.col9.right .promo.v2 h2 {
		font-size: 1.6vw
	}
	.promo.v1 p {
		font-size: 1.55vw;
		padding: 0
	}
	.promo.v2 p {
		font-size: 1.8vw;
		min-height: 1em;
		padding: 0
	}
	.promo2 p {
		font-size: 1.55vw
	}
	.col9.right .promo.v2 p {
		font-size: 1.55vw
	}
}

@media only screen and (min-width:1281px) {
	.promo.v2 h2 {
		font-size: 1.25rem
	}
	.promo.v1 h2, .col9.right .promo.v1 h2, .col9.right .promo.v2 h2,
		.promo2 h2, .col9.right .promo2 h2 {
		font-size: 1.25rem
	}
	.promo.v1 p, .promo.v2 p, .col9.right .promo.v2 p, .promo2 p {
		font-size: 1.0625rem
	}
}

.rtPromo {
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center
}

.rtPromo .promoArea {
	border: 1px solid #d0d0d0;
	height: 0;
	padding-top: calc(100% - 2px)
}

.rtPromo h2 {
	font-size: 1.25rem;
	line-height: 1.1em;
	margin-bottom: .5em
}

.rtPromo p {
	font-size: .75rem;
	line-height: 1.2em
}

.rtPromo .box {
	left: 7%;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	vertical-align: middle;
	width: 86%
}

@media only screen and (min-width:601px) {
	.rtPromo h2 {
		font-size: 2vw
	}
	.rtPromo p {
		font-size: 1.55vw
	}
}

@media only screen and (min-width:1281px) {
	.rtPromo h2 {
		font-size: 1.875rem
	}
	.rtPromo p {
		font-size: 1.0625rem
	}
}

.imgBanner {
	border: 1px solid #d0d0d0;
	text-align: center;
	overflow: hidden;
	position: relative
}

.col12>.imgBanner {
	text-align: left
}

.imgBanner.short {
	border: 0;
	text-align: left
}

.imgBanner>img {
	display: block;
	width: 100%
}

.imgBanner .box {
	left: 5px;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 50%
}

.col12>.imgBanner .box {
	left: 10px;
	width: 58%
}

.imgBanner.short .box {
	left: 4%;
	width: 68%
}

.imgBanner .box img {
	display: block;
	margin: 0 auto;
	padding-bottom: 7%;
	width: 44%
}

.imgBanner.short .box img {
	margin: 0;
	padding-bottom: 0;
	width: 40%
}

.imgBanner h2 {
	font-size: 1.0625rem;
	line-height: 1em;
	margin-bottom: .25em
}

.col12>.imgBanner h2 {
	font-size: 1.25rem
}

.imgBanner p {
	font-size: .6875rem;
	line-height: 1.25em
}

.imgBanner.short p {
	font-size: .75rem;
	margin-bottom: 1em;
	overflow: hidden
}

@media only screen and (min-width:601px) {
	.col6>.imgBanner {
		height: 0;
		padding-top: calc(47.204% - 2px)
	}
	.col6>.imgBanner>img {
		left: 0;
		position: absolute;
		top: 0
	}
	.imgBanner .box {
		left: 3%;
		width: 46%
	}
	.col12>.imgBanner .box {
		left: 4%
	}
	.imgBanner.short .box {
		width: 61%
	}
	.imgBanner .box img {
		width: 48%
	}
	.imgBanner.short .box img {
		width: 32%
	}
	.imgBanner h2 {
		font-size: 2.2vw
	}
	.col12>.imgBanner h2 {
		font-size: 2.6vw
	}
	.imgBanner p {
		font-size: 1.55vw
	}
	.imgBanner.short p {
		font-size: .875rem;
		margin-bottom: .5em
	}
}

@media only screen and (min-width:1281px) {
	.imgBanner.short .box img {
		width: 20%
	}
	.imgBanner h2 {
		font-size: 1.875rem
	}
	.col12>.imgBanner h2 {
		font-size: 2.1875rem
	}
	.imgBanner.short h2 {
		font-size: 1.5625rem
	}
	.imgBanner p {
		font-size: 1.0625rem
	}
	.imgBanner.short p {
		font-size: 1.25rem
	}
}

.imgBanner2 {
	padding-top: 45px;
	position: relative
}

.imgBanner2 .box {
	padding-left: .74%
}

.imgBanner2 h2 {
	font-size: 1.875rem;
	line-height: 1.1em;
	margin-bottom: .5em
}

.imgBanner2 p {
	font-size: .875rem;
	line-height: 1.4em
}

.imgBanner2 img {
	display: block;
	width: 100%
}

@media only screen and (min-width:601px) {
	.imgBanner2 {
		padding-top: 0
	}
	.imgBanner2 .box {
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 42%
	}
	.imgBanner2 h2 {
		font-size: 3.9vw
	}
	.imgBanner2 p {
		font-size: 1.8vw
	}
}

@media only screen and (min-width:1281px) {
	.imgBanner2 h2 {
		font-size: 2.8125rem
	}
	.imgBanner2 p {
		font-size: 1.25rem
	}
}

.imgBanner3 {
	position: relative
}

.proposition {
	overflow: hidden;
	position: relative
}

.proposition>img {
	display: block;
	left: 50%;
	position: relative;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 200%
}

.proposition .box {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	left: 4%;
	padding: 6%;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 92%;
	z-index: 0
}

.proposition .box:after {
	background-color: #FFF;
	content: ' ';
	display: block;
	height: 100%;
	left: 0;
	opacity: .9;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.proposition .box>div {
	margin-bottom: 1em
}

.proposition .box img {
	float: left;
	width: 19%
}

.proposition h2 {
	color: #124c8f;
	font-size: 1.25rem;
	line-height: 1em
}

.proposition .box img+h2 {
	float: left;
	left: 21%;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.proposition p {
	font-size: .6875rem;
	line-height: 1.2em;
	margin-bottom: 1em
}

@media only screen and (min-width:601px) {
	.proposition>img {
		width: 100%
	}
	.proposition .box {
		left: 50%;
		padding: 3%;
		width: 40%
	}
	.proposition h2 {
		font-size: 2.5vw
	}
	.proposition p {
		font-size: 1.55vw
	}
}

@media only screen and (min-width:1281px) {
	.proposition h2 {
		font-size: 2.1875rem
	}
	.proposition p {
		font-size: 1.0625rem
	}
}

.propMulti ul {
	list-style: none;
	margin: 30px 0 20px;
	padding: 0
}

.propMulti li {
	position: relative
}

.propMulti li div {
	display: inline-block;
	height: 50px;
	margin-bottom: 1em;
	position: relative;
	vertical-align: top;
	width: 30%
}

.propMulti a {
	display: block
}

.propMulti li img {
	display: block;
	margin: 0 auto
}

.propMulti .icon img {
	height: 50px;
	width: 50px
}

.propMulti p {
	display: inline-block;
	font-family: "VAG Rounded W01 Bold", Tahoma, Arial, sans-serif;
	font-size: .875rem;
	line-height: 1.2em;
	margin: 1em 0;
	vertical-align: top
}

@media only screen and (min-width:601px) {
	.propMulti li {
		float: left;
		width: 25%
	}
	.propMulti li div {
		display: block;
		margin-bottom: .5em;
		width: auto
	}
	.propMulti p {
		display: block;
		font-size: 1.55vw;
		margin-top: .5em;
		padding: 0 2%;
		position: relative;
		text-align: center
	}
}

@media only screen and (min-width:1281px) {
	.propMulti p {
		font-size: 1.0625rem
	}
	.col9.right .propMulti p {
		font-size: .8125rem;
		margin-top: 1.25em
	}
}

.linksCarousel {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: none;
	margin: 0;
	padding: .25rem 0 .75em
}

.linksCarousel a {
	font-family: "VAG Rounded W01 Bold", Tahoma, Arial, sans-serif;
	font-size: .875rem;
	padding: .5rem 5rem 0 .5rem;
	display: inline-block
}

.linksCarousel .owl-prev, .linksCarousel .owl-next {
	top: 0
}

.linksCarousel .owl-prev:after, .linksCarousel .owl-next:after {
	background-position: 0 -150px;
	height: 12px;
	left: 14px;
	top: 14px;
	width: 8px
}

.linksCarousel .owl-next:after {
	left: 17px
}

.linksCarousel .owl-next:hover:after {
	background-position: 0 -175px
}

.linksCarousel .owl-prev:hover:after {
	background-position: 0 -175px
}

@media only screen and (min-width:601px) {
	.linksCarousel {
		padding: 1.5rem 3rem 2rem
	}
	.linksCarousel a {
		font-size: .75rem
	}
	.linksCarousel .owl-prev, .linksCarousel .owl-next {
		display: block !important;
		top: 22px
	}
}

@media only screen and (min-width:1281px) {
	.linksCarousel a {
		font-size: 1.25rem
	}
}

.brandCarousel {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: none;
	margin: 0;
	padding: 1.5rem 0
}

.brandCarousel a {
	display: block;
	padding: 0 1.5rem
}

.brandCarousel img {
	display: block;
	width: 100%
}

.brandCarousel .slick-prev, .brandCarousel .slick-next {
	top: 0
}

.brandCarousel .slick-prev:after, .brandCarousel .slick-next:after {
	background-position: 0 -150px;
	height: 12px;
	left: 14px;
	top: 14px;
	width: 8px
}

.brandCarousel .slick-next:after {
	left: 17px
}

.brandCarousel .slick-next:hover:after {
	background-position: 0 -175px
}

.brandCarousel .slick-prev:hover:after {
	background-position: 0 -175px
}

@media only screen and (min-width:601px) {
	.brandCarousel {
		padding: 1.5rem 0
	}
	.brandCarousel .slick-arrow+.slick-list {
		display: inline-block;
		width: calc(100% - 80px)
	}
	.brandCarousel .slick-prev, .brandCarousel .slick-next {
		display: block !important;
		margin-top: -20px;
		top: 50%
	}
}

.videoModule {
	overflow: hidden;
	position: relative
}

.videoCarousel {
	margin: 0 .75%
}

.videoCarousel .videoModule {
	padding-right: 10px
}

.videoModule .vidArea {
	border: 1px solid #d0d0d0;
	height: 0;
	overflow: hidden;
	padding-top: calc(48.562% - 2px);
	position: relative
}

.col3 .videoModule .vidArea {
	padding-top: calc(100% - 2px)
}

.col5 .videoModule .vidArea {
	padding-top: calc(58.613% - 2px)
}

.col12>.videoModule .vidArea {
	padding-top: 90%
}

.col12>.videoCarousel .videoModule .vidArea {
	padding-top: calc(56.25% - 2px)
}

.videoModule iframe {
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.videoModule .text {
	text-align: center
}

.videoModule .below {
	border: 1px solid #d0d0d0;
	border-top: 0;
	padding: 0 10px 10px
}

.videoCarousel .videoModule .below {
	border: 0
}

.videoModule .overlay {
	bottom: 5.5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
	display: table;
	left: 3%;
	padding: 10px;
	position: absolute;
	width: 94%;
	z-index: 0
}

.videoModule .overlay:before {
	background-color: #FFF;
	content: ' ';
	display: block;
	height: 100%;
	left: 0;
	opacity: .9;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.videoModule .inner {
	display: table-cell;
	vertical-align: middle
}

.videoModule h2 {
	font-size: .75rem;
	line-height: 1em;
	margin-bottom: .25em
}

.videoModule p:first-child {
	font-size: .75rem;
	line-height: 1.1em;
	padding-top: 10px
}

.videoCarousel .slick-dots {
	margin-top: -25px
}

@media only screen and (min-width:601px) {
	.videoCarousel .slick-prev, .videoCarousel .slick-next {
		display: none !important
	}
	.videoCarousel .videoModule {
		margin-bottom: 0;
		padding-right: 17px
	}
	.videoModule h2 {
		font-size: 1.8vw
	}
	.videoModule p {
		font-size: 1.55vw;
		overflow: hidden
	}
	.videoCarousel .videoModule p {
		font-size: 1.65vw
	}
	.col10>.videoModule .vidArea {
		padding-top: 45.7%
	}
	.col12>.videoModule .vidArea {
		padding-top: 42%
	}
}

@media only screen and (min-width:1281px) {
	.videoCarousel {
		margin: 0
	}
	.videoCarousel .slick-prev, .videoCarousel .slick-next {
		display: block !important;
		float: left;
		top: 26%
	}
	.videoCarousel .slick-arrow+.slick-list {
		float: left;
		left: 40px;
		width: calc(100% - 68px)
	}
	.videoCarousel .slick-dots {
		display: none !important
	}
	.videoCarousel .videoModule {
		padding-right: 12px
	}
	.videoModule h2 {
		font-size: 1.25rem
	}
	.videoModule p, .videoCarousel .videoModule p {
		font-size: 1.0625rem
	}
	.col12>.videoModule .vidArea {
		padding-top: 30%
	}
}

.imageMod img {
	display: block;
	margin-bottom: 1rem;
	width: 100%
}

@media only screen and (min-width:601px) {
	.imageMod img {
		margin-bottom: 0
	}
}

.row .richText.mrg {
	margin-bottom: 0
}

.richText h2, .richText h3, .richText h4, .richText h5, .richText h6 {
	font-family: "VAG Rounded W01 Light", Tahoma, Arial, sans-serif;
	font-size: 1.5625rem;
	font-weight: normal;
	line-height: 1.1em;
	margin: 0 0 .75em
}

.richText.seo h2 {
	font-family: "VAG Rounded W01 Bold", Tahoma, Arial, sans-serif;
	font-size: 1.0625rem
}

.richText h3 {
	font-size: 1.4375rem
}

.richText h4 {
	font-size: 1.25rem
}

.richText h5 {
	font-size: 1.125rem
}

.richText h6 {
	font-size: 1rem
}

.richText p, .richText a, .richText li {
	font-size: .875rem;
	line-height: 1.25em;
	margin-bottom: 1em
}

.accordContent .richText p, .accordContent .richText a, .accordContent .richText li,
	.richText .accordContent p, .richText .accordContent a, .richText .accordContent li
	{
	font-size: .75rem
}

.richText.seo p, .richText.seo a {
	font-size: .6875rem;
	line-height: 1.75em;
	margin-bottom: 1.5rem
}

.richText p.disclaimer {
	padding-top: .5rem
}

.richText a {
	text-decoration: underline
}

.richText a:hover, .richText a:focus {
	text-decoration: none
}

.richText ul, .richText ol {
	margin: 0;
	padding: 0 0 10px 16px
}

.richText li {
	line-height: 1em
}

.richText li p {
	margin-bottom: .75em
}

.richText hr {
	background-color: #d0d0d0;
	border: 0;
	height: 1px;
	margin: 2.5rem auto 0;
	width: 100%
}

@media only screen and (min-width:601px) {
	.row .richText.mrg {
		padding-top: 0
	}
	.richText h2 {
		font-size: 3.3vw
	}
	.richText.seo h2 {
		font-size: 2.2vw
	}
	.richText h3 {
		font-size: 3vw
	}
	.richText h4 {
		font-size: 2.6vw
	}
	.richText h5 {
		font-size: 2.3vw
	}
	.richText h6 {
		font-size: 2vw
	}
	.richText p, .richText a, .richText li, .accordContent .richText p,
		.accordContent .richText a, .accordContent .richText li, .richText .accordContent p,
		.richText .accordContent a, .richText .accordContent li {
		font-size: 1.8vw
	}
	.richText.seo p, .richText.seo a, .richText.seo li {
		font-size: 1.55vw
	}
	.richText hr {
		margin: 3rem auto 0
	}
}

@media only screen and (min-width:1281px) {
	.richText h2 {
		font-size: 2.1875rem;
		margin-top: 0
	}
	.richText.seo h2 {
		font-size: 1.25rem
	}
	.richText h3 {
		font-size: 2rem
	}
	.richText h4 {
		font-size: 1.75rem
	}
	.richText h5 {
		font-size: 1.5625rem
	}
	.richText h6 {
		font-size: 1.375rem
	}
	.richText p, .richText a, .accordContent .richText p, .accordContent .richText a,
		.richText .accordContent p, .richText .accordContent a {
		font-size: 1.0625rem
	}
	.richText.seo p, .richText.seo a, .richText.seo li {
		font-size: .875rem
	}
	.richText p.disclaimer {
		font-size: .6875rem;
		padding-top: .75rem
	}
	.richText li, .richText li a, .accordContent .richText li,
		.accordContent .richText li a, .richText .accordContent li, .richText .accordContent li a
		{
		font-size: 1.25rem
	}
}

.row a.accordTitle {
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin: .5em 0 1.5em;
	padding-left: 1.25em;
	position: relative;
	text-decoration: none
}

.accordTitle:before {
	content: "\35";
	display: block;
	font-family: 'ElegantIcons';
	font-size: 2em;
	left: -0.375em;
	position: absolute;
	top: 0
}

.accordTitle.open:before {
	content: "\33";
	left: -0.25em
}

.accordContent {
	display: none;
	padding-bottom: 1em
}

@media only screen and (min-width:601px) {
	.row a.accordTitle {
		padding-left: 1.75em
	}
	.accordTitle:before {
		top: -0.0625em
	}
}

@media only screen and (min-width:1281px) {
	.row a.accordTitle {
		font-size: 1.25rem
	}
}

.socialShare {
	margin: 15px 0;
	text-align: center
}

.socialShare.left {
	text-align: left
}

.socialShare p {
	display: block;
	font-family: "VAG Rounded W01 Bold", Tahoma, Arial, sans-serif;
	font-size: .875rem;
	margin: 0 16px 0 8px;
	vertical-align: top
}

.socialShare ul {
	list-style: none;
	padding: 0 8px
}

.socialShare li {
	display: inline-block;
	height: 40px;
	padding-right: 18px;
	position: relative;
	vertical-align: top
}

.socialShare li a {
	display: block;
	font-size: 1.375rem;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.socialShare li img {
	display: block;
	margin: 0 auto
}

@media only screen and (min-width:601px) {
	.socialShare p {
		font-size: 1.0625rem
	}
}

@media only screen and (min-width:1281px) {
	.socialShare p {
		display: inline-block;
		padding-top: 10px
	}
	.socialShare .links {
		display: inline-block;
		vertical-align: top
	}
}

.row .col12 .brandHeader {
	height: 60px;
	margin-top: 16px;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 16px;
	position: relative
}

.brandBack {
	display: block;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.brandLogo {
	display: block;
	margin: 0 auto;
	max-height: 60px;
	max-width: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2
}

@media only screen and (min-width:601px) {
	.row .col12 .brandHeader {
		margin-top: 12px;
		margin-bottom: 20px
	}
}

@media only screen and (min-width:1281px) {
	.row .col12 .brandHeader {
		height: 80px;
		margin-top: 32px;
		margin-bottom: 48px;
		padding: 20px
	}
	.brandLogo {
		max-height: 80px
	}
}

.richListHeader {
	background-color: #e5eff9;
	padding: 20px
}

.richListHeader.v2 {
	background-color: #daf1e1
}

.richListHeader h3 {
	font-size: 1.0625rem;
	line-height: 1em
}

.richList .border {
	border: 1px solid #d0d0d0;
	padding: 20px
}

.richList.v2 .border {
	border-color: #4ba580
}

.richList h4 {
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 1.0625rem;
	font-weight: bold;
	line-height: 1em;
	margin: 1em 0 .5em
}

.richList.v1 .text1 h4 {
	margin-top: 0
}

.richList h5 {
	font-family: arial, helvetica, clean, sans-serif;
	font-size: .75rem;
	font-weight: bold;
	line-height: 1.2em;
	margin: 1.25em 0 .25em
}

.richList.v2 h5 {
	margin: 2em 0 .5em
}

.richList p, .richList a {
	font-size: .75rem;
	line-height: 1.25em;
	margin-bottom: .5rem
}

.richList a {
	text-decoration: underline
}

.richList small {
	display: block;
	font-size: .6875rem;
	line-height: 1.1em
}

.richList .videoBox {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 0;
	margin-bottom: 20px;
	padding-top: 57.5%;
	position: relative;
	width: 100%
}

.richList iframe {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.richList.v1 img {
	display: block;
	margin-bottom: 20px;
	width: 100%
}

.richList.v2 img {
	display: block;
	margin: 0 auto;
	width: 100%
}

.richList ul {
	margin: 0;
	padding: 0 0 0 20px
}

.richList li {
	line-height: 1.5em
}

.richList li p {
	margin-bottom: .25em
}

.richList .btnPrimary {
	margin-top: 25px;
	text-decoration: none;
	width: 100%
}

.richList .icon_check, .richList .icon_close {
	font-size: 1.2em;
	margin-right: 5px
}

@media only screen and (min-width:601px) {
	.richListHeader {
		padding: 20px 30px
	}
	.richListHeader h3 {
		font-size: 2.6vw
	}
	.richList .border {
		padding: 30px
	}
	.richList img, .richList iframe, .richList .text1, .richList .text2,
		.richList .text3, .richList .text4, .richList .text5 {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}
	.richList.v1 .text1 {
		padding: 0 0 40px 15px
	}
	.richList.v1 .text2 {
		border-right: 1px solid #d0d0d0;
		padding: 0 15px 0 0
	}
	.richList.v1 .text3 {
		padding-left: 15px
	}
	.richList.v2 .text2 {
		border-right: 1px solid #d0d0d0;
		margin-top: 35px;
		padding-right: 15px
	}
	.richList.v2 .text3 {
		padding-left: 15px;
		margin-top: 35px
	}
	.richList h4 {
		font-size: 2.6vw
	}
	.richList.v1 .text2 h4, .richList.v1 .text3 h4, .richList.v2 .text1 h4 {
		margin-top: 0
	}
	.richList h5 {
		font-size: 2.2vw
	}
	.richList.v2 .text2 h5:first-child, .richList.v2 .text3 h5:first-child {
		margin-top: 0
	}
	.richList p, .richList a {
		font-size: 1.8vw
	}
	.richList small {
		font-size: 1.55vw
	}
	.richList.v1 img, .richList iframe {
		padding-right: 15px
	}
	.richList .btnPrimary {
		margin-top: 40px;
		padding-left: 30px;
		padding-right: 30px;
		width: auto
	}
}

@media only screen and (min-width:1281px) {
	.richList.v1 .text1 {
		padding: 0 15px 0 15px
	}
	.richList.v1 .text2 {
		border-left: 1px solid #d0d0d0;
		border-right: 0;
		padding-left: 15px
	}
	.richList.v1 .text3 {
		border-left: 1px solid #d0d0d0;
		padding: 40px 15px 0 15px
	}
	.richList.v2 .text1 {
		padding: 0 15px
	}
	.richList.v2 .text2, .richList.v2 .text3 {
		border-right: 0;
		margin-top: 0;
		padding: 0 15px
	}
	.richList.v2 .text4 {
		padding-right: 15px;
		width: 79.2%
	}
	.richList.v2 .text5 {
		padding-left: 15px;
		width: 20.8%
	}
	.richListHeader h3 {
		font-size: 1.25rem
	}
	.richList h4 {
		font-size: 1.25rem
	}
	.richList h5, .richList p, .richList a {
		font-size: 1.0625rem
	}
	.richList small {
		font-size: .75rem
	}
	.richList.v2 .text5 h5:first-child {
		margin-top: 0
	}
	.richList.v1 .btnPrimary {
		margin-top: 0
	}
}

.richTable {
	border-collapse: collapse;
	display: block;
	width: 100%
}

.richTable tbody {
	display: block;
	width: 100%
}

.richTable tr {
	border: 1px solid #4ba580;
	border-bottom: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	float: left;
	margin: 0;
	padding: 20px;
	width: 100%
}

.richTable tr:last-child {
	border-bottom: 1px solid #4ba580
}

.richTable td {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	float: left;
	padding: 0 0 .75em;
	vertical-align: text-top;
	width: 100%
}

.richTable td:last-child {
	padding-bottom: 0
}

.richTable h4 {
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 1.0625rem;
	font-weight: bold;
	line-height: 1.25em;
	margin-bottom: .5em
}

.richTable p, .richTable a {
	font-size: .75rem;
	line-height: 1.25em;
	margin-bottom: .25rem
}

@media only screen and (min-width:601px) {
	.richTable tr {
		padding: 30px
	}
	.richTable.threeCol td {
		padding: 0 3% 0 0;
		width: 50%
	}
	.richTable.threeCol td:first-child {
		width: 100%
	}
	.richTable.threeCol td:last-child {
		border-left: 1px solid #d0d0d0;
		padding: 0 0 0 3%
	}
	.richTable h4 {
		font-size: 2.6vw;
		margin-bottom: 1em
	}
	.richTable p, .richTable a {
		font-size: 1.8vw
	}
	.richTable p strong {
		display: block;
		margin-bottom: .5em
	}
}

@media only screen and (min-width:1281px) {
	.richTable.twoCol td, .richTable.twoCol td:first-child {
		width: 50%
	}
	.richTable.threeCol td, .richTable.threeCol td:first-child {
		width: 33.33%
	}
	.richTable.threeCol td:last-child {
		border-left: 0;
		padding-left: 0
	}
	.richTable h4 {
		font-size: 1.25rem;
		margin-bottom: 0
	}
	.richTable p, .richTable a {
		font-size: 1.0625rem
	}
}

.genericTable {
	border-collapse: collapse;
	width: 100%
}

.genericTable>thead>tr>th {
	background-color: #f3f8fd;
	padding: 15px;
	text-align: left;
	text-transform: uppercase
}

.genericTable thead h2 {
	font-family: FuturaLTBook, Tahoma, Arial, sans-serif;
	font-size: 1.0625rem;
	font-weight: bold;
	line-height: 1em
}

.genericTable h3 {
	font-size: 1.0625rem;
	line-height: 1.2em;
	padding: 10px 0
}

.genericTable>tbody>tr {
	border-bottom: 1px solid #d0d0d0
}

.genericTable>tbody>tr>td {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	float: left;
	padding: 0;
	vertical-align: text-top;
	width: 100%
}

.genericTable>tbody>tr>td:not (:first-child ){
	border: 1px solid #d0d0d0;
	border-bottom: 0;
	padding: 15px
}

.genericTable p {
	font-size: .75rem;
	line-height: 1.2em
}

.genericTable .mobile td {
	padding: 10px 10px 10px 0
}

@media only screen and (min-width:601px) {
	.genericTable .smlHide {
		display: table-row
	}
	.genericTable>thead>tr>th {
		padding: 20px
	}
	.genericTable thead h2 {
		font-size: 2.2vw
	}
	.genericTable h3 {
		font-size: 2.2vw;
		padding-top: 4px
	}
	.genericTable>tbody {
		border: 1px solid #d0d0d0
	}
	.genericTable>tbody>tr>td:first-child {
		padding-left: 20px
	}
	.genericTable>tbody>tr>td:not (:first-child ){
		border: 0
	}
	.genericTable>tbody>tr>td {
		display: table-cell;
		float: none;
		padding: 20px 0;
		width: auto
	}
	.genericTable p {
		font-size: 2.2vw
	}
}

@media only screen and (min-width:1281px) {
	.genericTable th {
		text-transform: none
	}
	.genericTable thead h2 {
		font-size: 1.25rem
	}
	.genericTable h3 {
		font-size: 1.0625rem
	}
	.genericTable p {
		font-size: 1.0625rem
	}
}

.checkList {
	margin: 1rem 0;
	width: 100%
}

.checkList tr {
	vertical-align: top
}

.checkList td {
	display: block;
	float: left;
	position: relative;
	width: 100%
}

.checkList .icon_checklist {
	float: left;
	height: 20px;
	position: relative;
	width: 16px
}

.checkList .icon_checklist:before {
	position: absolute;
	top: 2px
}

.checkList a, .checkList p {
	float: left;
	font-size: .875rem;
	line-height: 1.25em;
	margin: 0 0 1rem 1rem;
	width: calc(100% - 36px)
}

.checkList a {
	text-decoration: underline
}

.checkList a:hover, .checkList a:focus {
	text-decoration: none
}

@media only screen and (min-width:601px) {
	.checkList td {
		display: table-cell;
		float: none;
		width: 50%
	}
	.checkList a, .checkList p {
		font-size: 1.8vw
	}
}

@media only screen and (min-width:1281px) {
	.checkList {
		margin: 0 0 1rem 3rem;
		width: calc(100% - 48px)
	}
	.checkList.oneColL td {
		display: block;
		float: left;
		width: 100%
	}
	.checkList a, .checkList p {
		font-size: 1.0625rem;
		margin-bottom: .75rem;
		width: 80%
	}
}

.download {
	margin: 15px 0
}

.download .btnPrimary {
	width: 100%
}

@media only screen and (min-width:601px) {
	.download .btnPrimary {
		float: right;
		width: auto
	}
}

.numericSteps {
	margin-bottom: 0
}

.numericSteps .table {
	margin: 0;
	padding: 0
}

.numericSteps td {
	padding: 0;
	vertical-align: top
}

.numericSteps h2 {
	font-size: 1.5625rem;
	line-height: 1.2em;
	margin-bottom: .5em
}

.numericSteps .number {
	color: #4ba580;
	font-family: "VAG Rounded W01 Bold", Tahoma, Arial, sans-serif;
	font-size: 3.75rem;
	line-height: 1em;
	padding: 0 15px 20px 0;
	position: relative;
	text-align: center
}

.numericSteps tr:last-child .number {
	padding-bottom: 0
}

.numericSteps tr:not (:last-child ) .number:after {
	background:
		url(/resource/blob/6396/7f26faed975d5b8084678c4b9778defc/modules-sprite-png-data.png)
		no-repeat 0 -137px;
	background-size: 25px auto;
	bottom: -10px;
	content: ' ';
	display: block;
	height: 50px;
	left: 10px;
	position: absolute;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	width: 12px
}

.numericSteps h3 {
	font-size: .875rem;
	line-height: 1.2em;
	padding: 4px 0
}

.numericSteps p {
	font-size: .75rem;
	line-height: 1.2em
}

@media only screen and (min-width:601px) {
	.numericSteps table {
		display: block;
		text-align: center
	}
	.numericSteps tr {
		float: left
	}
	.numericSteps tr:nth-last-child(2), .numericSteps tr:nth-last-child(2) 
		~ tr {
		width: 50%
	}
	.numericSteps tr:nth-last-child(3), .numericSteps tr:nth-last-child(3) 
		~ tr {
		width: 33.3%
	}
	.numericSteps tr:nth-last-child(4), .numericSteps tr:nth-last-child(4) 
		~ tr {
		width: 25%
	}
	.numericSteps tr:nth-last-child(5), .numericSteps tr:nth-last-child(5) 
		~ tr {
		width: 20%
	}
	.numericSteps td {
		display: block;
		float: left;
		width: 100%
	}
	.numericSteps h2 {
		font-size: 3.3vw
	}
	.numericSteps .number {
		font-size: 12vw;
		padding-bottom: 15px
	}
	.numericSteps tr:last-child .number {
		padding-bottom: 15px
	}
	.numericSteps tr:not (:last-child ) .number:after {
		background-position: 0 -202px;
		background-size: 37px auto;
		bottom: auto;
		height: 75px;
		left: auto;
		right: 0;
		top: 5px;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		width: 19px
	}
	.numericSteps h3 {
		font-size: 1.8vw;
		min-height: 2.4em;
		padding: 0 12px 8px
	}
	.numericSteps p {
		font-size: 1.6vw;
		padding: 0 8px
	}
}

@media only screen and (min-width:1281px) {
	.numericSteps h2 {
		font-size: 2.1875rem
	}
	.numericSteps .number {
		font-size: 7.8125rem
	}
	.numericSteps tr:not (:last-child ) .number:after {
		background-position: 0 -275px;
		background-size: 50px auto;
		height: 100px;
		width: 25px
	}
	.numericSteps h3 {
		font-size: 1.125rem;
		padding: 0 30px 12px
	}
	.numericSteps p {
		font-size: 1rem;
		padding: 0 20px
	}
}

.row .imgText.mrg {
	margin-bottom: 1rem;
	position: relative
}

.imgText img {
	float: left;
	width: 14%
}

.imgText .text {
	float: left;
	margin: 2% 0 0 6%;
	width: 80%
}

.imgText h2 {
	font-size: .875em;
	line-height: 1.1em
}

.imgText small {
	display: block;
	font-size: .6875rem;
	line-height: 1.6em
}

@media only screen and (min-width:601px) {
	.imgText img {
		float: none;
		width: 6%
	}
	.imgText .text {
		float: none;
		left: 9%;
		margin: 0;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 86%
	}
	.imgText h2 {
		font-size: 2.6vw
	}
	.imgText small {
		font-size: 1.8vw
	}
}

@media only screen and (min-width:1281px) {
	.row .imgText.mrg {
		margin-bottom: 1.5rem
	}
	.imgText img {
		width: 5%
	}
	.imgText .text {
		left: 8%
	}
	.imgText h2 {
		font-size: 1.875rem
	}
	.imgText small {
		font-size: 1.0625rem
	}
}

.textBanner h2 {
	color: #4ba580;
	font-size: 1.5625em;
	line-height: 1.1em;
	margin-bottom: .25em
}

.textBanner p {
	font-size: .6875rem
}

.textBanner .textIcon {
	margin: 1.5rem 0
}

.textBanner h3 {
	color: #b8237b;
	float: left;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: .875rem;
	line-height: 1.25em;
	margin-left: 4%;
	width: 78%
}

.textBanner img {
	float: left;
	width: 18%
}

.textBanner .btnSecondary {
	margin: 0 0 1rem 0;
	width: 100%
}

@media only screen and (min-width:601px) {
	.textBanner h2 {
		font-size: 3.3vw
	}
	.textBanner p {
		font-size: 1.8vw
	}
	.textBanner .textIcon {
		margin: 2rem 0;
		width: 66%
	}
	.textBanner h3 {
		font-size: 1.8vw;
		margin-left: 3%;
		width: 84%
	}
	.textBanner img {
		width: 13%
	}
	.textBanner .btnSecondary {
		font-size: 1.25rem;
		float: right;
		margin-bottom: 2rem;
		padding: 10px 40px;
		width: auto
	}
}

@media only screen and (min-width:1281px) {
	.textBanner h2 {
		font-size: 2.1875rem
	}
	.textBanner p {
		font-size: 1.0625rem
	}
	.textBanner .textIcon {
		float: left
	}
	.textBanner h3 {
		font-size: 1.25rem;
		margin-left: 2%;
		width: 90%
	}
	.textBanner img {
		width: 8%
	}
	.textBanner .btnSecondary {
		margin-top: 2rem
	}
}

.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.spaMenu.slick-initialized.slick-slider {
	min-height: 160px;
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	text-align: center;
}

.slick-track:before, .slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: none;
	height: 100%;
	min-height: 1px
}

[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: inline-block;
	margin: 0 8px;
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@
-webkit-keyframes fadeOut { 0{
	opacity: 1
}

100%{
opacity
:
0
}
}
@
keyframes fadeOut { 0{
	opacity: 1
}

100%{
opacity
:
0
}
}
.owl-height {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out
}

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next,
	.owl-carousel .owl-controls .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
	display: none
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.no-js .owl-carousel {
	display: block
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
	transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-moz-transition: scale 100ms ease;
	-ms-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon
	{
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1
}
/**
 * Includes all required links for theme
 * (this file is an automatically created placeholder for webresource aggregation, the inclusion is defined in theme definition)
 */
.cu-car, .cu-car * {
	box-sizing: border-box;
	text-align: center
}

.cu-car {
	width: 100%;
	margin: 1rem auto;
	position: relative;
	clear: both;
	overflow: hidden
}

.cu-car-item {
	float: left;
	position: relative;
	background: #fff;
	min-height: 200px;
	margin: 10px;
	border: 1px solid #d0d0d0;
	color: #333;
	padding-bottom: 2.5rem;
	width: calc(25% - 20px)
}

.cu-car-item--img {
	width: calc(100% - 2rem);
	max-width: 225px;
	height: auto;
	display: block;
	margin: .5rem auto
}

.cu-car-item p {
	font: 1rem/1.3 arial, sans-serif;
	min-height: 45px;
	margin: 15px 20px
}

.cu-car-item::before {
	content: 'Shop now';
	font-family: "VAG Rounded W01 Bold", Tahoma, Arial, sans-serif;
	color: #004990;
	background: #cedff3;
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	width: calc(100% - 2rem);
	padding: .75rem;
	box-sizing: border-box;
	border-radius: 3px
}

.cu-car-item .cu-item--promo {
	color: #c03;
	font-weight: bold
}

.cu-car-item .cu-item--price {
	font-size: 1.2rem;
	font-weight: bold
}

.cu-car-item .cu-item--price__was {
	font-size: 14px;
	font-weight: normal
}

.cu-car .slick-prev, .cu-car .slick-next {
	top: calc(48% - 4.5rem);
	border-color: #333
}

.cu-car .slick-prev::after, .cu-car .slick-next::after {
	color: #333
}

.cu-car .slick-next::after, .cu-car .slick-prev::after {
	background-position: 0 -175px;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}

.cu-car .slick-prev {
	margin-left: 10px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.cu-car .slick-next {
	margin-right: 10px
}

.cu-constrain {
	padding: 0 1.4%
}

.cu-car-item__icon {
	background: transparent
		url(//boots.scene7.com/is/image/Boots/sale-roundel?wid=140&hei=140&fmt=png-alpha)
		no-repeat 0 0;
	background-size: 100%;
	width: 20%;
	padding-top: 20%;
	position: absolute;
	top: 15px;
	left: 15px
}

@media screen and (max-width:1296px) {
	.cu-car-item {
		margin: 0 6px;
		width: calc(33.33% - 12px)
	}
	.cu-car .slick-prev {
		margin-left: 6px
	}
	.cu-car .slick-next {
		margin-right: 6px
	}
	.cu-car-item p {
		font: 14px/1.3 arial, sans-serif;
		min-height: 45px;
		margin: 5px 20px
	}
	.cu-car-item--img {
		width: calc(100% - 2rem);
		display: block;
		margin: .5rem auto
	}
	.cu-car-item__icon {
		width: 45px;
		height: 45px
	}
}

@media screen and (max-width:600px) {
	.cu-car-item {
		padding-bottom: 4.75rem;
		width: calc(50% - 12px)
	}
	.cu-car-item p {
		font: 12px/1.3 arial, sans-serif;
		min-height: 45px;
		margin: 3px 20px
	}
	.cu-car-item .cu-item--price {
		font-size: 17px
	}
	.cu-car-item .cu-item--price__was {
		font-size: 12px;
		width: 100%;
		display: inline-block
	}
	.cu-car .slick-prev, .cu-car .slick-next {
		top: calc(48% - 7.5rem);
		border-color: #333
	}
	.cu-constrain {
		padding: 0
	}
}