@keyframes stripe1 {
    50%{
		margin-left:35%;
		width:40%;
	}
}
@keyframes stripe2 {
    25%{
		margin-left:35%;
		width:40%;
	}
	75%{
		margin-left:35%;
		width:40%;
	}
}
	@keyframes stripe2-after{
		25%{
			left:-30%;
			width:30%;
		}
		50%{
			left:-120%;
			width:120%;
		}
		75%{
			left:-30%;
			width:30%;
		}
	}
@keyframes stripe3 {
    50%{
		margin-left:10%;
		width:30%;
	}
}
@keyframes stripe4 {
    50%{
		left:5%;
		width:90%;
	}
}
html{
	overflow-x:hidden;
	overflow-y:auto;
}
body{
	background:#F9F9F9;
	font-size:18px;
	font-weight:300;
	line-height: 2;
	overflow-x:initial;
	overflow-y:initial;
}
body, input, select, textarea{
	color:#454544;
	font-family: 'Lato', sans-serif;
}
h1{
	margin:0 0 35px;
	font-size:244.4%;
	line-height:1.3;
}
h2{
	margin:0 0 10px;
	font-size:205.5%;
	font-weight:300;
	line-height:1.3;
}
h3{
	margin:0 0 10px;
	font-size:133.3%;
	line-height:1.3;
	color:#000;
}
p{
	margin:0;
}
a{
	text-decoration:underline;
	color:#16AFED;
}
svg{
	display:inline-block;
	vertical-align:top;
}
img{
	max-width:100%;
	vertical-align:top;
}
img[align=left]{
	margin-right:20px;
	max-width:50%;
}
img[align=right]{
	margin-right:20px;
	max-width:50%;
}
input[type=text], input[type=email], input[type=search]{
	display:inline-block;
	width:400px;
	max-width:100%;
	height:45px;
	border:0;
	border-bottom:1px solid rgba(0,0,0,.1);
	box-sizing:border-box;
	font-weight:normal;
	color:#575756;
}
input[type=text]:focus, input[type=email]:focus, input[type=search]:focus{
	outline:0;
	border-color:#00BDF1;
}
button, .button{
	display:inline-block;
	padding:1px 21px;
	border:0;
	border-radius: 25px;
	background:#00AADB;
	background:linear-gradient(90deg, #00BDF1 0%, #00AADB 100%);
	line-height:43px;
	font-weight:normal;
	font-size:77.78%;
	text-align:center;
	text-decoration:none;
	color:#FFF;
}
button:hover, .button:hover{
	background:linear-gradient(90deg, #00AADB 0%, #01A6DE 100%);
}
.center{
	margin:0 20px;
}
.pure-g{
	display: flex;
	flex-flow: row wrap;
    align-content: flex-start;
	margin-top:-36px;
	margin-left:-5px;
	width:calc(100% + 10px);
}
.pure-g + .pure-g{
	padding-top:36px;
}
	.pure-g > *{
		margin-top:36px;
		padding:0 5px 0;
		box-sizing:border-box;
	}
.home .pure-g{
	margin-top:-10px;
}
	.home .pure-g + .pure-g{
		padding-top:10px;
	}
	.home .pure-g > *{
		margin-top:10px;
	}
	.home .pure-u-lg-1-3{
		text-align:center;
	}
		.home .pure-u-lg-1-3 .content{
			padding-top:210px;
		}
		.home .pure-u-lg-1-3 h3::after{
			left:50%;
			transform:translateX(-50%);
		}
.valign-middle{
    display: flex;
    align-content: flex-start;
    align-items: center;
	flex-wrap: wrap;
}
.dropdown{
	display:flex;
	flex-direction: column;
	position:relative;
	z-index:3;
}
	.dropdown a{
		position:relative;
		display:block;
		height:0px;
		padding-right:13px;
		text-decoration:none;
		overflow:hidden;
		transition:all .25s;
		order:2;
	}
	.dropdown:hover a{
		height:14px;
		margin-top:5px;
	}
	.dropdown a.current{
		margin-top:0;
		height:14px;
		order:1;
		pointer-events: none;
	}
		.dropdown a.current:after{
			content:"";
			position:absolute;
			margin-top:-2px;
			top:50%;
			right:0;
			width:0;
			height:0;
			border-top:solid 5px #D4D4D4;
			border-left:solid 4px transparent;
			border-right:solid 4px transparent;
		}
.content{
	display:block;
	position:relative;
	height:100%;
	box-sizing:border-box;
	background-position:center;
	background-size:cover;
	overflow:hidden;
}
.content[data-mobile-background]{
	border:solid 5px #0c0;
}
a.content{
	text-decoration:none;
	color:#454544;
}
	.content-text{
		position:relative;
		z-index:2;
	}
	.content-text-color-blue,
	.content-text-color-pink{

	}
		.content-text-color-black_blue h1, .content-text-color-black_blue h2{
			color:#16AFED;
		}
		.content-text-color-black_pink h1, .content-text-color-black_pink h2{
			color:#ED3C95;
		}
		.content-text-color-black_blue .button,
		.content-text-color-black_pink .button,
		.content.frame.no_border .button{
			padding:0;
			border:0;
			color:#575756;
			background:transparent;
			font-weight:bold;
			text-transform:uppercase;
			line-height:1;
		}
		.content-text-color-black_blue .button{
			color:#16AFED;
		}
		.content-text-color-black_pink .button{
			color:#ED3C95;
		}
		.content-text-color-black_blue .button:hover,
		.content-text-color-black_pink .button:hover,
		.content.frame.no_border .button:hover,
		a.content-text-color-black_blue:hover .button,
		a.content-text-color-black_pink:hover .button,
		a.content.frame.no_border:hover .button{
			text-decoration:underline;
		}
	.content-text-color-white,
	a.content-text-color-white{
		color:#FFF;
	}
		.content-text-color-white h1{
			position:relative;
			font-size:200%;
		}
			.content-text-color-white h1::after{
				content:"";
				position:absolute;
				top:100%;
				left:0;
				margin-top:17px;
				width:150px;
				max-width:100%;
				height:2px;
				background:#FFF;
			}
		.content-text-color-white h3{
			position:relative;
			font-size:133%;
			color:#FFF;
		}
			.content-text-color-white h3::after{
				content:"";
				position:absolute;
				top:100%;
				left:0;
				margin-top:9px;
				width:150px;
				max-width:100%;
				height:1px;
				background:#FFF;
			}
		.content-text-color-white .button{
			background:#FFF;
			color:#15A9E8;
			font-weight:bold;
			box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
		}
		.content-text-color-white .button:hover{
			background:#EEE;
		}
.content-background-overlay{

}
	.content-background-overlay .button{
		position:relative;
		z-index:2;
	}
	.content-background-overlay::after{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,.25);
	}
.content-read-more{
	display: flex;
    flex-direction: column;
	flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
}
	.content-read-more .content-text{
		flex: 1 1 auto;
		width:100%;
		margin-bottom:2em;
	}
.frame{
	padding:48px;
	border-radius:3px;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
	background-color:#FFF;
}
.content.frame.no_border{
	background-color:transparent;
	box-shadow:none;
}
a.content.frame.no_border:hover{
	background:rgba(255,255,255,.5);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
}
.image{
	position:relative;
	height:100%;
}
	.image img{
		position:relative;
		max-width:100%;
		z-index:2;
	}
	.image-stripes{
		display: flex;
		position:absolute;
		top:15%;
		left:25%;
		width:75%;
		height:60%;
		flex-direction: column;
		justify-content: space-between;
	}
		.image-stripe{
			position:relative;
			width:70%;
			height:6px;
			background:rgba(255,255,255,.15);
			border-radius:3px;
		}
			.image-stripe::before, .image-stripe::after{
				content:"";
				position:absolute;
				top:0;
				width:6px;
				height:inherit;
				border-radius:inherit;
				background:rgba(255,255,255,.75);
			}
			.image-stripe::before{
				left:-30%;
				margin-left:-42px;
			}
			.image-stripe::after{
				left:-30%;
				margin-left:-30px;
				width:30%;
			}
		.image-stripe:nth-child(2), .image-stripe:nth-child(4){
			left:10%;
		}
			.image-stripe:nth-child(2)::before, .image-stripe:nth-child(4)::before{
				left:0;
				margin-left:-30px;
			}
			.image-stripe:nth-child(2)::after, .image-stripe:nth-child(4)::after{
				left:-30%;
				margin-left:-42px;
			}
		.image-stripe:nth-child(3){
			width:20%;
			background:rgba(255,255,255,.75);
		}
			.image-stripe:nth-child(3)::before{
				left:0;
				margin-left:-18px;
			}
			.image-stripe:nth-child(3)::after{
				left:-100%;
				width:100%;
				margin-left:-32px;
			}
		.image-stripe:nth-child(4){
			left:20%;
		}
		.image-stripe:nth-child(1){
			animation-name: stripe1;
    		animation-duration: 35s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
		}
		.image-stripe:nth-child(2){
			animation-name: stripe2;
    		animation-duration: 30s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
			animation-delay: -7s;
		}
			.image-stripe:nth-child(2)::after{
				animation-name: stripe2-after;
				animation-duration: 30s;
				animation-iteration-count: infinite;
				animation-timing-function: linear;
				animation-delay: -7s;
			}
		.image-stripe:nth-child(3){
			animation-name: stripe3;
    		animation-duration:15s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
		}
		.image-stripe:nth-child(4){
			animation-name: stripe4;
    		animation-duration: 25s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
			animation-delay: -22s;
		}
.video{
	display:block;
	position:relative;
	min-height:100%;
	background:no-repeat center;
	background-size:cover;
	overflow: hidden;
}
	.video::before{
		content:"";
		display:block;
		margin-top:53.5%;
	}
	.video::after{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(/images/video_play.svg) center no-repeat rgba(0,0,0,0.4);
		background-size:50px 50px;
		opacity:.7;
	}
	.video:hover::after{
		background-color:rgba(0,0,0,.3);
		opacity:1;
	}
.dealer-locator{
	position:relative;
}
	.dealer-locator-text{
		position:relative;
		z-index:2;
	}
		.dealer-locator-text-content{
			position:relative;
		}
			.dealer-locator-text-content .content{
				position:absolute;
				top:30px;
				height:auto;
				background: linear-gradient(90deg, #00BDF1 0%, #00AADB 100%);
			}
	.dealer-locator-maps{
		height:70vh;
	}
	.dealer-locator-search{
		padding:50px 0;
		background:#FFF;
	}
		.dealer-locator-search b{
			margin-right:100px;
			font-size:160%;
			font-weight:300;
			color:#00BDF1;
		}
		.dealer-locator-search-form{
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			width:100%;
		}
			.dealer-locator-search-form input{
				-webkit-flex: 1 1 auto;
				-ms-flex: 1 1 auto;
				flex: 1 1 auto;
			}
.info-window{
	position:relative;
	font-size:15px;
}
.product-group > img{
	margin-bottom: 20px;
}
.search_result{
	text-decoration:none;
	color:#454544;
}
.header{
	position:sticky;
	top:0;
	left:0;
	width:100%;
	padding-top:18px;
	box-sizing:border-box;
	background-color:#FFFFFF;
	z-index:9;
}
	.header::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#FFF;
		box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
		z-index:1;
	}
	.header .center{
		position:relative;
	}
		.header-logo{
			position:relative;
			display:block;
			width:145px;
			z-index:4;
		}
		.header-menu{
			display:flex;
			padding:10px 0 10px;
			justify-content:space-between;
			align-items: center;
			background:#FFF;
		}
			.header-menu::before{
				content:"";
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:115px;
				background:#FFF;
				z-index:3;
			}
			.header-menu > div:hover::before{
				content:"";
				position:absolute;
				top:50%;
				left:0;
				width:100%;
				height:50%;
				background:#FFF;
				z-index:3;
			}
				.header-menu a{
					position:relative;
					min-height:0;
					color:#575756;
					font-size:77.78%;
					font-weight:normal;
					text-decoration:none;
					text-transform:uppercase;
					z-index:4;
				}
				.header-menu a:hover{
					color:#00B8ED;
				}
				.header-menu a.current{
					color:#00B8ED;
					font-weight:bold;
				}
				.header-menu .header-menu-outlets{
					display:inline-block;
					position:absolute;
					right:100px;
					top:0%;
					margin-bottom: 10px;
					height:45px;
					padding:14px 13px;
					border: 1px solid #00BDF1;
					border-radius: 25px;
					box-sizing:border-box;
					font-weight:bold;
					line-height:1;
					color:#00B8ED;
					fill:#00BDF1;
				}
					.header-menu .header-menu-outlets .svg{
						margin-right:8px;
						width:16px;
						vertical-align:bottom;
					}
				.header-menu .header-menu-outlets:hover{
					background:#00BDF1;
					color:#FFF;
					fill:#FFF;
				}
				.header-submenu{
					position:absolute;
					top:100%;
					left:0;
					margin-top:-4px;
					width:100%;
					padding:40px 0;
					box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
					transform: translateY(-100%);
					transition:.25s ease-in-out;
				}
				.header-menu > div:hover .header-submenu{
					transform: translateY(0%);
				}
					.header-submenu::before{
						content:"";
						position:absolute;
						top:0;
						left:50%;
						margin-left:-50vw;
						width:100vw;
						height:100%;
						background:#FFF;
					}
					.header-submenu a{
						float:left;
						width:25%;
						text-align:center;
						color:#575756;
					}
						.header-submenu img{
							display:block;
							margin:30px auto;
							width:70%;
						}
		.header-right{
			display:flex;
			position:absolute;
			top:15px;
			right:0;
			z-index:3;
		}
			.header-search{
				float:left;
				margin-right:24px;
				width:16px;
				height:16px;
			}
			.header-language{
				float:left;
				line-height:1;
				font-size:77.78%;
				color: #575756;
				background:#FFF;
				text-decoration:none;
			}
		.header-search-form{
			display:flex;
			position:relative;
			justify-content:center;
			margin-top:-55px;
			padding-top:8px;
			padding-bottom:10px;
			transition:.25s;
			z-index:2;
		}
		.search .header-search-form{
			margin-top:0;
		}
		.header-menu-button{
			display:none;
		}
.container{

}
	.grid-container{
		padding:20px 0;
	}
	.grid-container-blue, .grid-container-pink{
		padding:120px 0;
		padding-bottom:150px;
		background: linear-gradient(270deg, #00BDF1 0%, #00AADB 100%);
		color:#FFF;
	}
	.grid-container-blue + .grid-container, .grid-container-pink + .grid-container{
		padding-top:120px;
	}
	.grid-container-pink{
		background: linear-gradient(315deg, #F5317F 0%, #FF7C6E 100%);
	}
		.grid-container-blue .image,
		.grid-container-pink .image{
			display:flex;
   			 justify-content: flex-end;
  			align-items: flex-end;
		}
			.grid-container-blue .image img,
			.grid-container-pink .image img{
				position:relative;
				top:200px;
				max-width:75%;
				z-index:2;
			}
	.grid-container-transparent + .grid-container-transparent,
	.grid-container-blue + .grid-container-blue,
	.grid-container-pink + .grid-container-pink{
		padding-top:36px;
	}
	.container > .grid-container{

	}
	.container > .grid-container:first-child{
	}
	.container > .grid-container:last-child{
		padding-bottom:70px;
	}
	.home .grid-container{
		padding-bottom:0;
	}
	.home .grid-container-transparent + .grid-container-transparent,
	.home .grid-container-blue + .grid-container-blue,
	.home .grid-container-pink + .grid-container-pink{
		padding-top:10px;
	}
.footer{
	padding:60px 0 50px;
	background:#FFF;
}
	.footer-newsletter-message{
		display:block;
		margin-bottom:10px;
		width:100%;
		padding:10px 20px;
		border-radius:22px;
		background:rgba(0,0,0,.25);
		font-size:77.78%;
		font-weight:normal;
		color:#FFF;
		line-height:23px;
	}
	.footer-newsletter{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		width:100%;
    }
		.footer-newsletter input{
			-webkit-flex: 1 1 auto;
			-ms-flex: 1 1 auto;
			flex: 1 1 auto;
		}
	.footer-news-letter-head{
		font-size:205.56%;
		color:#00BDF1;
		line-height:1.3;
	}
	.footer-bottom{
		margin-top:70px;
		border-top:solid 1px rgba(0,0,0,.05);
		padding-top:50px;
	}
		.footer-bottom-top{
			opacity:.15;
		}
		.footer-social{
			float:right;
		}
			.footer-social a{
				float:left;
				margin-left:40px;
				width:24px;
				opacity:.15;
			}
			.footer-social a:hover{
				opacity:.5;
			}
	.www{
		opacity:.5;
		text-align:right;
		font-size:80%;
	}
		.www a{
			color:#454545;
		}
.cms-content-bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:center;
	background-size:cover;
}
.cms-grid-add{
	padding:25px 0;
}
	.cms-grid-add a{
		display:block;
		margin:auto;
		max-width:200px;
	}

@media screen and (max-width:64em){
	html, body{
		overflow: initial;
	}
	body::after{
		content:"";
		position:fixed;
		top:0;
		left:-100%;
		width:100%;
		height:100%;
		z-index:9;
		transition:left 0s .25s, background .25s;
	}
	.menu::after{
		left:0;
		background:rgba(0,0,0,.25);
		transition:left 0s, background .25s;
	}
	.header{
		padding:10px 0;
		z-index:10;
		border-bottom:solid 0px #FFF;
		transition:.25s;
		transition-delay:.25s;
		box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
	}
		.header::before{
			display:none;
		}
	.search .header{
		border-bottom:solid 63px #FFF;
		transition-delay:0s;
	}
	.header-logo{
		left:50px;
	}
	.header-menu{
		display:block;
		position:fixed;
		top:0;
		left:0;
		min-width:50vw;
		height:100vh;
		border-top:solid 74px transparent;
		padding:20px;
		background:#FFF;
		box-sizing:border-box;
		transform:translateX(-100%);
		transition:transform .25s;
	}
		.header-menu::before{
			display: none;
		}
		.header-menu > div:hover::before{
			display:none;
		}
	.menu .header-menu{
		transform:translateX(0%);
	}
		.header-menu a{
			float:left;
			clear:both;
			font-size:100%;
		}
		.header-menu .header-menu-outlets{
			position:fixed;
			top:-60px;
			right:-200%;
			margin-right:120px;
			margin-bottom:0;
			font-size: 77.78%;
			transition:.25s;
		}
		.menu .header-menu .header-menu-outlets{
			right:-100%;
		}
	.header-submenu{
		position:static;
		margin-top:0;
		padding:0;
		box-shadow:none;
		transform:none;
	}
		.header-submenu::before{
			display:none;
		}
		.header-submenu a{
			text-align:left;
			width:auto;
		}
			.header-submenu img{
				display:none;
			}
	.header-right{
		top:20px;
	}
	.header-search-form{
		position:absolute;
		top:100%;
		left:-100%;
		margin:0;
		margin-left:-20px;
		width:100%;
		transition:.25s;
	}
	.search .header-search-form{
		left:0;
		margin-left:0;
		transition-delay:.25s;
	}
	.header-menu-button{
		display:block;
		position:absolute;
		top:2px;
		left:-8px;
		width:48px;
		height:48px;
		background:#454544;
		border-top:solid 22px transparent;
		border-bottom:solid 22px transparent;
		border-left:solid 8px transparent;
		border-right:solid 8px transparent;
		background-clip:content-box;
		box-sizing:border-box;
		z-index:5;
		transition:.15s;
		transition-delay:0s;
	}
	.menu .header-menu-button{
		transform:rotate(45deg);
		transition-delay:.3s;
	}
	.header-menu-button::before,
	.header-menu-button::after{
		content:"";
		position:absolute;
		top:-8px;
		left:0;
		width:100%;
		height:100%;
		background:inherit;
		transition:top .15s .3s, transform .15s .15s;
	}
	.header-menu-button::after{
		top:8px;
	}
	.menu .header-menu-button::before,
	.menu .header-menu-button::after{
		top:0;
		transform:rotate(90deg);
		transition:top .15s 0s, transform .15s .15s;
	}
	.grid-container-blue, .grid-container-pink{
		padding:40px 0;
	}
	.grid-container-blue .image img, .grid-container-pink .image img {
		top:150px;
		max-width:50%;
	}
}
@media screen and (max-width:48em){
	.dealer-locator-text .center{
		margin:0;
	}
	.dealer-locator-text-content .content{
		position:relative;
		top:0;
		height:auto;
	}
}
@media screen and (max-width:35.5em){
	body{
		font-size:15px;
	}
	img[align=left]{
		float:none;
		display:block;
		max-width:100%;
		margin-bottom: .5em;
	}
	.content-mobile-background{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-position:center;
		background-size:cover;
	}
	.header-menu .header-menu-outlets{
		position:absolute;
		top:auto;
		left:20px;
		right:auto !important;
		margin-right:0;
		bottom:20px;
	}
	.grid-container-blue .image img, .grid-container-pink .image img {
		top:100px;
		max-width:50%;
	}
	.frame {
    	padding:24px;
	}
}
@media screen and (max-width:400px){
	.header-logo{
		padding:8px 0;
		width:100px;
	}
}
@media screen and (min-width:35.5em){
	.content-mobile-background{
		background:none !important;
	}
}
@media screen and (min-width:1450px){
	.center{
		margin:0 auto;
		max-width:1378px;
	}
	.grid-container{
		padding:40px 0;
	}
	.grid-container-blue, .grid-container-pink{
		padding:120px 0;
	}
	.grid-container-blue .image img,
	.grid-container-pink .image img{
		top:250px;
		max-width:100%;
	}
		.header-submenu img{
			width:90%;
		}
}
@media screen and (min-width:1850px){
	.header{
		padding-bottom:18px;
	}
	.header-logo{
		position:absolute;
		top:5px;
		right:100%;
		margin-right:50px;
	}
	.header-menu{
		margin-top:0;
	}
		.header-menu::before{
			height:75px;
		}
		.header-menu > div:hover::before{
			padding-bottom:18px;
		}
	.header-right{
		top:23px;
		left:100%;
		right:auto;
		margin-left:50px;
	}
	.header-menu .header-menu-outlets{
		position:relative;
		right:0;
		bottom:0;
	}
	.header-search-form {
    	margin-top: -63px;
	}
}