@media (min-width: 768px) {
	.page--content .breadcrumb a,
	.page--content .breadcrumb .current { color	: #575756; }
	.page--content .breadcrumb a:after { background: #575756; }
}

/* Units section */
#units {
  height: 205px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #101D5C url(../img/2018/40-mio_background_tablet.jpg) no-repeat center top;
  color: white;
}
#units h2 {
  margin: 0;
  font-size: 38px;
  line-height: 48px;
  color: inherit;
}
@media (min-width: 768px) {
  #units {
    margin-top: -95px;
    padding-top: 145px;
		height: 300px;
    background-image: url(../img/2018/40-mio_background.jpg);
  }
}

/* Compare window */
#comparePreview {
	visibility: hidden;
	position: fixed;
	z-index: 100;
	right: -380px;
	top: 50%;
	transform: translateY(-50%);
	width: 380px;
	padding: 30px;
	background: #878a8f;
	color: white;
	transition: right .3s;
}
@media (max-width: 380px) {
	#comparePreview {
		width: 320px;
		right: -320px;
	}
}
#comparePreview.visible {
	visibility: visible;
}
#comparePreview.expanded {
	right: 0;
}
#comparePreview::before {
	position: absolute;
	right: 15px;
	top: 15px;
	display: block;
	width: 20px;
	height: 20px;
	content: '';
	background: url(../img/2018/close-icon.svg) no-repeat 2px 2px;
	cursor: pointer;
}
#comparePreview > span {
	position: absolute;
	z-index: 10;
	cursor: pointer;
	left: -23px;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	display: block;
	padding: 15px 25px 15px 55px;
	font-size: 13px;
	font-weight: bold;
	color: white;
	cursor: pointer;

}
#comparePreview > span,
#comparePreview > span:hover {
	background: #878a8f url(https://www.epson.eu/viewcon/common/assets/images/compare-icon.svg) no-repeat 25px 14px !important;
}
#comparePreview header {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 2px solid white;
}
#comparePreview h3 {
	margin: 0;
	color: inherit;
}
#comparePreview h3 + p {
	font-weight: bold;
}
#comparePreview .products p {
	position: relative;
	padding: 8px 0 8px 120px;
}
#comparePreview .products .close {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 6px;
	border: 2px solid #ABAEB1;
	border-radius: 50%;
	cursor: pointer;
}
#comparePreview .products .close:hover {
	border-color: white;
}
#comparePreview .products .close::before {
	content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    display: block;
    height: 2px;
    width: 10px;
    background: #ABAEB1;
}
#comparePreview .products .close:hover::before {
	background: white;
}
#comparePreview .products .img {
	width: 60px;
	height: 45px;
	position: absolute;
	left: 44px;
	top: -5px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#comparePreview footer {
	margin-top: 20px;
}
#comparePreview footer a {
	display: block;
	width: 100%;
	background: white;
	color: #10218b;
}
#comparePreview > div {
	margin-bottom: 30px;
	font-size: 14px;
	font-weight: bold;
}

/* Compare table */
#theCompare {
	display: none;
	order: 2;
}
#theCompare.visible {
	display: block;
}
#theCompare h3 {
	font-size: 22px;
	font-weight: lighter;
	color: #10218b;
}
#compareTable {
	margin-top: 40px;
	text-align: left;
	font-size: 13px;
	line-height: 1.2;
	border-collapse: collapse;
}
.tableWrap {
	overflow: auto;
}
#compareTable td,
#compareTable th {
	padding: 19px 20px 20px;
	width: 233px;
}
#compareTable tr {
	border-top: 1px solid white;
}
#compareTable tr:first-child td {
	font-size: 18px;
	font-weight: lighter;
	color: #10218b;
	vertical-align: bottom;
}
#compareTable tr:first-child th {
	position: relative;
	padding-bottom: 80px;
	font-weight: normal;
}
#compareTable td.different {
	background: #FEDDC3;
}
#compareTable .remove {
	width: 22px;
	height: 22px;
	position: absolute;
	right: 0;
	top: 25px;
	border-radius: 50%;
	border: 1px solid #585855;
	cursor: pointer;
}
#compareTable .remove:hover {
	opacity: 0.6;
}
#compareTable .remove::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/2018/close-icon-lighter.svg) no-repeat center/10px;
}
#compareTable tbody tr:first-child th p {
	margin-top: auto;
}
#compareTable tr:first-child .rangeTitle {
	display: block;
	margin-bottom: 14px;
	font-size: 14px;
	font-weight: bold;
	color: #10218b;
}
#compareTable tr:first-child .rangeImg {
	display: block;
	padding-top: 70%;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}
#compareTable tbody tr:nth-child(even) {
	background: #f6f6f6;
}
#compareTable .buton {
	white-space: nowrap;
	/* text-transform: lowercase; */
}
#compareTable .buton::first-letter {
	/* text-transform: capitalize; */
}

/* Range */
#range {
	display: flex;
	flex-direction: column;
	padding-top: 65px;
}
#range h2 {
	margin-bottom: 25px;
}
#range > a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	width: auto;
	height: 240px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #efefef;
	background-repeat: no-repeat;
	background-position: center;
	color: inherit;
	font: inherit;
}
#range [href="#everydayrange"] {
	background-image: url(../img/2018/range_everyday_printing.jpg);
}
#range [href="#businessrange"] {
	background-image: url(../img/2018/range_business_printing.jpg);
}
#range [href="#photorange"] {
	background-image: url(../img/2018/range_photo_printing.jpg);
}
#range > a.active::before,
#range > a:hover::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #10218b;
	opacity: .9;
}
#range > a.active,
#range > a:hover {
	opacity: 1;
	justify-content: center;
}
#range > a.active > *,
#range > a:hover > * {
	z-index: 2;
	color: white;
}
#range > a h3 {
	font-size: 16px;
	color: #10218b;
}
#range > a p {
	display: none;
}
@media (min-width: 768px) and (max-width: 959px) {
	[lang=de] #range > a p { font-size: 13px; }
}
#range > a.active p,
#range > a:hover p {
	display: block;
}
#range .group {
	margin-top: 40px;
	order: 1;
	display: none !important;
}
#range > a.active + .group {
	display: flex !important;
	flex-wrap: wrap;
	flex-basis: calc(100% + 20px);
	margin-left: -20px;
}
.ie11 #range > a.active + .group {
   flex-basis: auto;
   width: calc(100% + 20px);
}
#range .group section {
	margin-bottom: 20px;
	padding: 10px 30px 30px;
	background: #f6f6f6;
	flex: 0 220px;
	display: flex;
	flex-direction: column;
	margin-left: 20px;
}
.ie11 #range .group section {
   flex-basis: auto;
   width: 220px;
}
#range .group .img {
	margin-bottom: 10px;
	padding-top: 82%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#range .group [type=checkbox] {
	margin-right: 5px;
}
[dir=rtl] #range .group [type=checkbox] {
	margin-right: 0px;
	margin-left: 5px;
}
.rangeImg, .rangeTitle {
	cursor: pointer;
}
#range .group h4 {
	margin: 0;
	color: #10218b;
	font-size: 16px;
}
#range .group dl {
	min-height: 50px;
	margin: 10px 0 0;
}
#range .group dt {
	font-size: 18px;
	color: #f68f39;
}
#range .group dt:first-of-type {
	color: #10218b;
}
#range .group dt.isOlder {
	text-decoration: line-through;
}
#range .group dd {
	margin: 0 0 8px;
	font-size: 12px;
}
#range .group ul {
	font-size: 13px;
	margin: 15px 0 20px 18px;
	padding: 0;
}
[dir=rtl] #range .group ul {
	margin-left: 0;
	margin-right: 18px;
}
#range .group footer a {
	/* text-transform: lowercase; */
}
#range .group footer a::first-letter {
	/* text-transform: uppercase; */
}
#range .group footer a:not(.blue):not(.find-dealer) {
	background: #f68f39;
}
#range .group footer a.find-dealer {
	text-transform: uppercase;
}
#range .group label {
	display: block;
	margin-top: 10px;
	font-size: 13px;
	font-weight: bold;
}
#range .group footer {
	margin-top: auto;
}
@media (min-width: 768px) {
	#range {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#range h2 {
		flex-basis: 100%;
	}
	#range > a {
		flex: 0 0 calc(33.33% - 13px);

	}
	.ie11 #range > a { width: calc(33.33% - 13px); }
	.ie11 #range > a > * { max-width: 100%; }

	#range .group {
		display: flex;
		flex-wrap: wrap;
	}
}

/* Carousel */
.carousel {
    height: 470px;
    max-width: calc(100vw - 70px);
    margin: 0 auto;
}
.carousel:not(.noPrices) {
	margin-top: 100px;
}
.carousel * {
    outline: none;
}
.carousel .item * {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
	opacity: 0.5;
	transition: opacity 0.4s ease-in-out;

}
.carousel .item * {
    visibility: hidden;
}
.carousel .item.carousel_center * {
    visibility: visible;
	opacity: 1;
}
.carousel .arrow {
    position: absolute;
    z-index: 10;
    width: 28px;
    height: 86px;
    top: 100px;
    cursor: pointer;
    background-image: url(https://neon.epson-europe.com/files/repo/2018/unbelievable_endurance/img/arrows.png);
    background-repeat: no-repeat;
}
.carousel .arrow.prev {
    left: 5px;
}
.carousel .arrow.next {
    right: 5px;
    background-position: -28px 0;
}
@media (max-width: 599px) {
	.carousel {
		overflow: visible;
	}
	.carousel .arrow.prev {
		left: -30px;
	}
	.carousel .arrow.next {
		right: -30px;
	}
}
@media (min-width: 1024px) {
	.carousel .item {
		opacity: 0.3 !important;
	}
	.carousel .item.carousel_center {
		opacity: 1 !important;
	}
}

/* Intro */
#intro {
	overflow: hidden;
	padding-top: 70px;
	padding-bottom: 77px;
	text-align: center;
	font-size: 15px;
}
#intro h2 {
	font-size: 36px;
}
#intro h3 {
	margin-top: 40px;
	margin-bottom: 7px;
	font-size: 20px;
	font-weight: lighter;
	color: #10218b;
}
#intro section {
	position: relative;
	margin-top: 60px;
	padding-top: 310px;
	background-repeat: no-repeat;
	background-position: 50% 40px;
	background-size: 100%;
}
#intro section .price {
	position: absolute;
	top: -40px;
	left: calc(50% + 133px);
	display: none;
	flex-direction: column;
	justify-content: center;
	width: 136px;
	height: 136px;
	padding: 0 18px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	border-radius: 50%;
	background: #f68f39;
	color: white;
}
#intro section .price.visible {
	display: flex;
}
#intro section .price strong {
	margin: -2px 0;
	font-size: 28px;
	line-height: 1;
	white-space: nowrap;
}

#intro section .price .textLength_10 { font-size: 21px; }
#intro section .price .textLength_11 { font-size: 20px; }
#intro section .price .textLength_12 { font-size: 19px; }

#intro section .price small {
	font-size: 13px;
	font-weight: normal;
}
#intro footer {
	margin-top: 32px;
}
#intro footer a {
	margin: 0 7px 10px;
}
#intro footer a.video {
	background: #f68f39;
}

#forhome { background-image: url(../img/2018/intro_for_home.png) }
#forbusiness { background-image: url(../img/2018/intro_for_business.png) }
#forphotoprinting { background-image: url(../img/2018/intro_for_photo.png) }

@media (max-width: 550px) {
	#intro section .price {
		left: calc(50% + 100px);
	}
}
@media (max-width: 480px) {
	#intro section {
		margin-top: 110px;
		padding-top: 180px;
	}
	#intro section .price {
		left: calc(50% + 20px);
		top: -100px;
	}
}
@media (min-width: 600px) {
	#intro section {
		background-size: 80%;
	}
}
@media (min-width: 960px) {
	#intro section {
		background-size: auto;
	}
	#intro #forphotoprinting {
		background-position: center;
	}
}

/* Reasons */
#reasons {
	overflow: hidden;
	position: relative;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#reasons section {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%);
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	width: 230px;
	font-size: 12px;
	line-height: 16px;
	height: 0;
}
#reasons section:hover {
	height: auto;
	padding: 10px;
	z-index: 10;
	background: linear-gradient(to top, #f0f0f0,#ffffff);
}
@media (min-width: 521px) {
	#reasons section:hover::after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 10px 0 8px;
		border-color: #f0f0f0 transparent transparent transparent;
		bottom: -8px;
		left: 50%;
		margin-left: -8px;
		position: absolute;
	}
}
#reasons section > *:not(.ring) {
	display: none;
}
#reasons section:hover > *:not(.ring) {
	display: block;
}
#reasons section .ring {
    position: absolute;
    top: calc(100% + 25px);
    left: 50%;
	display: block;
	border-radius: 50%;
	cursor: pointer;
}
#reasons section .ring0 {
	width: 14px;
	height: 14px;
	margin-top: -7px;
    margin-left: -7px;
    border: 1px solid white;
    background: #F8902A;
}
#reasons section .ring1 {
    width: 24px;
    height: 24px;
    margin-left: -12px;
    margin-top: -12px;
    border: 2px solid #F8902A;
    opacity: .6;
	animation: sc-pulse-ring1 2s infinite;
}
#reasons section .ring2 {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    opacity: .3;
    border: 2px solid #F8902A;
	animation: sc-pulse-ring2 2s infinite;
}
@keyframes sc-pulse-ring1 {
	0% {
		transform: scale(0.7);
		opacity: 0.6;
	}
	100% {
		transform: scale(1.5);
		opacity: 0.3;
	}
}
@keyframes sc-pulse-ring2 {
	0% {
		transform: scale(0.7);
		opacity: 0.3;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}
#reasons section h3 {
	margin: 10px 0;
	color: #101f8b;
	font-size: 13px;
	/* text-transform: uppercase; */
}
#reasons section p {
	margin-bottom: 10px;
}



@media (max-width: 767px) {
	#reasons {
		padding-bottom: 330px;
		background-image: url(../img/2018/reasons_to_buy_tablet.jpg);
	}
	#reasons .tooltip1 { bottom: 180px; margin-left: -148px; }
	#reasons .tooltip2 { bottom: 228px; margin-left: -122px; }
	#reasons .tooltip3 { bottom: 242px; margin-left: -26px; }
	#reasons .tooltip4 { bottom: 312px; margin-left: -50px; }
	#reasons .tooltip5 { bottom: 141px; margin-left: 70px; }
	#reasons .tooltip6 { bottom: 225px; margin-left: 150px; }
	#reasons .tooltip7 { bottom: 270px; margin-left: 60px; }
	#reasons .tooltip8 { bottom: 302px; margin-left: 120px; }
}
@media (max-width: 530px) {
	#reasons {
		background-size: 660px;
	}
	#reasons .tooltip1 { bottom: 160px; margin-left: -38px; }
	#reasons .tooltip1 .ring { left: 29px }

	#reasons .tooltip2 { bottom: 200px; margin-left: -32px; }
	#reasons .tooltip2 .ring { left: 55px; }

	#reasons .tooltip3 { bottom: 212px; margin-left: -28px; }
	#reasons .tooltip4 { bottom: 272px; margin-left: -50px; }

	#reasons .tooltip5 { bottom: 128px; margin-left: 40px; }

	#reasons .tooltip6 { bottom: 195px; margin-left: 20px; }
	#reasons .tooltip6 .ring { left: 220px; }

	#reasons .tooltip7 { bottom: 240px; margin-left: 40px; }

	#reasons .tooltip8 { bottom: 260px; margin-left: 50px; }
	#reasons .tooltip8 .ring { left: 180px }

}
@media (min-width: 768px) {
	#reasons {
		padding-bottom: 600px;
		background-image: url(../img/2018/reasons_to_buy.jpg);
	}
	#reasons .tooltip1 { bottom: 310px; margin-left: -257px; }
	#reasons .tooltip2 { bottom: 398px; margin-left: -210px; }
	#reasons .tooltip3 { bottom: 390px; margin-left: -50px; }
	#reasons .tooltip4 { bottom: 548px; margin-left: -83px; }
	#reasons .tooltip5 { bottom: 239px; margin-left: 120px; }
	#reasons .tooltip6 { bottom: 380px; margin-left: 260px; }
	#reasons .tooltip7 { bottom: 474px; margin-left: 140px; }
	#reasons .tooltip8 { bottom: 520px; margin-left: 240px; }
}

/* Mobile */
#mobile {
	text-align: center;
	background-color: #f6f6f6;
	background-repeat: no-repeat;
	background-size: contain;
}
#mobile ul {
	margin: 25px 0 30px;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	text-align: initial;
}
#mobile li {
	flex: 0 1 65px;
	margin-right: 25px;
	padding-top: 80px;
	font-size: 12px;
	line-height: 15px;
	background-repeat: no-repeat;
	background-size: contain;
}
#mobile li:last-child {
	margin-right: 0;
}
#mobile li:nth-of-type(1) { background-image: url(../img/2018/icon-iprint.png) }
#mobile li:nth-of-type(2) { background-image: url(../img/2018/icon_creative-printing.png) }
#mobile li:nth-of-type(3) { background-image: url(../img/2018/icon_facebook.png) }
#mobile li:nth-of-type(4) { background-image: url(../img/2018/icon_email-print.png) }
#mobile footer a {
	margin: 0 7px;
}
#mobile footer a:nth-of-type(2) {
	background: #efefef;
	color: #10218b;
	border-color: #dad9d9;
}
@media (max-width: 767px) {
	#mobile {
		padding-top: 58%;
		background-image: url(../img/2018/img_mobile-printing_tablet.jpg);
	}
}
@media (min-width: 768px) {
	#mobile {
		padding-top: 40%;
		background-image: url(../img/2018/img_mobile-printing.jpg);
	}
}

/* Calculate */
html[lang=it] body.cc_CH #calc {
	display: none;
}

#calc {
	display: flex;
	flex-direction: column;
	background: #efefef;
	position: relative;
}
#calc header {
	margin-bottom: 30px;
}
#calc header p {
	color: #10218b;
	font-size: 22px;
	line-height: 1.2;
}
#calc > ol {
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
#calc > ol li {
	display: flex;
	margin-bottom: 28px;
	align-items: center;
	list-style: none;
	counter-increment: savingSteps;
}
#calc > ol li::before {
	width: 40px;
	height: 40px;
	margin-right: 18px;
	flex-shrink: 0;
	align-self: flex-start;
	font-size: 19px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	background: #10218b;
	color: white;
	content: counter(savingSteps);
}
[dir=rtl] #calc > ol li::before {
	margin-right: 0;
	margin-left: 18px;
}
.ie11 #calc > ol li::before {
	display: block;
}
#calc aside {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-size: 20px;
	line-height: 1.2;
	color: black;
	background: url(../img/2018/ITS_printer.jpg) no-repeat center bottom/120%;
}
#calc aside > * {
	margin-right: 10px;
}
[dir=rtl] #calc aside > * {
	margin-left: 10px;
	margin-right: 0;
}
#calc aside strong {
	position: relative;
	top: 22px;
	overflow: hidden;
	width: 147px;
	height: 100px;
	text-indent: -100px;
	flex-shrink: 0;
	background: url(../img/2018/icon_save.jpg) no-repeat center/cover;
}
#calc aside sup {
	font-size: 13px;
}
@media (max-width: 480px) {
	#calc aside {
		font-size: 17px;
	}
	#calc aside strong {
		width: 100px;
		height: 68px;
		top: 12px;
	}
}
@media (max-width: 767px) {
	#calc {
		padding-top: 20px;
	}
	#calc aside {
		order: -1;
		padding-bottom: calc(72% + 30px);
	}
}
@media (min-width: 768px) {
	#calc {
		min-height: 600px;
		justify-content: center;
		background: #efefef;
		overflow: hidden;
	}
	#calc > * {
		width: 50%;
	}
	#calc aside {
		position: absolute;
		top: 120px;
		left: calc(50% + 10px);
		padding-bottom: 320px;
		background-size: 480px;
		width: 410px;
		max-width: 50%;
	}
	[dir=rtl] #calc aside {
		left: auto;
		right: calc(50% + 30px);
	}
}
@media (min-width: 820px) {
	#calc aside {
		left: calc(50% + 10px);
	}
}

/* Unlimited */
@media (max-width: 767px) {
	#unlimited {
		padding-top: calc(45% + 30px);
		background: url(../img/2018/unlimited_printing_tablet.jpg) no-repeat top/contain;
	}
}
@media (min-width: 768px) {
	#unlimited {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 500px;
		background: url(../img/2018/unlimited_printing.jpg) no-repeat center/cover;
		color: white;
	}
	#unlimited h2 {
		color: inherit;
	}
	#unlimited > * {
		max-width: 300px;
	}
}

/* Print color/black */
#color h2 em {
	font-style: inherit;
}

@media (max-width: 767px) {
	main > .print {
		height: 70vw;
		min-height: 400px;
		max-height: 500px;
		padding-top: calc(45% + 30px);
		background-repeat: no-repeat;
		background-position: top;
		background-size: contain;
	}
	#black {
		background-image: url(../img/2018/print_in_black_tablet.jpg);
	}
	#color {
		background-image: url(../img/2018/print_in_color_tablet.jpg);
	}
}
@media (min-width: 768px) {
	main > .print {
		height: 500px;
		padding-top: 120px;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	main > .print h2 {
		font-size: 40px;
		color: white;
	}
	main > .print h2 strong {
		display: block;
		line-height: 1.6;
		white-space: nowrap;
	}
	#black {
		background-image: url(../img/2018/print_in_black.jpg);
	}
	#color {
		background-image: url(../img/2018/print_in_color.jpg)
	}
}

/* Time */
@media (max-width: 767px) {
	#time {
		padding-top: calc(46% + 30px);
		background: url(../img/2018/no_more_cartridges_tablet.jpg) no-repeat top/contain;
	}
}
@media (min-width: 768px) {
	#time {
		height: 800px;
		padding: 90px calc((100vw - 500px) / 2);
		text-align: center;
		background: url(../img/2018/no_more_cartridges.jpg) no-repeat center/cover;
	}
}

/* Savings */
#save {
	padding-top: 120px;
	color: white;
	text-align: center;
}
#save h2 {
	color: inherit;
	margin: 0 0 8px;
}
#save h2,
#save p {
	font-size: 25px;
}
#save p strong {
	display: block;
	font-size: 30px;
	line-height: 34px;
}
@media (max-width: 767px) {
	#save {
		background: url(../img/2018/cartridge_free_printing_L.jpg) no-repeat center top/cover;
		height: 430px;
	}
}
@media (min-width: 768px) {
	#save {
		height: 830px;
		padding-top: 212px;
		background: url(../img/2018/cartridge_free_printing.jpg) no-repeat center/cover;
	}
	#save h2,
	#save p {
		font-size: 44px;
	}
	#save p strong {
		font-size: 71px;
		line-height: 101px;
	}
}

/* How it works */
@media (max-width: 767px) {
	#how {
		padding-top: calc(45% + 35px);
		background: url(../img/2018/how_does_it_work_tablet.jpg) no-repeat center top/contain;
	}
	#how > video {
		display: none;
	}
}
@media (min-width: 768px) {
	#how {
		overflow: hidden;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 500px;
		/*
		background: url(../img/2018/how_does_it_work.jpg) no-repeat center/cover
		*/
	}
	#how > video {
		position: absolute;
		z-index: -1;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		height: 100%;
	}
	#how > *:not(video) {
		width: 450px;
	}
}

@media (min-width: 768px) and (max-width: 959px) {
	#how > *:not(video) {
		width: 350px;
	}
}

/* Hero */
main > header {
    position: relative;
    min-height: 670px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    background: url(../img/hero_promo/hero_mobile.jpg) no-repeat center top/cover;
}
main > header h1 {
	text-transform: uppercase;
}
main > header h1 strong {
	color: #F06355;
	font-weight: normal;
}
main > header.noVideo h1 {
	/* text-transform: uppercase; */
}
main > header.noVideo h1 strong {
	color: inherit;
	font-weight: lighter;
}
main > header.noVideo h1 + p {
	color: inherit;
}
main > header p {
    color: #10218b;
}
main > header video {
    display: none;
}
main > header > img {
	align-self: flex-start;
}
@media (min-width:481px) {
     main > header {
		 background-image: url(../img/hero_promo/hero_smalltablet.jpg)
	 }
}
@media (min-width:600px) {
    main > header {
		min-height: 640px;
        background-image: url(../img/hero_promo/hero_tablet.jpg);
    }
}
@media (min-width: 768px) {
    main > header {
        background-image: url(../img/hero_promo/hero_smalldesktop.jpg);
    }
}
@media (min-width: 960px) {
    main > header {
		overflow: hidden;
        min-height: 500px;
        justify-content: center;
		background-image: none;
	}
    main > header * {
        /*display: none;*/
        max-width: 350px;
    }
    main > header video {
        max-width: none;
        display: block;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%);
    }
	main > header.noVideo {
		background-image: url(../img/hero_promo/hero.jpg);
		background-size: auto;
	}
    main > header.noVideo *:not(video):not(sup) {
        display: block;
    }
}
/* Video Popup */
body.hasPopupVideo {
    overflow: hidden;
}
.popupVideo {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
	width: 100%;
	height: 100%;
    overflow: hidden;
    transition: opacity 400ms ease-in;
	font-size: 12px;
	font-family: helvetia, arial;
    background: black;
    color: white;
}
.popupVideo video {
    position: absolute;
    max-height: 100%;
    width: calc(100% - 1px);
}
.popupVideo .youtubeVideo {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.popupVideo .youtubeVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popupVideo header {
    position: absolute;
    width: 100%;
    z-index: 1;
    padding: 1ex 0;
    text-align: center;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    transition: opacity 300ms ease;

}
.popupVideo header .close:hover {
    cursor: pointer;
}
.popupVideo header .close:hover {
    text-decoration: underline;
}

@media (max-width: 400px) {
	[lang=fi] main > header h1 {
		font-size: 32px;
	}
}

/* Base */
*, *::before {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}
body {
    margin: 0;
    padding: 0;
}
body.ie11 {
	overflow-x: hidden;
}
main {
    display: flex;
    flex-flow: column;
	font: 16px/1.5 Helvetica, sans-serif;
	color: #575756;
}
main h1,
main h2,
main p,
main ul,
main ol{
	margin: 0 0 20px;
}
main p:last-child {
	margin-bottom: 0;
}
main sup {
	line-height: 1;
}
main h1 sup,
main h2 sup {
	font-size: 60%;
}
main h1 {
	font-size: 36px; line-height: 48px;
}
main h2 {
	font-size: 28px; line-height: 33px;
}
main h1,
main h2 {
	font-weight: 300; color: #10218b
}
main a {
	color: #10218b;
	font-weight: bold;
	text-decoration: none;
}
main a:hover {
	text-decoration: underline;
	opacity: 0.8;
}
main button,
main > * > a,
main footer > a,
main .buton {
	display: inline-block;
	/* width: fit-content; */
	width: -moz-fit-content;
	margin: 0;
	padding: 7px 16px;
	line-height: 1.7;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
	border: none;
	cursor: pointer;
	transition: opacity .2s ease;
	background: #10218b;
	color: white;
	border: 1px solid transparent;
}
main button:hover,
main > * > a:hover,
main footer > a:hover,
main .buton:hover {
	text-decoration: none;
}
/* .ie11 main button,
.ie11 main > * > a,
.ie11 main footer > a {
	display: table;
	width: auto;
} */

/* Rainbow text effect */
.rainbowletter:nth-of-type(6n+1) { color: #28c6fa }
.rainbowletter:nth-of-type(6n+2) { color: #5fc95a }
.rainbowletter:nth-of-type(6n+3) { color: #ffe100 }
.rainbowletter:nth-of-type(6n+4) { color: #f39200 }
.rainbowletter:nth-of-type(6n+5) { color: #ff0000 }
.rainbowletter:nth-of-type(6n+6) { color: #e4287f }

/* Container */
@media (max-width:480px) { main > * { padding:50px calc((100% - 300px) / 2) }}
@media (min-width:481px) { main > * { padding:50px calc((100% - 480px) / 2) }}
@media (min-width:600px) { main > * { padding:50px calc((100% - 576px) / 2) }}
@media (min-width:768px) { main > * { padding:50px calc((100% - 704px) / 2) }}
@media (min-width:960px) { main > * { padding:50px calc((100% - 940px) / 2) }}

/* Anchorbar */
[lang=nl] main > nav li:nth-of-type(1) { flex: 1.3 }
[lang=nl] main > nav li:nth-of-type(4) { flex: 1.2 }
[lang=fr] main > nav li:nth-of-type(2) { flex: 1.1 }
[lang=da] main > nav li:nth-of-type(2) { flex: 1.3 }
[lang=no] main > nav li:nth-of-type(2) { flex: 1.2 }
[lang=no] main > nav li:nth-of-type(5) { flex: 1.1 }
[lang=sv] main > nav li:nth-of-type(2) { flex: 1.1 }
[lang=pt] main > nav li:nth-of-type(4) { flex: 1.1 }

@media (min-width: 768px) and (max-width: 959px) {
	[lang=it] main > nav h2 { width: 60px }
	[lang=it] main > nav li:nth-of-type(4) { flex-basis: 25px }
	[lang=it] main > nav li:nth-of-type(6) { flex-basis: 37px }
}

main > nav li:nth-of-type(1) a { background-image: url(https://neon.epson-europe.com/files/repo/2016/mwd_framework/img/icons/anchorbar/anchor_ecotank-printer.png) }
main > nav li:nth-of-type(2) a { background-image: url(https://neon.epson-europe.com/files/repo/2016/mwd_framework/img/icons/anchorbar/anchor_lightbulb.png) }
main > nav li:nth-of-type(3) a { background-image: url(https://neon.epson-europe.com/files/repo/2016/mwd_framework/img/icons/anchorbar/anchor_coins.png) }
main > nav li:nth-of-type(4) a { background-image: url(https://neon.epson-europe.com/files/repo/2016/mwd_framework/img/icons/anchorbar/anchor_star.png) }
main > nav li:nth-of-type(5) a { background-image: url(https://neon.epson-europe.com/files/repo/2016/mwd_framework/img/icons/anchorbar/anchor_printer.png) }
main > nav li:nth-of-type(6) a { background-image: url(https://neon.epson-europe.com/files/repo/2016/mwd_framework/img/icons/anchorbar/anchor_wifi.png) }

main > nav {
	display: flex;
	position: relative;
	top: 0;
	z-index: 10;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 13px;
	line-height: 1.7;
}
main > nav h2 {
	display: none;
	margin: 0 25px 0 0;
	align-self: center;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.25;
	color: white;
}
[dir=rtl] main > nav h2 {
	margin-left: 2.5rem;
	margin-right: 0;
}
main > nav ul {
	background-color: #10218b;
	flex: 1;
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}
main > nav ul::before {
	position: absolute;
	left: 0;
	z-index: -1;
	width: 100vw;
	height: 100%;
	content: '';
}
main > nav ul::before {
	background-color: #10218b;
}
main > nav li {
	flex: 1;
}
main > nav ul a {
	display: block;
	margin: 0 auto;
	max-width: 150px;
	height: 75px;
	padding: 0 10px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	/* opacity: 0.75; */
	background-position: center;
	background-repeat: no-repeat;
	color: white;
}
main > nav ul a:hover {
	text-decoration: none;
}
main > nav ul a[aria-selected="true"],
main > nav ul a:hover {
	opacity: 1;
}
main > nav ul a[aria-selected="true"] {
	background-color: #010e68;
}
@supports (position: sticky) or (position: -webkit-sticky) {
	main > nav {
		position: sticky;
		position: -webkit-sticky;
	}
}
@media (max-width: 767px) {
	main > nav li {
		font-size: 0;
	}
}
@media (min-width: 768px) {
	main > nav h2 {
		display: block
	}
	main > nav li {
		text-indent: 0;
	}
	main > nav ul a {
		height: 95px;
		padding-top: 65px;
		background-position:
			center 23px;
	}
}
@media (min-width: 1131px) {
	main > nav ul {
		position: relative;
	}
	main > nav ul::before {
		left: -200%;
		width: 200%;
	}
	[dir=rtl] main > nav ul::before {
		right: -100%;
		left: auto;
	}
	main > nav ul::after {
		position: absolute;
		right: -94px;
		border-top: 95px solid #10218b;
		border-right: 95px solid transparent;
		content: '';
	}
	[dir=rtl] main > nav ul::after {
		left: -95px;
		right: auto;
		border-left: 95px solid transparent;
		border-right: none;
	}
}

.site-wrapper { overflow: visible; }
@media (max-width: 767px) {
	.site-header > .container > div:nth-child(2) { overflow: hidden; }
}
@media (max-width: 876px) {
	.site-header .header-nav > li:last-of-type { position: relative; }
	.site-header .header-nav > li:last-of-type .header-nav__sub,
 	.site-header .header-nav > li:last-of-type .second-level { right: 0 !important; }
}
@media (max-width: 959px) {
	.breadcrumb { left: auto !important; right: auto !important; }
	.breadcrumb > ul > li:first-child { padding-left: 5px; }
}

/* Footnotes */
main > footer ol {
	list-style-type: none;
	padding: 0; color: #a9a9a9;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
}
main > footer ul + ol {
	margin-top: 50px;
}
main > footer ol a {
	font-weight: 400;
}
main > footer ol > * {
	position: relative;
	padding-left: 13px;
	counter-increment: footnotes;
}
main > footer ol > *:not(:first-of-type) {
	margin-top: 15px;
}
main > footer ol > *::before {
	content: counter(footnotes);
	position: absolute;
	left: 0;
	top: -1ex;
	font-size: 10px;
}
[dir=rtl] main > footer ol > * {
	padding-right: 1.3em;
	padding-left: 0;
}
[dir=rtl] main > footer ol > *::before {
	right: 0;
	left: auto;
}

/* Footer tiles */
main > footer > aside { display: flex; flex-wrap: wrap; padding: 0; margin: 20px 0 5px; }
main > footer > aside section:before { content: ''; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: url(../img/2018/footlinks.png) no-repeat center top; }
main > footer > aside section,
main > footer > aside:after { flex:  1 300px; position: relative; display: flex; flex-direction: column; padding: 0 40px 0 50px; margin-bottom: 60px; }
main > footer > aside h2 { color: #10218b; font-weight: bold !important; font-size: 11px; font-weight: 400; line-height: 1.8; margin-bottom: 4px;}
main > footer > aside:after { display: block; content: ''; margin-bottom: 0; }
main > footer > aside p:nth-of-type(1) { margin: 0 0 8px !important; color: #575755; font-size: 18px; line-height: 24px; margin-bottom: 15px; font-weight: normal; }
main > footer > aside p:not(:nth-of-type(1)) { font-size: 13px; margin-top: auto; margin-bottom: 15px; }
main > footer > aside footer { margin-top: 20px; }
main > footer > aside footer a { background: white; border: 1px solid #E2E2E2; color: inherit; font-size: 14px; padding: 10px 18px;}
main > footer > aside section:nth-child(1)::before { background-position: -126px -10px; }
main > footer > aside section:nth-child(2)::before { background-position: -68px -10px; }
main > footer > aside section:nth-child(3)::before { background-position: -10px -10px; }
.ie11 main > footer > aside section footer a { display: table-cell; }
.ie11 main > footer > aside section,
.ie11 main > footer > aside:after { flex-basis: 200px; }
[dir=rtl] main > footer > aside section { padding-left: 50; padding-right: 40px; }
[dir=rtl] main > footer > aside section::before { left: auto; right: 0; }
main > footer > aside section:nth-child(3) { display: none; }
.eu5 main > footer > aside section:nth-child(3) { display: flex; }

.breadcrumb .pingImage {
    display: none !important;
}