@charset "UTF-8";
@media screen{
	/* Basic */
	html{
		height: 100%;
	}
	html, body{
		background: #fff;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-size: 16px;
		line-height: 1.2em;
		color: #5A6873;
		margin: 0;
		padding: 0;
		min-width: 320px;
		background: #F1F6FA;
	}
	body{
		overflow-x:hidden;
		min-height: 100%;
	}
	.wrap{
		width: 1200px;
		margin: 0 auto;
		padding: 32px 64px;
	}
	.slick-wrap + .wrap{position: relative; z-index: 1}

	/* Header */
	body > header{position: sticky; width: 100%; left: 0; right: 0; top: 0; z-index: 5; display: flex; flex-direction: column; align-items: center;}
	body > header .wrap, .contact-bar .wrap{display: flex; flex-direction: row; padding: 8px 24px}
	body > header{background: rgba(255,255,255,1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
	body > header.scrolled{background: rgba(255,255,255,0.85)}
	.contact-bar{width: 100%; position: relative; z-index: 6}
	.contact-bar, .contact-bar .links{font-size: 13px; color: #fff; font-weight: 400; display: flex; align-items: center;}
	.contact-bar a:hover{color: #fff;}
	.contact-bar .contact{margin-right: 48px; display: inline}
	.contact-bar .links{display: flex; flex: 1 1 auto; justify-content: flex-end; align-items: center;}
	.contact-bar a:hover .feather-icon{opacity: 0.6; width: 32px}
	.contact-sidebar{position: fixed; z-index: 4; left: 0; top: 200px; min-height: 240px; padding: 4px; padding-top: 32px; color: #fff; font-size: 0.8em; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
	.contact-sidebar form, .contact-sidebar p{display: none}
	.contact-sidebar a{display: block; padding: 4px}
	.contact-sidebar a:hover{opacity: 0.6}
	.contact-sidebar .feather-chevron-right-white-large{position: absolute; bottom: 12px; right: 12px}
	.contact-sidebar.active .feather-chevron-right-white-large{position: absolute; top: 12px; right: 12px}
	.contact-sidebar.active{width: 260px; padding: 32px 32px 6px}
	.contact-sidebar.active a{display: inline-block; padding: 10px}
	.contact-sidebar.active form, .contact-sidebar.active p{display: block; text-align: center}
	.contact-sidebar.active .feather-chevron-right-white-large::before{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");}

	/* Main */
	body > main{position: relative; z-index: 1; padding-bottom: 64px}
	main > .slick{margin-top: -72px}

	/* Footer */
	body > footer{
		position: relative;
		z-index: 2;
		color: #fff;
		font-size: 15px;
	}
	body > footer::before{
		display: block;
		height: 16px;
		width: 100%;
		background: rgb(14,95,167); background: linear-gradient(180deg, rgba(14,95,167,1) 0%, rgba(24,133,194,1) 100%);
		content: "";
	}

	/* Logo */
	header .logo{display: flex; align-items: center; justify-content: center;}
	header .logo img{height: 56px}

	/* Navigation */
	header nav{flex: 1 1 auto; font-weight: 600; font-size: 18px; margin: -8px 0}
	header nav ul{list-style: none; margin: 0; padding: 0; display: flex; justify-content: end}
	header nav li{display: block; position: relative}
	header nav li.submenu{padding-right: 22px}
	header nav li.submenu::after{
		position: absolute;
		display: inline-block;
		width: 18px;
		height: 18px;
		right: 14px;
		top: 50%;
		margin-top: -6px;
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236A7177' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
		content: "";
	}
	header nav a{display: inline-block; padding: 16px 16px; background: none;}
	header nav > ul > li > a{height: 80px; display: flex; align-items: center; padding: 8px 16px; color: #222;}
	header nav > ul > li:hover > a{color: #000; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.9); background: none}
	header nav > ul > li > a > img{height: 42px}
	header nav li:hover > a, header nav li.active> a, header nav a.active{color: #fff; background: #1885C2; text-decoration: none}
	header nav ul ul{position: absolute; display: none; width: 300px; z-index: 2; right: 0; }
	header nav li li{background: rgba(255,255,255,0.9)}
	header nav ul ul a{display: block}
	header nav li:hover > ul{display: block}
	header nav ul ul ul{right: 300px; top: 0;}

	/* Slick */
	.slick-list{padding: 0 !important}
	.slick-slide{position: relative; display: flex !important; justify-content: center}
	.slick .caption{position: absolute; max-width: 650px; top: 70px; bottom: 100px; margin-right: 500px}
	.slick .caption img{display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%;}
	.slick-main .slick-arrow, .slick-carousel .slick-arrow{
		display: block;
		position: absolute;
		background: rgba(10, 84, 159, 0.5);
		border: none;
		width: 52px;
		height: 52px;
		top: 50%;
		left: 48px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.slick-main .slick-arrow.slick-prev, .slick-main .slick-arrow.slick-prev:hover, .slick-main .slick-arrow.slick-prev:focus,  .slick-main .slick-arrow.slick-prev:active{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 45% center}
	.slick-main .slick-arrow.slick-next, .slick-main .slick-arrow.slick-next:hover, .slick-main .slick-arrow.slick-next:focus, .slick-main .slick-arrow.slick-next:active{left: auto; right: 48px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 55% center}
	.slick-main .slick-arrow:hover{background: rgba(10, 84, 159, 1)}

	.slick-carousel .slick-arrow{
		background: none;
		border: none;
		width: 48px;
		height: 48px;
		left: -58px;
		margin-top: -32px;
	}
	.slick-carousel .slick-arrow.slick-prev, .slick-carousel .slick-arrow.slick-prev:hover, .slick-carousel .slick-arrow.slick-prev:focus,  .slick-carousel .slick-arrow.slick-prev:active{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%230A549F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center}
	.slick-carousel .slick-arrow.slick-next, .slick-carousel .slick-arrow.slick-next:hover, .slick-carousel .slick-arrow.slick-next:focus, .slick-carousel .slick-arrow.slick-next:active{left: auto; right: -58px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%230A549F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center}
	.slick-carousel .slick-arrow:hover{opacity: 0.8;}

	/* Versus */
	.versus-logo{height: 100px; display: flex; align-items: center; justify-content: center }
	.versus-logo img{width: 130px;}
	.versus-pictogram img{width: 100px}

	/* Boxes */
	.boxes{margin: 0 auto;}
	.boxes > div {padding: 32px}
	.boxes-white, .inner{
		-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
	}
	.boxes-white > div[class^="col"], .inner{
		background: #fff;
		border: 1px solid #EBEBEB;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.box-white{
		background: #fff;
		border: 1px solid #EBEBEB;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.boxes .inner{
		margin: -16px;
	}
	.boxes-narrow{width: 1068px; margin: 0 auto}
	.boxes-narrow.boxes-condensed{width: 1032px;}
	.boxes-overflow, .box-overflow{margin-top: -130px}
	.boxes-overflow > div[class^="col"], .box-overflow > div[class^="col"]{min-height: 120px}
	.boxed-image{width: 110px}

	/* Web offer */
	.web-offer-section:nth-child(2){min-height: 330px}
	.web-offer-section:nth-child(3){min-height: 330px}

	/* Pricelist */
	.pricelist-description{min-height: 100px}

		/* Item toggle */
	.item-title{
		position: relative;
		padding: 8px 0;
		padding-left: 32px;
		cursor: pointer;
		font-weight: 600;
		user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
	.item-title.active{color: #1885C2}
	.item-title::before{
		position: absolute;
		margin-left: -32px;
		display: inline-block;
		background-color: #1885C2;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
		width: 16px;
		height: 16px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		margin-right: 16px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		content: "";
	}
	.item-title.active::before{
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
		-ms-transform: rotateX(180deg);
		-o-transform: rotateX(180deg);
		transform:  rotateX(180deg);
	}
	.item-content{padding: 4px 0 8px 36px}
	.item-title + .item-content{display: none}

	/* Breadcrumb */
	.breadcrumb{margin: 16px 0; padding: 0; text-align: left}
	.breadcrumb ul{display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0}
	.breadcrumb li{padding: 0}
	.breadcrumb li::after{content: ">"; padding-left: 4px; padding-right: 1px}
	.breadcrumb li:last-child::after{content: ""}
	.breadcrumb a{display: inline-block; padding: 4px; color: #393939;}
	.breadcrumb a:hover, .breadcrumb li:last-child a{color: #1885C2}

	/* Pagination */
	.pagination{margin: 16px 0; padding: 0}
	.pagination ul{display: flex; justify-content: center; list-style: none}
	.pagination li{padding: 4px 2px}
	.pagination a{display: inline-block; padding: 8px; color: #393939; font-size: 1.4em; line-height: 1.05em;}
	.pagination .fa{line-height: 1em}
	.pagination a:hover, .pagination li.active > a, .pagination a.active{color: #1885C2; text-decoration: none}

	/* Icons */
	.feather-icon::before{
		display: inline-block;
		vertical-align: top;
		width: 18px;
		height: 18px;
		content: "";
	}
	.feather-arrow::before{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231885C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-right'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-question::before{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231885C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-help-circle'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3E%3C/path%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-layer::before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231885C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-layers'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'%3E%3C/polygon%3E%3Cpolyline points='2 17 12 22 22 17'%3E%3C/polyline%3E%3Cpolyline points='2 12 12 17 22 12'%3E%3C/polyline%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-moon-white::before{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='gap-x-4 feather feather-moon'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'%3E%3C/path%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-sun-white::before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-sun'%3E%3Ccircle cx='12' cy='12' r='5'%3E%3C/circle%3E%3Cline x1='12' y1='1' x2='12' y2='3'%3E%3C/line%3E%3Cline x1='12' y1='21' x2='12' y2='23'%3E%3C/line%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'%3E%3C/line%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'%3E%3C/line%3E%3Cline x1='1' y1='12' x2='3' y2='12'%3E%3C/line%3E%3Cline x1='21' y1='12' x2='23' y2='12'%3E%3C/line%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'%3E%3C/line%3E%3Cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'%3E%3C/line%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-facebook::before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231885C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-facebook'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'%3E%3C/path%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-facebook-white::before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-facebook'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'%3E%3C/path%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-envelope::before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231885C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-mail'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-envelope-white::before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-mail'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-envelope-white-large::before{
		width: 24px;
		height: 24px;
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-mail'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-phone::before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231885C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-phone'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-phone-white::before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-phone'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-phone-white-large::before{
		width: 24px;
		height: 24px;
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-phone'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-chevron-right-white-large::before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-clock::before{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231885C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-clock'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}
	.feather-clock-large::before{
		width: 24px;
		height: 24px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231885C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-clock'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}


	/* Modal */
	.modal-wrap{
		position: fixed;
		z-index: 9999;
		display: flex;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.7);
	}
	.modal-wrap.hide{
		display: none;
	}
	.modal{
		position: fixed;
		display: flex;
		overflow: hidden;
		top: 50%;
		left: 50%;
		right: 0;
		max-width: 600px;
		transform: translateY(-50%) translateX(-50%);
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin: 32px;
		border: 2px solid #666;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-webkit-box-shadow: 0px 0px 5px #666;
		-moz-box-shadow: 0px 0px 5px #666;
		box-shadow: 0px 0px 5px #666;
	}
	.modal-title{
		font-weight: bold;
		font-size: 1.2em;
		text-align: center;
	}
	.modal .content, .modal .action{
		background: lightGray;
		width: 100%;
	}
	.modal-title, .modal-text{
		padding: 16px;
	}
	.modal-title{
		background: #0068aa;
		color: #fff;
	}
	.modal .action{
		text-align: center;
		padding: 1em 0;
	}
	.modal-submit, .modal-cancel{
		border-width: 2px;
		font-weight: bold;
		letter-spacing: 0.05em;
		padding: 6px 12px;
		margin: 4px 12px;
	}
	.modal-submit{
		border-color: #15578a;
		background: #0068aa;
	}
	.modal-submit:hover, .modal-submit:focus, .modal-submit:active{
		border-color: #15578a;
		background: #fff;
		color: #0068aa;
	}
	.modal-cancel{
		border-color: #15578a;
		background: #0068aa;
	}
	.modal-cancel:hover, .modal-cancel:focus, .modal-cancel:active{
		border-color: #15578a;
		background: #fff;
		color: #0068aa;
	}

	.ajax-loading{
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 50px;
		background: rgba(0,0,0,0.2);
	}
	.ajax-loading::after{
		display: block;
		width: 32px;
		height: 32px;
		background: url('/img/loader.gif') no-repeat;
		background-size: 100%;
		content: "";
	}
	/* custom select */
	.custom-select{position: relative; display: flex; align-items: center; width: 100%; max-width: 340px; height: 40px; padding: 4px 8px; background: #eee; border: 1px solid #1885C2; cursor: pointer}
	.custom-select select, .custom-select option{display: none; width: 0; height: 0; opacity: 0; visibility: hidden}
	.custom-select .icon{stroke: #1885C2; color: #1885C2; padding: 2px 8px 2px 2px}
	.custom-select .icon img, .custom-select .icon svg{max-width: 22px; max-height: 22px}
	.custom-select .text{flex: 1;}
	.custom-select::after{
		vertical-align: middle;
		width: 24px;
		height: 24px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231885C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
		background-repeat: no-repeat;
		content: "";
	}
	.custom-select.active::after{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231885C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
		background-repeat: no-repeat;
	}
	.custom-select .options{
		display: none;
		position: absolute;
		z-index: 2;
		top: 100%;
		left: -1px;
		right: -1px;
		background: #fff;
		border: 1px solid #1885C2;
	}
	.custom-select.active .options{
		display: block;
		max-height: 200px;
		overflow-y: auto;
	}
	.custom-select .option{
		display: block;
		padding: 8px 16px;
		cursor: pointer;
	}
	.custom-select .option:hover{
		color: #1885C2;
	}
	.custom-select .option.selected{
		background: #1885C2;
		color: #fff;
	}
	.select-popup{
		position: fixed;
		z-index: 999;
		padding: 32px 64px;
		max-width: 800px;
		max-height: 90vh;
		overflow-y: auto;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		background: #fff;
		border: 2px solid #666;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-webkit-box-shadow: 0px 0px 5px #666;
		-moz-box-shadow: 0px 0px 5px #666;
		box-shadow: 0px 0px 5px #666;
	}
	.select-popup .option{
		cursor: pointer;
	}
	.select-popup .option:hover{
		color: #1885C2;
	}
	.select-popup .option::before{
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		height: 20px;
		margin-top: -2px;
		margin-right: 8px;
		padding-bottom: 2px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238d8d8d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-circle'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 18px;
		content: "";
	}
	.select-popup .option.selected::before{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231885C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check-circle'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E");
	}

	/* custom checbox */
	.custom-checkbox{
		display: block;
		position: relative;
		padding-left: 35px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 16px;
		line-height: 1.4em;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.custom-checkbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
	.custom-checkbox .checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 22px;
		width: 22px;
		background-color: #ccc;
	}
	.custom-checkbox:hover input ~ .checkmark {
		background-color: #1885C2;
	}
	.custom-checkbox input:checked ~ .checkmark {
		background-color: #1885C2;
	}
	.custom-checkbox .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.custom-checkbox input:checked ~ .checkmark:after {
		display: block;
	}
	.custom-checkbox .checkmark:after {
		left: 13px;
		top: 2px;
		width: 7px;
		height: 12px;
		border: solid white;
		border-width: 0 3px 3px 0;
		transform-origin: 0 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/* custom radio */
	.custom-radio {
		display: block;
		position: relative;
		padding-left: 35px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 16px;
		line-height: 1.4em;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.custom-radio input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
	.custom-radio .checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 22px;
		width: 22px;
		background-color: #ccc;
		border-radius: 50%;
	}
	.custom-radio:hover input ~ .checkmark {
		background-color: #1885C2;
	}
	.custom-radio input:checked ~ .checkmark {
		background-color: #1885C2;
	}
	.custom-radio .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.custom-radio input:checked ~ .checkmark:after {
		display: block;
	}
	.custom-radio .checkmark:after {
		top: 7px;
		left: 7px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
	}
}

/* Responsive */
/* min-width */
/* sm 768 */
@media screen and (min-width: 48em) {
	
}
/* md 1024 */
@media screen and (min-width: 64em) {

}
/* lg 1200 */
@media screen and (min-width: 75em) {
	.hide-lg{display: none}
}

/* max-width */
/* lg */
@media screen and (max-width: 75em) {
	.hide-md{display: none}
	.select-popup{width: 950px;}
	.boxes-overflow-md-none{margin-top: 0}


	.wrap{width: 100%; padding-left: 32px; padding-right: 32px}
	.boxes-narrow{width: 100%;}
	.boxes-narrow.boxes-condensed{width: 100px;}
	.boxes-overflow, .box-overflow{margin-top: -100px}
	.slick-slider.slick-carousel{width: 80%; margin-left: auto; margin-right: auto}
}
/* md */
@media screen and (max-width: 64em) {
	.hide-sm{display: none}
	
	.contact-bar, body > header{display: flex}
	.nav-shortcut {
		position: absolute;
		display: block;
		float: left;
		cursor: pointer;
		padding: 6px;
		left: 8px;
		top: 16px;
		z-index: 1000;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.nav-shortcut span {
		display: block;
		width: 30px;
		height: 6px;
		background: #1885C2;
		margin-bottom: 4px;
		border-radius: 1px;
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.nav-shortcut span.bar1 {
		margin-top: 2px;
	}
	.nav-shortcut.active {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.nav-shortcut.active .bar1 {
		-webkit-transform: rotate(0deg) translateY(6px);
		-moz-transform: rotate(0deg) translateY(6px);
		-ms-transform: rotate(0deg) translateY(6px);
		-o-transform: rotate(0deg) translateY(6px);
		transform: rotate(0deg) translateY(6px);
	}
	.nav-shortcut.active .bar2 {
		opacity: 0;
	}
	.nav-shortcut.active .bar3 {
		-webkit-transform: rotate(-90deg) translateX(14px);
		-moz-transform: rotate(-90deg) translateX(14px);
		-ms-transform: rotate(-90deg) translateX(14px);
		-o-transform: rotate(-90deg) translateX(14px);
		transform: rotate(-90deg) translateX(14px);
	}
	header .nav-menu.active{display: block}
	header nav{position: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; padding: 92px 32px 64px; overflow-x: auto; background: #fff; background: rgba(255,255,255,0.9)}
	header nav li, header nav li li, header nav li li:hover{background: none}
	header nav ul, header nav li, header nav a{display: block; width: 100%}
	header nav ul ul, header nav ul ul ul{display: block; position: relative; width: 100%; margin-left: 0; right: auto}
	header nav > ul > li:hover > a, header nav li:hover > a{color: #1885C2; background: none; text-decoration: none}
	header nav > ul > li > a{display: block; padding-left: 32px; height: auto; padding: 16px; text-shadow: none}
	header nav ul ul ul{left: auto}
	header nav ul ul > li > a{padding-left: 64px}
	header nav ul ul ul > li > a{padding-left: 84px}
	header nav li.submenu{padding-right: 0px}
	header nav li.submenu::after{display: none}
	.contact-bar .contact{display: block; width: 100%; line-height: 1.6em;}
	.select-popup{width: 80%; padding: 32px}
	.signpost ul{display: none}
	.versus-pictogram img{width: 60px}
	.web-offer-section:nth-child(2){min-height: inherit}
	.web-offer-section:nth-child(3){min-height: inherit}
	.pricelist-description{min-height: auto}
	.boxes-white{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.boxes-white > div, .inner{
		-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
	}
	.contact-sidebar.active{top: 130px; bottom: 0;}
}
/* sm */
@media screen and (max-width: 48em) {
	.hide-xs{display: none}
	.wrap{padding: 16px 32px}
	.xs-align-center{text-align: center}
	.boxes > div{padding: 16px 8px}
	.contact-sidebar{min-height: auto; top: 160px}
}