.overlay--eco-pos{transition:all 0.3s ease;background-color:rgba(0,0,0,0.4);z-index:1003;position:fixed;top:0;left:0;width:100%;height:100%;visibility:visible}
.overlay--eco-pos.is-invisible,
.overlay--eco-pos.xigen-hidden-popup,
.overlay--eco-pos.xigen-hidden-popup{visibility:hidden;opacity:0;background-color:rgba(0,0,0,0);height:100% !important;width:100% !important;position:fixed !important}
.overlay--eco-pos:hover{cursor:pointer}

.eco-pos .popup{transition:all 0.3s ease;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;left:50%;max-height:95%;outline:none;overflow:auto;position:fixed;top:50%;width:100%;max-width:940px;z-index:1004;opacity:1;color:#575755;background:#fff;visibility:visible;text-align:left;padding:0;-webkit-font-smoothing:antialiased}
.eco-pos .popup.is-invisible,
.eco-pos .popup.xigen-hidden-popup,
.eco-pos .popup.xigen-hidden-popup{visibility:hidden;top:45%;opacity:0;height:auto !important;width:auto !important;position:fixed !important}
@media only screen and (max-width: 767px){
	.eco-pos .popup.is-invisible,
	.eco-pos .popup.xigen-hidden-popup,
	.eco-pos .popup.xigen-hidden-popup{height:100% !important}
}
.eco-pos .popup.is-invisible object,
.eco-pos .popup.xigen-hidden-popup object,
.eco-pos .popup.xigen-hidden-popup object{visibility:hidden !important}
@media only screen and (max-width: 767px){
	.eco-pos .popup{top:0;left:0;-ms-transform:none;transform:none;height:100% !important;max-height:100%;width:100% !important;max-width:100% !important}
}
.eco-pos .popup form.is-validating:before{content:" ";display:block;position:absolute;z-index:4;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(255,255,255,0.5)}
.eco-pos .popup form.is-validating:after{content:" ";display:block;position:absolute;z-index:5;top:30%;left:0;right:0;margin:auto;width:100px;height:100px;background:url("https://epsonemear.a.bigcontent.io/v1/static/eco-pos_1221_search-loading") center center no-repeat;background-size:100% 100%;-ms-transform-origin:center center;transform-origin:center center;animation:spinner-rotation 2s infinite linear}
.eco-pos .popup form .error-msg{font-size:13px;color:red}
.eco-pos .popup .consumableForm button{min-width:0;font-size:13px;padding:10px 15px}
.eco-pos .popup_content{background:#fff;outline:none;padding:30px}
@media only screen and (max-width: 767px){
	.eco-pos .popup_content{padding:40px 15px 15px}
}
.eco-pos .popup_close{z-index:2;position:absolute;top:24px;right:22px}
@media only screen and (max-width: 767px){
	.eco-pos .popup_close{top:15px;right:15px}
}
.eco-pos .popup_close a{display:block;width:35px;height:35px;background:url("https://epsonemear.a.bigcontent.io/v1/static/eco-pos_1221_popup-close-icon") center center no-repeat;cursor:pointer;font-size:0;text-indent: -999em;-ms-transform:opacity 0.2s ease;transform:opacity 0.2s ease}
.eco-pos .popup_close a:after{display:none}
.eco-pos .popup_close a:hover{opacity:0.8}
.eco-pos .popup p{color:#575756}


.eco-pos h2,
.eco-pos p {
	color: #fff;
}

#eco-sliders,
#eco-sliders li {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.eco-slider-holder {
	padding-bottom: 30px
}

#eco-sliders li {
	min-height: 66px;
	padding: 0;
	text-align: left;
	margin-bottom: 20px;
	clear: left;
	position: relative
}

#eco-sliders li label {
	color: white;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 3px;
	text-transform: uppercase;
	display: block
}

#eco-sliders li.dropdowns {
	display: none
}

#eco-sliders li.noslider {
	width: 50%;
	float: left;
	max-width: 200px;
	clear: none
}

#eco-sliders li.noslider input[type="text"] {
	width: 100%;
	border: 1px solid #e1e1e1;
	padding: 15px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-align: left;
	color: #b0b2b1;
	font-size: 13px;
	line-height: 1
}

#eco-sliders li.accept {
	height: auto;
	min-height: initial;
	min-height: inherit
}

#eco-sliders li.accept label {
	text-transform: none;
	color: white !important;
	margin-left: 10px
}

#eco-sliders li.accept label a {
	color: #00b8f3
}

#eco-sliders li.accept input[type="checkbox"] {
	width: auto;
	margin-top: 2px
}

#eco-sliders li.submit-button {
	min-height: initial;
	min-height: inherit
}

#eco-sliders li .start {
	position: absolute;
	color: white;
	font-size: 13px;
	bottom: 20px;
	left: 0;
	left: -2px
}

#eco-sliders li .start:after {
	content: '';
	display: block;
	width: 2px;
	height: 7px;
	background: #e1e1e1;
	position: absolute;
	left: 0;
	bottom: -12px;
	margin-left: 2px
}

#eco-sliders li .end {
	position: absolute;
	color: white;
	font-size: 13px;
	bottom: 20px;
	right: 0
}

#eco-sliders li .end:after {
	content: '';
	display: block;
	width: 2px;
	height: 7px;
	background: #e1e1e1;
	position: absolute;
	right: 0;
	bottom: -12px
}

.pull-left {
	float: left
}

.pull-right {
	float: right !important
}

[dir=rtl] #eco-sliders li {
	text-align: right
}

.narrow #eco-sliders {
	position: relative;
	height: auto;
	display: block;
	overflow: hidden
}

.narrow #eco-sliders label {
	width: 208px
}

#eco-sliders input[type="text"] {
	border: 1px solid #CCC;
	-webkit-box-shadow: inset 2px 2px 5px #D8D8D8;
	-moz-box-shadow: inset 2px 2px 5px #D8D8D8;
	box-shadow: inset 2px 2px 5px #D8D8D8;
	float: right;
	font: 14px Arial, Helvetica, sans-serif;
	padding: 2px 5px;
	text-align: right;
	width: 40px
}

#eco-sliders input[type="checkbox"] {
	padding: 2px 5px;
	width: 40px
}

[dir=rtl] #eco-sliders input[type="checkbox"] {
	width: 13px
}

#eco-sliders li.accept {
	width: 260px
}

#eco-sliders li.accept.full_calc {
	width: auto
}

#eco-sliders li.calltoaction {
	text-align: right
}

#eco-sliders li.dropdowns {
	text-align: right
}

#eco-sliders li.dropdowns label {
	width: auto;
	margin-right: 10px;
	padding-top: 7px;
	float: none;
	display: inline-block;
	color: #4d4d4d
}

[dir=rtl] #eco-sliders li.dropdowns label {
	margin-right: 0px;
	margin-left: 10px
}

*:first-child+html #eco-sliders li.dropdowns label {
	display: block;
	float: left;
	width: 160px
}

#eco-sliders li.dropdowns .jsDropdown {
	float: right
}

#eco-sliders li.accept label {
	color: #4d4d4d;
	float: left;
	position: relative;
	height: auto;
	display: inline-block
}

[dir=rtl] #eco-sliders li.accept label {
	text-align: right;
	width: 285px
}

#eco-sliders li.accept input {
	float: left;
	display: inline-block
}

.ui-slider {
	clear: both;
	background: #e1e1e1;
	height: 2px;
	margin-top: 55px;
	position: relative
}

.ui-slider-handle {
	background: white;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	height: 16px;
	position: absolute;
	width: 16px;
	z-index: 2;
	top: -7px
}

.ui-slider-handle.ui-state-hover:after,
.ui-slider-handle.ui-state-active:after {
	content: attr(data-content);
	width: 55px;
	height: 52px;
	background: url("https://epsonemear.a.bigcontent.io/v1/static/eco-pos_1221_slider-tooltip") no-repeat;
	margin-top: -52px;
	margin-left: -19px;
	display: block;
	padding-top: 5px;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	font-size: 13px
}

.ui-slider-handle:hover {
	text-decoration: none
}

.ui-slider-handle:hover:after {
	text-decoration: none
}

#eco-slider-killer {
	background-color: #FFF;
	height: 110px;
	left: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: absolute;
	width: 485px;
	top: 0;
	z-index: 3
}

.disabled {
	opacity: 0.5
}

.saving-subheading {
	font-weight: bold;
	text-transform: uppercase
}

#terms_buttons {
	float: right;
	margin-top: 10px;
	margin-right: 10px
}

#terms_buttons li {
	list-style: none;
	float: left;
	display: inline-block;
	margin-left: 10px
}

section:not(#media_avery_footertiles) h1,
.popup h1 {
	font-size: 38px;
	font-size: 2.375rem;
	line-height: 42px;
	font-weight: 300
}

section:not(#media_avery_footertiles) h2,
.popup h2 {
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 32px;
	font-weight: 300;
	color: #101f8b
}

section:not(#media_avery_footertiles) h3,
.popup h3 {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 24px;
	font-weight: 300;
	color: #101f8b
}

section:not(#media_avery_footertiles) h3.grey,
.popup h3.grey {
	color: #575756
}

section:not(#media_avery_footertiles) h4,
.popup h4 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 24px;
	color: #101f8b
}

section:not(#media_avery_footertiles) h4.grey,
.popup h4.grey {
	color: #575756
}

section:not(#media_avery_footertiles) p,
.popup p {
	font-size: 16px;
	font-size: 1rem;
	line-height: 20px
}

section:not(#media_avery_footertiles) .tertiary,
.popup .tertiary {
	font-size: 12px;
	font-size: .75rem;
	line-height: 16px
}

section:not(#media_avery_footertiles) .tertiary p,
section:not(#media_avery_footertiles) .tertiary li,
.popup .tertiary p,
.popup .tertiary li {
	font-size: 12px;
	font-size: .75rem;
	line-height: 16px
}

section:not(#media_avery_footertiles) .t-bold,
.popup .t-bold {
	font-size: 12px;
	font-size: .75rem;
	line-height: 16px;
	font-weight: bold
}

section:not(#media_avery_footertiles) .text-uppercase,
.popup .text-uppercase {
	text-transform: uppercase
}

section:not(#media_avery_footertiles) .detail,
.popup .detail {
	font-size: 10px;
	font-size: .625rem;
	line-height: 14px;
	font-weight: normal
}

section:not(#media_avery_footertiles) .text-center,
.popup .text-center {
	text-align: center
}

section:not(#media_avery_footertiles) .no-margin-top,
.popup .no-margin-top {
	margin-top: 0
}

section:not(#media_avery_footertiles) .margin-top-h,
.popup .margin-top-h {
	margin-top: 28px
}

section:not(#media_avery_footertiles) .text-uppercase,
.popup .text-uppercase {
	text-transform: uppercase
}

section:not(#media_avery_footertiles) .img-responsive,
.popup .img-responsive {
	display: block;
	width: 100%;
	height: auto
}

section:not(#media_avery_footertiles) .separator,
.popup .separator {
	height: 50px;
	float: none;
	clear: left
}

section:not(#media_avery_footertiles) .mwd_dark h3,
section:not(#media_avery_footertiles) .mwd_dark h2,
section:not(#media_avery_footertiles) .mwd_dark p,
.popup .mwd_dark h3,
.popup .mwd_dark h2,
.popup .mwd_dark p {
	color: white
}

section:not(#media_avery_footertiles) .mwd_dark .btn-white,
.popup .mwd_dark .btn-white {
	background-color: #eeeeee;
	color: #101f8b;
	border-color: #eee;
	text-transform: uppercase
}

section:not(#media_avery_footertiles) ul,
.popup ul {
	padding-left: 15px
}

section:not(#media_avery_footertiles) ul>li,
.popup ul>li {
	margin-bottom: 20px;
	margin-top: 10px
}

section:not(#media_avery_footertiles) ul.no-bullets,
.popup ul.no-bullets {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0
}

section:not(#media_avery_footertiles) ul.no-bullets>li,
.popup ul.no-bullets>li {
	display: block
}

section:not(#media_avery_footertiles) ul.no-bullets>li span,
.popup ul.no-bullets>li span {
	float: right;
	font-size: 30px;
	color: black
}

.popup p {
	font-size: 13px;
	line-height: 20px
}

.popup ul {
	list-style: disc outside none
}

.popup ul>li {
	display: list-item;
	margin-bottom: 5px;
	margin-top: 5px
}

#global-warning-impact .popup_innercontent .content>ul {
	margin-bottom: 30px;
}

.overflow-hidden {
	overflow: hidden
}

#reducing-costs {
	padding-top: 30px
}

#reducing-costs .mwd_contentSwitcherV2_navi>ul {
	padding-left: 0
}


#reducing_costs_tab .mwd_contentBox {
	padding-bottom: 50px;
}

#reducing_costs_tab .row {
	margin-bottom: 0
}

#reducing_costs_tab .costs-calculator {
	background: url("https://epsonemear.a.bigcontent.io/v1/static/eco-pos_1221_calculator-bg") no-repeat center
}

#reducing_costs_tab .barcode-image img {
	margin-top: 30px
}

#reducing_costs_tab .barcode-printer p,
#reducing_costs_tab .barcode-printer ul,
#reducing_costs_tab .barcode-printer li {
	color: black
}

#reducing_costs_tab .barcode-printer p .large-number,
#reducing_costs_tab .barcode-printer ul .large-number,
#reducing_costs_tab .barcode-printer li .large-number {
	font-size: 40px
}

#reducing_costs_tab .barcode-printer ul>li {
	margin-bottom: 0;
	margin-top: 0
}



.text-printer {
	display: inline-block;
	position: absolute;
	width: 370px;
	left: 50%;
	margin-left: -190px;
	bottom: 0;
	right: auto
}

.text-printer img {
	bottom: 0;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1
}

.text-printer img.opacity0 {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	visibility: hidden;
	position: static
}

.text-printer #sheet-animated {
	background: url("https://epsonemear.a.bigcontent.io/v1/static/eco-pos_1221_calculator-sheet") no-repeat center;
	background-size: 100% auto;
	background-position: bottom;
	height: 0;
	position: absolute;
	padding: 0;
	z-index: 2;
	top: auto;
	bottom: 247px;
	width: 100%;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.text-printer #sheet-animated p {
	font-size: 13px;
	margin-bottom: 15px;
	color: #575756 !important;
	margin-top: 60px;
	visibility: hidden
}

.text-printer #sheet-animated p.blue {
	margin-bottom: 0;
	color: #101f8b !important;
	margin-top: 0
}

.text-printer #sheet-animated #savings {
	font-size: 48px;
	line-height: 1;
	color: #101f8b;
	visibility: hidden
}

.text-printer #sheet-animated.animate {
	height: 220px
}

.text-printer #sheet-animated.show-text p,
.text-printer #sheet-animated.show-text #savings {
	visibility: visible
}

@media (max-width: 959px) {
	.text-printer {
		width: 90%;
		left: 5%;
		margin-left: auto
	}
	.text-printer #sheet-animated {
		bottom: 217px
	}
	.ui-slider-handle.ui-state-focus:after {
		content: attr(data-content);
		width: 55px;
		height: 52px;
		background: url("https://epsonemear.a.bigcontent.io/v1/static/eco-pos_1221_slider-tooltip") no-repeat;
		margin-top: -52px;
		margin-left: -19px;
		display: block;
		padding-top: 5px;
		line-height: 34px;
		text-align: center;
		text-decoration: none;
		font-size: 13px
	}
	#life-cycle #lifecycle-thinking .icons a:before {
		top: 35px
	}
	#carbon_footprint_tab .reduce-power {
		background-size: cover
	}
	#see-the-proof {
		background-size: cover
	}
	#eco-sliders li.noslider {
		width: 48%
	}
}

@media (min-width: 768px) {
	#reducing_costs_tab .image-one {
		background: url("https://epsonemear.a.bigcontent.io/v1/static/eco-pos_1221_image-01") no-repeat center;
		background-size: cover
	}
	#reducing_costs_tab .image-two {
		background: url("https://epsonemear.a.bigcontent.io/v1/static/eco-pos_1221_image-02") no-repeat center;
		background-size: cover
	}
	.lifecycle-arrows {
		display: none !important
	}
	#life-cycle #lifecycle-thinking .icons {
		margin-left: 0 !important
	}
	.table {
		display: table
	}
	.table .table-cell {
		display: table-cell;
		vertical-align: middle;
		padding: 0;
		float: none
	}
	.table .table-cell h3 {
		margin-top: 0
	}
	.padding-left-big {
		padding-left: 40px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important
	}
	.padding-right-big {
		padding-right: 40px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important
	}
}

@media (max-width: 767px) {
	.table {
		padding: 0;
		margin-bottom: 20px
	}
	.table .table-cell {
		padding-left: 0;
		padding-right: 0
	}
	.text-center-md {
		text-align: center
	}
	.lifecycle-arrows .prev-arrow {
		right: 0px
	}
	.lifecycle-arrows .next-arrow {
		left: 0px
	}
	#life-cycle #lifecycle-thinking {
		overflow: hidden;
		position: relative;
		width: 88%;
		margin: 0 auto;
		float: none;
		min-height: 160px
	}
	#life-cycle #lifecycle-thinking .icons {
		width: 940px;
		padding-left: 94px;
		position: static;
		min-height: 160px
	}
	#life-cycle #lifecycle-thinking .icons a {
		width: 94px
	}
	#life-cycle #lifecycle-thinking .icons a#backto-lifecycle {
		position: absolute;
		left: 10px;
		top: 0;
		z-index: 20;
		background: white
	}
	#life-cycle #lifecycle-thinking .icons a#backto-lifecycle:before {
		background-color: white;
		top: 0;
		height: 100%;
		right: 100%;
		width: 35px
	}
	#life-cycle #lifecycle-thinking .icons a:before {
		top: 52px
	}
	#reducing_costs_tab .costs-calculator {
		background-size: cover
	}
	#eco-sliders li.noslider {
		width: 50%
	}
}

@media (max-width: 767px) and (min-width: 600px) {
	.text-printer {
		padding-top: 100px
	}
	.text-printer #sheet-animated {
		bottom: 150px
	}
	.text-printer #sheet-animated p {
		margin-top: 110px
	}
	.text-printer #sheet-animated #savings {
		font-size: 36px
	}
	#eco-sliders li.noslider {
		width: 100%;
		float: none !important
	}
	#eco-sliders li.accept label {
		display: block !important;
		float: none !important;
		margin-left: 20px
	}
}

@media (max-width: 599px) {
	.eco-slider-holder {
		margin-bottom: 40px
	}
	.text-printer {
		position: relative;
		width: auto;
		left: auto
	}
	.text-printer #sheet-animated {
		bottom: 265px
	}
	.lifecycle-arrows .prev-arrow {
		right: -13px
	}
	.lifecycle-arrows .next-arrow {
		left: -13px
	}
	#energy_consuption_tab .grey-section .energy-use {
		margin-bottom: 20px
	}
	#see-the-proof {
		padding-top: 20px
	}
	#see-the-proof .play-button {
		left: auto;
		margin-left: 0;
		right: 10px
	}
}

@media (max-width: 479px) {
	.text-printer #sheet-animated {
		bottom: 200px
	}
	.text-printer #sheet-animated p {
		margin-top: 80px
	}
	#eco-sliders li.noslider {
		width: 100%;
		float: none !important
	}
	#eco-sliders li.accept label {
		display: block !important;
		float: none !important;
		margin-left: 20px
	}
}
