@font-face {
	font-family: "HelveticaNeueW01-45Ligh";
	src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot");
	src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?iefix") format("embedded-opentype"),
	url("../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),
	url("../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"),
	url("../fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg")
}


@font-face {
	font-family: "HelveticaNeueW01-Thin";
	src: url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot");
	src: url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?iefix") format("embedded-opentype"),
	url("../fonts/50d35bbc-dfd4-48f1-af16-cf058f69421d.woff") format("woff"),
	url("../fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype")
}

@font-face {
	font-family: "HelveticaNeueW01-Medium";
	src: url("../fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot");
	src: url("../fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?iefix") format("embedded-opentype"),
	url("../fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"),
	url("../fonts/278bef59-6be1-4800-b5ac-1f769ab47430.ttf") format("truetype")
}

@font-face{
	font-family:"HelveticaNeueW01-55Roma";
	src:url(../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix);
	src:url(../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix) format("eot"),
	url(../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff) format("woff"),
	url(../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf) format("truetype"),
	url(../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9) format("svg")}

@font-face{
	font-family:"HelveticaNeueW01-65Medi";
	src:url(../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix);
	src:url(../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix) format("eot"),
	url(../fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff) format("woff"),
	url(../fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf) format("truetype"),
	url(../fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5) format("svg")}

@font-face{
	font-family:"HelveticaNeueW01-75Bold";
	src:url(../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix);
	src:url(../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix) format("eot"),
	url(../fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff) format("woff"),
	url(../fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf) format("truetype"),
	url(../fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568) format("svg")}

@font-face {
	font-family:"HelveticaNeueUltraLight";
	src:url(../fonts/Helvetica-Neue-LT-W02_25-UltLt.09603dfa.eot?#iefix);
	src:url(../fonts/Helvetica-Neue-LT-W02_25-UltLt.09603dfa.eot?#iefix) format("eot"),
	url(../fonts/Helvetica-Neue-LT-W02_25-UltLt.woff) format("woff"),
	url(../fonts/Helvetica-Neue-LT-W02_25-UltLt.15030916.ttf) format("truetype")
}


@font-face {
	font-family: "HelveticaNeue";
	font-weight: 100;
	src: url(../fonts/Helvetica-Neue-LT-W02_25-UltLt.09603dfa.eot) format("eot"), url(../fonts/Helvetica-Neue-LT-W02_25-UltLt.449485f9.woff2) format("woff2"), url(../../fonts/Helvetica-Neue-LT-W02_25-UltLt.15030916.ttf) format("truetype"), url(../images/Helvetica-Neue-LT-W02_25-UltLt.8f1a8b6e.svg#HelveticaNeue) format("svg");
}
@font-face {
	font-family: "HelveticaNeue";
	font-weight: 200;
	src: url(../fonts/Helvetica-Neue-LT-W02_35-Thin.ce511bd6.eot) format("eot"), url(../fonts/Helvetica-Neue-LT-W02_35-Thin.81f26ee2.woff2) format("woff2"), url(../../fonts/Helvetica-Neue-LT-W02_35-Thin.d7b9f41a.ttf) format("truetype"), url(../images/Helvetica-Neue-LT-W02_35-Thin.dff8cd66.svg#HelveticaNeue) format("svg");
}
@font-face {
	font-family: "HelveticaNeue";
	font-weight: 300;
	src: url(../fonts/Helvetica-Neue-LT-W02_41488880.0025411f.eot) format("eot"), url(../fonts/Helvetica-Neue-LT-W02_41488880.21fb6e2a.woff2) format("woff2"), url(../../fonts/Helvetica-Neue-LT-W02_41488880.1d7bf26d.ttf) format("truetype"), url(../images/Helvetica-Neue-LT-W02_41488880.bac379d2.svg#HelveticaNeue) format("svg");
}
@font-face {
	font-family: "HelveticaNeue";
	font-weight: 400;
	src: url(../fonts/Helvetica-Neue-LT-W02_55-Roman.b1d55795.eot) format("eot"), url(../fonts/Helvetica-Neue-LT-W02_55-Roman.6300a75c.woff2) format("woff2"), url(../../fonts/Helvetica-Neue-LT-W02_55-Roman.f54ba521.ttf) format("truetype"), url(../images/Helvetica-Neue-LT-W02_55-Roman.e1729e03.svg#HelveticaNeue) format("svg");
}
@font-face {
	font-family: "HelveticaNeue";
	font-weight: 500;
	src: url(../fonts/Helvetica-Neue-LT-W02_65-Md.20f064da.eot) format("eot"), url(../fonts/Helvetica-Neue-LT-W02_65-Md.cfb2f019.woff2) format("woff2"), url(../../fonts/Helvetica-Neue-LT-W02_65-Md.5362e548.ttf) format("truetype"), url(../images/Helvetica-Neue-LT-W02_65-Md.6dfce16f.svg#HelveticaNeue) format("svg");
}

@font-face {
	font-family: "Helvetica Now";
	src: url(../fonts/HelveticaNowVarW05-Regular.woff) format("woff"), url(../fonts/HelveticaNowVarW05-Regular.woff2) format("woff2");
}

.navigation-mobile {
	display: none;
}

.navigation-desktop {
	display: block;
}

.navigation-desktop .navigationBar {
	position: static;
}

:root {
	box-sizing:border-box;
	font-size:10px;
}

.main-wrapper {
	margin: 0 auto;
	position: relative;
	height: 100%;
}

.edit-cart-wrapper {
	/*display: table;*/
	/*width: 100%;*/
}

#checkout-area table a,
#payment-area table a,
.cartcheckout-content-root table a {
	text-decoration: underline;
}

.cartcheckout-content-root {
	right:5% ;
	position: absolute;
	width: 43%;
}

.cartcheckout-content-root-container {
	background-color: #F5F7F7;
	padding: 5vh 3vw 4vh;
}

.cartcheckout-content-root .prod-tr-root {
	/*max-height: 200px;*/
	max-height: 700px;
}

.prod-tr-img-div, .prod-tr-top, .prod-tr-bottom {
	/*display: table-cell;*/
	vertical-align: top;
}

.prod-tr-img-div {
	width: 20%;
	margin-left: 72px;
}

.prod-tr-top {
	width: 50%;
	margin-right: calc(5% - 72px);
}

.prod-tr-bottom {
	width: 25%;
}

.cartcheckout-content-root .cartcheckout-content-root-container {
	background-color: #F0F0F0;
	padding: 2.5rem 2.6875rem;
}

.MetaNav-link {
	color:#000 !important;
}

body a,
body table {
	color: #44474F;
	float: none;
}

body a:hover {
	color: #000;
}

ul {
	-webkit-padding-start: 5vh;
	-webkit-padding-end: 5vh;
}

p{
	font-size: 13px;
	line-height: 20pt;
	font-weight: 300;
}

.spaces {
	margin-right: 5vh;
	box-sizing: border-box;
}

#sign-in-column-left {
	float: left;
	width: 27%;
	height: 363px;
	border-right: none;
	padding-left: 0%;
	padding-right: 15%;
	display: table;
}

#sign-in-column-middle {
	float: left;
	width: 27%;
	height: 363px;
	border-right: 1px solid #bfbfbf;
	padding-left: 3%;
	padding-right: 3%;
	display: table;
}

#sign-in-column-right {
	float: left;
	height: 363px;
	width: 27%;
	padding-left: 0%;
	padding-right: 3%;
	display: table;
	vertical-align: bottom;
}

html {
	height: 100%;
}

body {
	font-family: "Helvetica Now", "Helvetica Neue", sans-serif;
	font-stretch: normal;
	font-style: normal;
	min-height:100%;
	padding:0;
	margin:0;
	position:relative;
	color: #000;
	overflow-x: hidden;
}

input, span, select, button {
	border-radius: 0;
}

.occhio-background {
	background-color: #F9F9F9;
}

.radial-gradient-background {
	background: rgba(241, 241, 241, 1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(241, 241, 241, 1)
	0%, rgba(241, 241, 241, 1) 25%, rgba(189, 189, 189, 1) 100%);
	background: -webkitgradient(radial, center center, 0px, center center, 100%,
	color-stop(0%, rgba(241, 241, 241, 1)),
	color-stop(25%, rgba(241, 241, 241, 1)),
	color-stop(100%, rgba(189, 189, 189, 1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(241, 241, 241, 1)
	0%, rgba(241, 241, 241, 1) 25%, rgba(189, 189, 189, 1) 100%);
	background: -o-radialgradient(center, ellipse cover, rgba(241, 241, 241, 1)
	0%, rgba(241, 241, 241, 1) 25%, rgba(189, 189, 189, 1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(241, 241, 241, 1)
	0%, rgba(241, 241, 241, 1) 25%, rgba(189, 189, 189, 1) 100%);
	background: radial-gradient(ellipse at center, rgba(241, 241, 241, 1) 0%,
	rgba(241, 241, 241, 1) 25%, rgba(189, 189, 189, 1) 100%);
	filter: progid:
	DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1',
			endColorstr='#bdbdbd', GradientType=1);
}

.button, .button-small, .button-medium {
	background: #000;
	text-transform: none;
	font-size: 16px;
	width: 159px;
	padding: 0 4px;
	text-align: center;
	height: 56px;
	line-height: 56px;
	border: 1px solid #000;
	border-radius: 4px;
	display: inline-block;
}

.buttonCheckout {
	width: 200px;
}

.button.delete {
	float:right;
}

.button-trans {
	background-color: transparent;
	border: 1px solid #AAAEB2;
	display: block;
	width: 100%;
	text-transform: none;
	color: #44474F;
}

.button-trans-green {
	background-color: transparent;
	border: 1px solid #000000;
	display: block;
	width: 300px;
	text-transform: none;
	color: #000000;
}

/* Top Bar */

#top-bar {
	text-align: left;
	padding: 0px 5vh;
	margin:0 0;
	height:44px;
}
#top-bar-container {
	background-color: transparent;
	border-bottom: 0px;
	position: relative;
	padding: 0 5%;
	width: initial;
	z-index: 999;
	top: 10px;
}

.top-bar-menu-icon {
	display: block !important;
}

.top-bar-menu-item {
	margin: 0 0 0 0;
	padding-right: 0.5vh;
}

#open-search, #close-search {
	cursor: pointer;
	top: 0.0em;
	position: relative;
}

.notification-header {
	display: table;
	width: 100%;
	margin-right: 20px;
}

#forgot-password a {
	margin-left: 0px;
	margin-bottom: 10px;
}

#change-password a {
	margin-bottom: 10px;
}

.icon.option {
	position: relative;
}

.icon.option:after {
	font-family: 'fontello';
	content: '\e808';
	width: .5em;
	display: inline-block;
	font-size: 2vh;
}

.icon-profile {
	font-size: 2vh;
}

.icon-basket {
	font-size: 2.6vh;
}

.icon-magnifier {
	font-size: 1.9vh;
}

#top-bar-search {
	margin: 0 0 0 0.4em;
}

#options-container {
	color: #fff;
}

.selectboxit-down-arrow {
	display:none;
}

.innerBlockTop,
.innerBlockTopDesktop{
	border-bottom: 1px solid rgba(26, 26, 26, .3);
	/*padding-bottom: 8px;*/
	/*margin-bottom: 13px;*/
}

.innerBlockTop table {
	width: 100%;
	margin-bottom: 0;
	border-bottom: 1px solid rgba(26, 26, 26, 0.3);
}

.innerBlockTop table tr:last-of-type td {
	/*padding-top: 0 !important;*/
}

.innerBlockTop-extended {
	/*height:160px;*/
}

.innerBlockTop-extended-couponActive {
	height:190px;
}

.selectboxit-container .selectboxit{
	border-radius: 0vh;
	width: 4vh;
	border-radius: 0vh;
}

.selectboxit-container .selectboxit-options{
	border-radius: 0vh;
}

.selectboxit-btn {
	background-color: transparent;
	background-image: none;
	background-repeat: repeat-x;
	border: 0px ;
	border-color: transparent;
	border-color: transparent;
	border-bottom-color: transparent;
}

.selectboxit .selectboxit-option-icon-container .selectboxit-option-icon  {
	margin-left: 0vh;
	display: none;
}

.selectboxit-btn:hover,
.selectboxit-btn:focus,
.selectboxit-btn:active {
	color: #fff;
	background-color: transparent;
}

/* header */

#cookie-container{
	background-color: #444;
}

#header-container {
	background-color: rgba(0, 0, 0, .0);
	padding-top: 0px;

}

.menu-background {
	background-color: rgba(0, 0, 0, .0);
}

#header {
	padding: 0%;
	padding-bottom: 1%;
	margin: 0 0;
}

.header {
}

.header .icon {
	color: #fff;
}

.header a {
	color: #000;
	line-height: 1.2em;
}

.header a:hover {
	border-color: #fff;
}

.header-position {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

.header-title {
	color: white;
	position: absolute;
	z-index: 50;
}

.header-title-position {
	position: absolute;
	top: 13vh;
	width: 100%;
	z-index: 100;
}
.header-title-position ul li{
	border-bottom: 1px solid rgba(26, 26, 26, .5);
	height: 7vh;
}

/* LOGO */

.occhio-logo {
	margin: 0 5vh 0 0;
	padding: 0;
}

.top-bar-container-occhio-logo {
	width: 88px;
	position: absolute;
	display: block;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 18px;
	z-index: 100;
}

.img-pin {
	background-image: url('../images/icons/relaunch/location-pin.svg');
	width: 32px;
	height: 32px;
	background-size: 100%;
	background-repeat: no-repeat;
}

.Icon-metaNav-basket {
	background-image: url('../images/icons/relaunch/cart.svg');
	width: 32px;
	height: 32px;
	background-size: 100%;
	background-repeat: no-repeat;
}

.Icon-metaNav-profile, .Icon-metaNav-profile-filled {
	background-image: url('../images/icons/relaunch/profile.svg');
	width: 32px;
	height: 32px;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-top: 6px !important;
}

.Icon-metaNav-wishlist {
	background-image: url('../images/icons/relaunch/wishlist.svg');
	width: 32px;
	height: 32px;
	background-size: 100%;
	background-repeat: no-repeat;
}

.icon-occhio-logo:after {
	font-size: 24px !important;
}

.MetaDropdown.is-open {
	right: 2%;
}

.MetaNav-items {
	justify-content: flex-end;
	margin: 0 5% 0 0 !important;
	gap: 1rem;
}

.MetaNav-basket::before {
	margin-left: 18px !important;
	top: 31px !important;
}

.MetaNav-item {
	padding: 0 !important;
	padding-top: 5px !important;
}

#logo {
	float: none;
	text-align: center;
	font-size: 0em;
	margin: 0 auto;
}

#logo-1 {
	max-width:81px;
}

#continue-button{
	float: left;
	font-weight: 400;
	margin-bottom: 2%;
}

#checkout-area #continue-button {
	margin-bottom: 0;
}

fieldset {
	font-weight: 300;
}

/* Breadcrumbs */

.breadcrumbs-container{
	margin: 0 0 0 5%;
}

/* MENU */

.menu-container {
	font-size: 16px;
	margin: 0 0 0 5%;
}

.menu {
	height: 7vh;
	line-height: 7vh;
}

.menu .language-select {
	color: #fff;
	font-size: 1.5vh;
}

.menu li {
	display: inline;
	margin: 0 2vh 0 0;
}

.menu-container .goBack {
	position: absolute;
	line-height: 44px;
}

/* Content */

#formAuthorizeNetPopup,
#divAuthorizeNetPopupScreen,
#countryId,
.AuthorizeNetPopupGrayFrameTheme,
.iframe,
.messageBox,
#subcat {
	display:none;
}

#page-container {
	position: absolute;
	top: 0;
	width: 100%;
	min-height: 100vh;
}

#page {
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;
	padding-top: 120px;
	/*padding-bottom: 200px;*/
}

.content {
	height: auto;
	width: 43%;
	left: 0;
	overflow: hidden;
	box-sizing: border-box;
	margin-right: 0 !important;
	margin-left: 0 !important;
	margin-bottom: 2%;
}

.content-area{
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	width: auto;
	padding: 0;
}

.qty-input{
	text-align: center;
	width: 76px !important;
	height: 30px !important;
	border-bottom: none !important;
	padding: 0 0 !important;
	margin-bottom: 0px !important;
}

table td {
	font-size: 13px;
	line-height: 1.31;
	width: auto;
	vertical-align: middle;
}

#checkout-area table thead tr td,
#payment-area table thead tr td{
	padding-top: 0;
}

#checkout-area table tbody tr td .validation-msg, #checkout-area table tbody tr td .validation-msg .error
#payment-area table tbody tr td .validation-msg, #payment-area table tbody tr td .validation-msg .error{
	margin-left:3px;
	width: 100%;
	white-space:normal;
}

#checkout-area .product-image,
#payment-area .product-image {
	display: block;
	margin: 0;
	margin-right: 24px;
	max-width: 127px;
	width: auto;
	max-height: 165px;
	height: auto;
}

#payment-area #paymentform table tr#newsletterRow td {
	padding-top: 40px;
}

.parts-image {
	max-width: 244px  !important;
	max-height: 244px  !important;
}

#checkout-area table .smallest-col,
#payment-area table .smallest-col{
	width: 6%;
	opacity: 30%;
	font-size: 16px;
	line-height: 1.31;
	letter-spacing: 0.5px;
}

#checkout-area table .small-col,
#payment-area table .small-col {
	width: 20%;
	opacity: 30%;
	font-size: 16px;
	line-height: 1.31;
	letter-spacing: 0.5px;
}

#checkout-area table .wide-col,
#payment-area table .wide-col,
#deliveryAddress-table table .wide-col{
	width: 10%;
	opacity: 30%;
	font-size: 16px;
	line-height: 1.31;
	letter-spacing: 0.5px;
}

#checkout-area table .widest-col,
#payment-area-area table .widest-col{
	width: 40%;
	min-width: 275px;
	opacity: 30%;
	font-size: 16px;
	line-height: 1.31;
	letter-spacing: 0.5px;
}

#checkout-area thead td,
#payment-area thead td{
	border-bottom: 0;
	font-weight: 500;
}

#editCartBottomButtons {
	width: 25%;
	margin-left: auto;
}

#checkout-area table tr .cost-overview-labels-total,
#payment-area table tr .cost-overview-labels-total{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.31;
	letter-spacing: 0.03em;
	color: #44474F;
}

#checkout-area table tr .cost-overview-labels-total h6 {
	color: #44474F;
}

#checkout-area table tr .cost-overview-amounts,
#payment-area table tr .cost-overview-amounts{
	font-weight: 400;
	width: 135px;
	vertical-align: top;
	font-size: 16px;
	line-height: 1.31;
	letter-spacing: 0.03em;
	color: #161616;
	padding: 12px 0 12px 0;
}

#checkout-area table tr .cost-overview-labels,
#payment-area table tr .cost-overview-labels{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.31;
	letter-spacing: 0.03em;
	padding: 12px 0 12px 0 !important;
	color: #44474F;
}

#checkout-area table.innerBlockTopTable tr .cost-overview-amounts:nth-child(2),
#checkout-area table.innerBlockTopTable tr .cost-overview-labels:nth-child(1) {
	padding-top: 0!important;
	vertical-align: top;
}

#payment-area .navigation-desktop {
	width: 50%;
}

#checkout-area table tr .cost-overview-labels h6 {
	color: #44474F;
}

#checkout-area table tr .cost-overview-labels .shipping-link {
	color: #44474F;
}

.checkout-link {
	text-decoration: underline;
}

.my-account-area table thead td{
	font-weight: normal;
}

.product-tr {
	padding-bottom: 4%;
	border: 0;
}

.product-tr:first-child > td {
	padding-top: 30px;
}

.product-tr:last-child > td {
	padding-bottom: 30px;
}

.product-tr > td {
	padding: 15px 0;
}

.product-tr > td:nth-of-type(1) {
}

.product-tr > td:nth-of-type(2) {
	vertical-align: top;
}

.product-tr > td:nth-of-type(3) {
	vertical-align: top;
}

.product-tr > td:nth-of-type(4) {
	font-weight: 400;
	vertical-align: top;
	font-size: 16px;
	line-height: 1.31;
	letter-spacing: 0.5px;
}

.product-tr-article {
	width:95%;
	line-height: 21px !important;
	letter-spacing: 0.8px;
	font-size: 16px;
}

.product-tr > td > img {
	vertical-align: initial;
}
.product-tr-first-item {
	border-top: 1px solid rgba(26, 26, 26, .3);
}

.remove {
	margin: 0 0 0 31px;
}

#checkout-area input[type=text]:not(.form-override) {
	width: 378px;
	font-size: 14px;
	border: 1px solid rgba(26, 26, 26, .3);
	border-radius: 4px;
	height: 54px;
}

#couponCodeUpdate {
	font-weight: 400;
	box-sizing: border-box;
	float: right;
	padding-top: 8px;
}

#checkout-area .text-link {
	margin-left: 0;
	width: 100%;
	float: left;
	margin-top: 1vh;
	margin-bottom: 0.25em;
	text-decoration: underline;
	color: #1a1a1a;
	font-size: 16px;
	font-weight: normal;
}

#checkout-area .cost-and-promotions-tr {
	display: flex;
}

.cost-and-promotions-tr > td
{
	padding-top: 4vh;
}

#dropdownToggle {
	border: 1px solid #000000;
	overflow: hidden;
	margin-top: 1rem;
	padding: 1rem 2rem;
	width: 30rem;
	box-sizing: border-box;
}

.lightbox-language-select-box {
	width: 30rem;
	position:absolute;
	background-color:rgb(255, 255, 255);
}

.lightbox-language-select-box ul {
	list-style: none;
	height:100%;
	overflow:auto;
	max-height:0rem;
}

.lightbox-language-select-box ul.language-dropdown-active {
	max-height: 20rem;
	padding: 0;
}

.text-link {
	color: #1a1a1a !important;
	cursor: pointer;
}

.text-link:hover{
	color: #3a9c09;
}

.checkout-address-area {
	line-height: 20px;
	width: 25%;
}

.MetaNav-link.MetaNav-wishlist.js-MetaNav.has-quantity {
	padding-top: 4px;
}

#edit-button,
#back-button {
	display:inline-block
}

#back-button {
	margin-right:10px;
	margin-bottom:10px
}

#otheraddress-plz {
	width:300px !important;
}

#updateAddressButton {
	margin-left: 10px;
}

#showInvalidFormDataMessage {
	width:653px;
}

#correctDataButton {
	width:143px;
}

#sku {
	margin-left:15px;
	margin-bottom:15px
}

#createWishlistMessage {
	width:400px;
}

#submit-abort-button,
#submit-createWishlist-button {
	width: 180px;
}

#submit-abort-button {
	float:left;
}

#editServicepartnerChangeMessage {
	width:800px;
}

#countrySuffixSpan {
	color: #000;
	text-decoration: underline;
}

#innerBlockBottom {
}

#checkout-area #innerBlockBottom table {
	margin-bottom: 0;
}

#checkout-area #innerBlockBottom table td {
	padding: 0;
}

.cost-overview {
	border-bottom: 1px solid rgba(26, 26, 26, .3);
}

#changeLanguageMessage {
	max-width:700px;
}

#abortNonAvail,
#selfserviceLanguageDiff {
	width:250px;
	float:left;
	margin-top:30px;
}

#confirmNonAvail,
#confirmLanguageDiff {
	width:250px;
	margin-top:30px;
	background-color: #ffffff;
	color:#000000;
	border: 1px solid #000000;;
}

#order-details {
	font-size:16px;
}

#subcat {
	position:relative;
	width:100%;
}

#error {
	color:red;
}

#description {
	border: 1px solid rgba(26, 26, 26, 0.498039);
	display: block;
	text-transform: none;
	height: 120px;
	width: 300px;
	background-color: transparent;
	resize: none;
}

.fullwidth {
	width:100%;
}

.halfwidth {
	width:100%;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.tableRow {
	display: table-row;
}

.inlineBlock {
	display:inline-block
}

#orderReturnDetailsTop {
	font-size:16px;
	line-height: 20pt;
}

.cost-overview-amounts.right {
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.8px;
}

#orderReturnCatHeader {
	position:relative;width:330px;display:inline-block;vertical-align: top;margin-top:10px;margin-bottom:10px
}

#showInvalidFormDataMessageHeader {
	font-size: 32px;
	letter-spacing: 1.2px;
	font-weight: 200;
}

#orderReturnRequestErrorParagr {
	margin-top:100px;line-height: 20pt;text-align:center;
}

#wishlistSkuError {
	color: red;
}

#wishlistEmptyInfo {
	height: 300px;
}

#wishlistItemInfoContainer {
	height:200px;
}

#wishlistItemQuantityContainer {
	height: 30px;
}

#wishlistiteminfoPriceSpan {
	font-size:13px;
}

#wishlistItemQuantityLinkUpdateDiv {
	width:initial;
}

#wishlistItemQuantityInputDiv {
	display:block;
}

#editWishlistBlockBottomContainer {
	margin-top: 50px;display: block; clear: both; padding-top: 40px;
}

#editWishlistBlockBottomLinkShare {
	line-height: 38px;margin-top:30px;
}

#editWishlistBlockBottomLinkShareSpan {
	height: 38px; width: 38px;border: 1px solid #3a9c09;
}

#basket-button {
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
	text-decoration: none;
	margin-top: 30px;
}

#editWishlistBlockBottomLinkCopyTo {
	border: none;margin-right: initial;margin-bottom: 10px;height: 38px;float:right; margin-top: 30px;
}

#editWishlistMetaDropdownBottomMoveNewWishlistContainer {
	position: absolute; bottom: 100px; right: 420px;z-index:10; clear: left;padding:0; box-shadow: 0px 0px 20px 1px rgba(102, 102, 102, 0.5);
}

#editWishlistMetaDropdownBottomMoveNewWishlistButtonListDiv {
	max-height: 220px;
}

#editWishlistMetaDropdownBottomMoveNewWishlistButtonList {
	background-color: #FFFFFF;
}

#editWishlistBlockBottomLinkLogin {
	width:294px;font-size:10px;margin-top:10px;
}

#editWishlistBlockBottomLinkRemove {
	border: 0; margin: 0; margin-top: 30px; height: 38px;
}


/* Servicepartner */

.servicepartner-intro > p{
	margin: 0.5vh 0;
}
.servicepartner-which-address-container, .servicepartner-where-to-deliver-container, .select-payment-method-container{
	padding-left: 0;
}

.servicepartner-where-to-deliver-container {
	padding-bottom: 30px;
}

.servicepartner-which-address-line, .servicepartner-where-to-deliver-line{
	height: 4vh;
	right: 0;
	font-size: 16px;
}

.payment-method-line {
	right: 0;
	font-size: 16px;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%;
}

#newsletterRow td .checkboxItem {
	margin-left: 0;
}

#newsletterRow td .checkboxItem input {
	margin-right: 20px;
	margin-bottom: 20px;
	float: none;
}

#termsAndConditionsRow td .checkboxItem {
	margin-left: 0;
}

#termsAndConditionsRow td .checkboxItem input {
	margin-right: 20px;
	margin-bottom: 20px;
	float: none;
}

.cardholderClass {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #AAAEB2;
	display: block;
	width: 100%;
	height: 40px;
	padding: 0 10px 0 10px;
	box-sizing: border-box;
}

.pointer {
	cursor:pointer;
}

.servicepartner-which-address-name, .servicepartner-where-to-deliver-name, .payment-method-name{
	position: absolute;
	display: inline-block;
	padding-right: 5.5vh;
	line-height: 20pt;
	height: 20px;
	font-size: 13px;
}

.servicepartner-left-margin{
	margin-left: 2.8vh;
}

.step {
	background: none;
	margin-left: auto;
	border: none;
	width: 20px;
	height: 20px;
	line-height: 20pt;
	position: relative;
	box-sizing: border-box;
	color: rgba(0,0,0,.25);
	text-align: center;
	font-size: 20px;
	cursor: pointer;
}

.step.active {
	color: #000000;
}
#servicepartner-container, #servicepartner-map{
	float: left;
	vertical-align: text-top;
}

.servicepartner-tr{
	/*border-top: 1px solid rgba(26, 26, 26, .3);*/
}

.servicepartner-tr.sp-gioia {
	background: #F5F7F7;
}

.servicepartner-tr td {
	font-size: 16px;
	letter-spacing: 0.8px;
}

.servicepartnerAddress-tr{
	border-top: 1px solid rgba(26, 26, 26, .3);
	border-bottom: 1px solid rgba(26, 26, 26, .3);
	height: 4vh;
}

.deliveryAddress-tr{
	height:4vh;
}

.deliveryAddress-tr > td{
	padding-right: 1em;
}

.deliveryAddress-table, .servicepartnerAddress-container{
	width: 0%;
}

#servicepartnerAddress-container table {
	width: 100%;
}

.servicepartnerAddress-container{
	margin-right:35em;
	float:left
}
.servicepartner-tr > td{
	cursor: pointer;
	vertical-align: top;
}

.servicepartner-select, .paymentMethod-select{
	background: none;
	margin-left: auto;
	border: none;
	height: 20px;
	line-height: 20pt;
	position: relative;
	box-sizing: border-box;
	color: transparent;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
}

.servicepartner-select.active, .paymentMethod-select.active {
	color: #000000;
}

#updateAddressButton{
	line-height: 6.5vh;
	text-decoration: none;
	cursor: pointer;
}
#updateAddressButton img {
	height: 4vh;
	border: none;
}
#updateAddressButton span {
	position: relative;
	top: -1.5vh;
}

#couponCodeUpdate {
	text-decoration: none;
	/*display: none;*/
}

#couponCodeUpdate {
	width: 200px;
	height: 56px;
}

#couponCodeUpdate:hover{
	cursor:pointer;
}

.update-buttons {
	font-size: 12px;
	text-decoration: none;
	/*display: none;*/
	float: left;
	height: 41px;
}

.block {
	border-bottom: 1px solid rgba(26, 26, 26, .3);
	margin-left: auto;
	width: 25%;
}

.cost-overview-block {
	flex-basis: 25%;
}

#couponCodeDelete.update-buttons {
	display: inline;
}

.update-buttons img {
	border: none;
	height: 41px;
	vertical-align: middle;
}

#couponCodeUpdate span,
#couponCodeDelete span {
	border: none;
	vertical-align: middle;
	display:inline-block;
}

#couponCodeUpdate span.text ,
#couponCodeDelete span.text{
	border: none;
	vertical-align: middle;
	display:inline-block;
	padding-top: 5px;
}

.update-buttons-container {
	display: table;
}

.update-buttons-cell {
	display: table-cell;
	vertical-align: top;
	min-height: 47px;
}

.update-buttons-link {
	min-height: 47px;
	width: 121px;
}

.update-buttons:hover{
	cursor:pointer;
	text-decoration: none;
}

#couponCodeUpdate img {
	border: none;
	height: 41px;
	vertical-align: bottom;
}

.showElement{
	display: inline;
}

.hideElement{
	display: none;
}

#servicepartner-other-address-container{
	margin-left: 4vh;
	font-size: 13px;
}

.map-container {
	/*padding-left: 5%;*/
	/*padding-right: 5%;*/
	width: 100%;
}
#map
{
	height: 490px;
	/*margin-top: 1vh;*/
}
/* Inputs */

.form-section input[type="text"], .form-section input[type="password"],.form-section input[type="number"], .form-section select, .form-section textarea {
	background-color: transparent;
	border: none;
	display: block;
	width: 47.5%;
	height: 40px;
	/*font-size: 13px;*/
    /*color: #000;*/
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	padding: 0 4px;
	margin-bottom: 10px;
	/*font-weight: 300;*/
}

.form-section input[type="text"]::-webkit-input-placeholder , .form-section input[type="password"]::-webkit-input-placeholder  { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
	color:   rgba(26, 26, 26, 1);
}

.form-section-fields input[type="text"], .form-section input[type="password"], .form-section input[type="text"], .form-section select, .form-section textarea {
	width: 99%;
	/*font-size: 16px;*/
	/*line-height: 1.31;*/
	/*letter-spacing: 0.8px;*/
}

.form-section-fields input[type="text"]:focus, .form-section input[type="password"]:focus, .form-section select:focus, .form-section input[type="text"]:focus, .form-section textarea:focus{
	border: 0;
	outline: 0;
	border-bottom: 1px solid rgba(26, 26, 26, 0.3);
}

.deliveryAddress-tr input[type="text"], .deliveryAddress-tr select{
}

.form-section select{
	box-sizing: content-box;
	height: 36px;
	padding: 0 4px;
	border-radius: 0;
	float: left;
	/*display: box;*/
}

.form-input{
	height: 45px;
	margin-bottom: 10px;
	/*width: 94%;*/
}

#new-account-area .form-part {
	display: table-row;

}

#sign-in-column-right div {
	padding-top: 0px;
}

.occhio-select-background{
	-webkit-appearance:none;
	-moz-appearance:none;
	background-image: url('../images/icons/select_arrow_down.png');
	background-repeat:no-repeat;
	background-position: right;
}

.occhio-select-background-required{
	-webkit-appearance:none;
	-moz-appearance:none;
	background-image: url('../images/icons/select_arrow_down_required.png');
	background-repeat:no-repeat;
	background-position: right;
}

.errorInput {
	border-bottom: 1px solid #ff354a !important;
}

.successInput {
	border-bottom: 1px solid #69BE28 !important;
}

.passwordMatchHint {
	background-image: url('../images/icons/icons8-häkchen.svg');
	background-repeat:no-repeat;
	background-position:right;
}

.passwordNoMatchHint {
	background-image: url('../images/icons/icons8-cancel.svg');
	background-repeat:no-repeat;
	background-position:right;
}

#password-strength-meter {
	/* Reset the default appearance */
	-moz-appearance: none;
	appearance: none;

	margin: 1em auto 1em;
	width: 310px;
	height: 0.5em;

	/* Applicable only to Firefox */
	background: none;
}

#password-strength-meter::-webkit-meter-bar {
	background: none;
}

/* Webkit based browsers */
meter#password-strength-meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter#password-strength-meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
meter#password-strength-meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
meter#password-strength-meter[value="4"]::-webkit-meter-optimum-value { background: green; }

/* Gecko based browsers */
meter#password-strength-meter[value="1"]::-moz-meter-bar { background: red; }
meter#password-strength-meter[value="2"]::-moz-meter-bar { background: yellow; }
meter#password-strength-meter[value="3"]::-moz-meter-bar { background: orange; }
meter#password-strength-meter[value="4"]::-moz-meter-bar { background: green; }

#password-strength-text {
	padding: 0 .25em;
}

#passwordhint {
	color:   rgba(100, 100, 100, 1);
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.7px;
}

#addr-form-col-left {
	float:left;
	padding-right:20%;
}

#addr-form-col-right {
	float:left;
}

.required-text-red{
	color:red;
	font-weight: bold;
}

.required-text-red a{
	color:red;
	font-weight: bold;
}

/* Registrierung */
.form-section-divider {
	border-top: 0px;
	padding: 5px 0;
}

#genderinput{
	position:relative;
}

.required-blue, .required-green{
	float: left;
	height: 13px;
	margin: 3px 0 0 5px;
	width: 13px;
}

.form-section label{
	font-size: 16px;
	font-weight: normal;
	width: 300px;
	padding: 0 0 0 0;
}

.required-grey {
	background-image: url('../images/icons/required-grey.png');
	background-repeat:no-repeat;
	background-position: right;
}

.required-field {
	border: thin solid #B70000 !important;
}

/* Navigation unten */

.navigation-sub {
	display: inline;
	right: 0;
	z-index: 60;
	width: 5.5vh;
	margin-right: 5vh;
}
.navigation-sub-wrapper {
	padding-left: 50%;
}

.navBarCheckoutExtension {
	width: 66%;
}

.navigation-sub-wrapper-small {
	/*padding-left: 75%;
	float: left;
	width: 25%;*/
	/*margin-bottom: 30px;*/
}

.navigation-sub .order-details {
	border-top: 1px solid rgba(26, 26, 26, .5);
	height: 5.5vh;
	right: 0;
}

.navigation-sub .btn-action {
	float: right;
}

nav a {
	display: block;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

nav a:hover, nav a:visited, nav a:hover span {
	text-decoration: none;
	border-bottom: none;
	color: #333;

}

.btn {
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent;
	color: #1a1a1a;
	transition: 250ms background cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.btn i {
	transition: 250ms transform cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.btn-action {
	width: 5.5vh;
	height: 5.5vh;
	line-height: 5.5vh;
}

.btn-action .icon {
	font-size: 2vh;
}

.icon.icon-dot:after {
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 50%;
	font-size: 16px;
}

.rotate-180 {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.navigation-sub .order-details .go-to-container {
	position: absolute;
	display: inline-block;
	padding-right: 5.5vh;
	line-height: 5.5vh;
	height: 5.5vh;
	font-size: 2vh;
}

.btn.accent-background {
	color: #fff;
	background-color: #3a9c09;
}

#go-back-button{
	float: right;
}

/* FLOAT */

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

/* payment */

#payoneIframe{
	border: none;
	width: 100%;
	height: 80vh;
	padding-bottom: 5%;
}
/* confirmation */

#order-confirmation thead td {
	font-weight: normal;
}

#order-confirmation .shopping-cart-total {
	border-bottom: 1px solid rgba(26, 26, 26, .3);
	border-top: 1px solid rgba(26, 26, 26, .3);
}

#order-confirmation .shopping-cart-total td {
	padding-top: 10px;
	padding-bottom: 10px;
}

#order-confirmation .shopping-cart-total td.cost-overview {
	font-weight: normal;
}

#order-confirmation .shopping-cart-total td.right {
	font-weight: normal;
}

#order-confirmation .confirmation-footer.border {
	padding-top: 20px;
	padding-left: 20px;
}

#confirm-order-button-container {
	border-top: none;
}

#order-confirmation .data-header {
	height: 40px;
	font-weight:normal;
	vertical-align: bottom;
}

#order-confirmation tr.addressRow {
	border-bottom: 1px solid rgba(26, 26, 26, .3);
}

#order-confirmation tr.addressRow td {
	vertical-align: top;
	padding-bottom: 2%;
}

#checkout-finished {
	display: table;
	font-size: 16px;
}

.checkout-finished-area {
	display: table-cell;
	margin-bottom: 12px;
}


#checkout-finished-info {
	padding-right: 4px;
}

#checkout-finished-actions {
	vertical-align: middle;
	float: left;
}

#create-account {
	float: left;
}

.checkout-finished-button {
	height: 6.5vh;
	display: table-row;
}

#checkout-finished-basket {
	display: table;
	margin-top: 4vh;
	flaot:left;
}

#checkout-finished-basket .product-image{
	display: block;
	margin: 0 auto;
	max-width: 200px;
	width: auto;
	max-height: 200px;
	height: auto;
}

.check-finished-header-container{
	height: 100%;
	vertical-align: top;
	width: 100px;
}

.check-finished-header{
	width: 80px;
	padding-right: 20px;
	padding-top: 25px;
}

.check-finished-header , .check-finished-product{
	display: table-cell;
	float:left;
}

.check-finished-product {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	width: 210px;
	text-align: center;
}

#checkout-finished-basket .product-name {
	height: 80px;
}

#checkout-finished-basket .product-image-container {
	height: 200px;
	width: 200px;
}

#checkout-finished-basket .product-description {
	height: 115px;
}


.check-finished-button-trans, .check-finished-button-account{
	width: 190px;
}

.check-finished-product.border-left {
	border-left: 1px solid rgba(26, 26, 26, .5);
}

.check-finished-product.border-right {
	border-right: 1px solid rgba(26, 26, 26, .5);
}

.check-finished-buttons {
	padding-left:20px;
	vertical-align:bottom;
}

.navigation-container {
	display: table;
	width: 100%;
}


.navArea, .navArea-without-border {
	/*display: table-cell;*/
	vertical-align: middle;
	padding-left: 1vh;
	font-size: 16px;
}

.navArea {
	border-top: 1px solid rgba(26, 26, 26, .5);
}


.btn.accent-background-gray {
	color: #fff;
	background-color: #bbbfc0;
}

.navArea .name {
	display: inline-block;
	margin-top: 1.5vh;
	display: table-cell;
	vertical-align: middle;
}

.navArea-without-border .name {
	display: inline-block;
	margin-bottom: 1.5vh;
	display: table-cell;
	vertical-align: middle;
}

.navArea-action {
	display: table;
	width:100%;
}

.upper-line {
	padding-top: 1vh;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	margin-bottom: 2vh;
}

#payment-area .upper-line {
	padding-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-bottom: 2vh;
}

#payment-area #dataReviewBlock .upper-line {
	margin-right: 0;
}

.product-tr-article {
	width:95%;
	line-height: 1.31;
	letter-spacing: 0.8px;
	padding: 15px 30px;
}

td.tarticle {
	width: 25%;
}

td.tquantity {
	width: 10%;
}

td.ttotal {
	width: 20%;
	text-align: right;
}

td.tprice {
	width: 20%;
}

#order-confirmation  #shopping-cart {
	cursor: default;
}

.cost-overview{
	padding: 0 0 0 20px;
}

.cost-overview-subtotal {
	padding-top: 20px;
}

.cost-overview-tax {
	padding-bottom: 20px;
}

#transactionerrorbox {
}

#closeicon {
	float: right;
	padding-left: 2vh;
}

/* Message Box */

.messageBox {
	z-index: 1011;
	position: fixed;
	padding: 50px;
	margin: auto;
	top: 37%;
	text-align: left;
	border: 0 solid rgb(170, 170, 170);
	background-color: #F9F9F9;
	cursor: default;
}

.messageBoxAdditional {
	cursor: default; width:600px;
	padding-top: 2%;
}

.close-message-box{
	position: absolute;
	right: 30px;
	top: 30px;
	font-size: 1.0em !important;
	cursor: pointer;
	color: black;
}
.close-message-box:hover{
	color:black;
}

.display-center{
	margin-left: auto;
	margin-right: auto;
	display: table;
	width: 90%;
}

/* Checkout Finished*/
.checkoutdata {
}

/* Selfservice */

.my-account-area-header, .my-account-area h3, #my-account-column-right h3 {
	border-bottom: 1px solid #1a1a1a;
	height: 50px;
	padding: 7.5px 0 0 0;
}

.my-account-area-table tr, .my-account-area-order-header {
	border-bottom: 1px solid #1a1a1a;
	height: 50px;
}

#addressBook .form-section-title {
	border-bottom: 1px solid #1a1a1a;
}

#addressBook .form-section-title, #addressBook .form-section-title  h3  {
	height: 50px;
	padding: 7.5px 0 0 0;
}

#addressBook .form-section-title h3  {
	margin: 0;
}


.hide-order{
	display:none;
}

.first-order{

}

.order-action {
	font-size: 16px;
	text-align: right;
	text-decoration: underline
}

.order-confirmation-area{
	float:left;

}

.order-confirmation-area-detail{
	width:25%;
}

#order-confirmation-column-left{
	width: 100%
}

.heading-container {
	border-bottom: 1px solid #1a1a1a;
	margin-right: 10px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.history-container{
	border-top: 1px solid #1a1a1a;
	margin-top: 20px;
	padding-top: 10px;
}
.payment-container {
	margin-right: 0px;
}

#my-account-column-left {
	float: left;
	width: 64%;
	margin-right: 1%;
}

.last-order, .last-order-mobile, .digital-downloads, .costs-and-promotions{
	border-top: 0px solid #dadada !important;
}

.input-divider {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 28px;
	padding-right: 4px;
	padding-left: 4px;
	width: 300px;
}

#addr-form a {
	margin-bottom: 10px;
}

#addr-form input[type="checkbox"]  {
	float: right;
	margin: 0px 0px 0px 0px;
}

.my-account-area-content {
	margin: 20px 0 20px 0;
	font-size: 16px;
	line-height: 20px;
}

.addr-book-explanation, .addr-book-addr, .select-addr   {
	line-height: 20px;
}

/* Wishlist */

#submit-createWishlist-button {
	float:right;
	color: #000;
	background-color: #fff;
}

#submit-createWishlist-button:hover {
	color: #fff;
	background-color: #000;
}

#editWishlistMessage {
	width:400px;
}

#submit-removeWishlist-button {
	float:left;
	width: 180px;
}

#submit-editWishlist-button {
	float:right;
	width: 180px;
	color: #fff;
	background-color: #3a9c09;
}

#wldesc,
#wlname,
#wlname2,
#wldesc2 {
	width:390px;
}

#wldesc,
#wldesc2 {
	height: 70px;
	resize: vertical;
	font-size: 13px;
	padding: 8px 4px;
}

.wishlistremovebutton,
.wishlistremovebutton:hover,
.wishlistmovebutton,
.wishlistmovebutton:hover {
	color: initial !important;
	font-size: 16px !important;
}

.wishlistmovebutton:hover {
	cursor:auto;
}

.wishlistremovebutton,
.wishlistremovebutton:hover {
	font-size: 16px !important;
	letter-spacing:0 !important;
}

.wishlistbox {
	width: 44%;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 35px;
	height: 230px;
	padding: 20px 2% 0 2%;
	border-top: 1px solid rgba(26, 26, 26, .5);
}

.checkboxItem input[type=checkbox] {
	visibility: hidden;
}

.checkboxItem {
	position: relative;
	display: flex;
	margin-right: 5%;
}

/**
 * Create the box for the checkbox
 */
.checkboxItem label {
	cursor: pointer;
	position: absolute;
	width: 23px;
	height: 23px;
	top: 0;
	left: 0;
	background: transparent;
	border: 1px solid rgba(0,0,0,0.15);
}

/**
 * Display the tick inside the checkbox
 */
.checkboxItem label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 5px;
	border: 3px solid #000;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/**
 * Create the hover event of the tick
 */
.checkboxItem label:hover::after {
	opacity: 0.15;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxItem input[type=checkbox]:checked + label:after {
	opacity: 1;
}

.wishlistboxcontrol{
	width: 64px;
	height: 100%;
	position:relative;
	float:right;
	bottom: 220px;
	text-align: right;
}

.wishlistboxright {
	height: 230px;
}

.wishlistboxdesc {
	font-size: 13px;
	line-height: 1.46;
	letter-spacing: 0.4px;
	color: #464b50;
}

.wlitemname {
	font-size: 16px;
	letter-spacing: 0.2px;
	color: #464b50;
}

.wlconflink {
	color:#000;
	font-size:13px;
}

.wlconflink:hover {
	text-decoration: none;
}

.wishlistpicture {
	width: 30%;
	height: 100%;
	float: left;
	padding-right: 20px;
}

.wldropdown {
	display: inline-block !important;
	color: #1a1a1a !important;
	vertical-align: baseline;
	transform: scale(2,1);
	-webkit-transform: scale(2,1);
	-moz-transform: scale(2,1);
	-ms-transform: scale(2,1);
	-o-transform: scale(2,1);
	margin-left: 10px;
	font-size: 30px !important;
	margin-left: 20px;
}

.wishlistinfo {
	margin-left:200px;
	height:100%;
}

.pull-down {
	position: absolute;
	bottom: 0px;
}

.marginwishlistiteminfo {
	margin-right: 35px;
	padding-right: 45px;
	height: 100%;
}

.marginwishlistitemprice {
	margin-bottom: 20px;
}

.wishlistbuttonmovewishlist {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/* Footer */

#footer-container {
	font-size: 11px;
	color: #A3A3A3;
	text-align: center;
	margin-top: 1em;
}

a.footer-links {
	color: #A3A3A3;
}
a.footer-links:hover {
	color: #FFFFFF;
}

/* Date Picker */

.ui-datepicker-header{
	background: transparent !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
	border-radius: 0 !important;
}
#ui-datepicker-div{
	background: white !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	font-weight: lighter !important;
	color: #1a1a1a !important;
	background: transparent !important;
}
.ui-widget{
}

.ui-datepicker th{
	font-weight: lighter !important;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png") !important;
	background: transparent !important;
}

.ui-datepicker-prev, .ui-datepicker-next{
	display: none !important;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 5px !important;
}

.ui-datepicker{
	-moz-box-shadow: 0px 0px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 0 rgba(0,0,0,0.2);
	box-shadow: 0px 0px 0 rgba(0,0,0,0.2);
	border: 1px solid #1a1a1a !important;
	width: 20em !important;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 1em 0 0 0 !important;
	border-bottom: 1px #fff solid !important;
}

.ui-datepicker table {
	width: 90% !important;
	margin: 0 1em 1em 1em !important;
}

.ui-datepicker .ui-state-default{
	border: 1px solid #1a1a1a !important;
}

.ui-datepicker .ui-state-active {
	background: #ccc !important;
}

a.underlined {
	text-decoration: underline;
}

.total-tr {
}

.currency-hint {
	font-size:6px;
	margin-left:56%;
	width: 282px;
	height: 28px;
	display:table;
	border:1px solid rgba(26, 26, 26, .3);
	line-height: 1.17;
	letter-spacing: 0.2px;
	background-color: #ffffff;
	padding: 5px;
}

.currency-hint-hide {
	visibility:hidden;
}

.currency-hint-text {
}

.total-tr td {
	padding-top: 10px;
}

#order-details tr.shopping-cart-total {
	border-top: 1px solid #1a1a1a;
}

#order-details tr.shopping-cart-total td {
	font-weight: normal;
	padding-top: 10px;
}

#page-title {
	margin-top: 0;
	margin-bottom: 120px;
	margin-left: 0;
	margin-right: 0;
}

#page-title, #checkout-area {
	padding-left: 5%;
	padding-right: 5%;
}

.form-section .odd {
	background-color: transparent;
}

.hidden-on-desktop, .hidden-on-desktop-flex {
	display: none;
}

.collapsable {
	width: 15px;
	height: 8px;
	background: url(../images/icons/down-arrow.svg);
	cursor: pointer;
	align-self: start;
	margin-top: 8px;
}

.collapsable.show {
	background: url(../images/icons/up-arrow.svg);
}

/* Search */

#search-button,#search-button-mobile {
	background: #3a9c09;
}

/* Item Area */

.item-area {
	background: #ccc;
}

/* Item Mouse Over */

.button:hover, .button-small:hover, .button-medium:hover {
	background-color: #000000;
	color: #FFFFFF;
}

.mail {
	background: url(../images/icons/env_black.png) center center no-repeat;
	width: 18px;
	height: 14px;
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
}

.wishlisticon {
	background: url(../images/icons/wishlist-icon.svg) center center no-repeat;
	width: 13px;
	height: 17px;
	display: inline-block;
	padding-top: 4px;
}

.wishlisticon:hover {
	background: url(../images/icons/wishlist-icon-mouseover.svg) center center no-repeat;
}

.button-mail {
	background-color: #3a9c09;
	text-decoration: none;
	color: #fff;
}

/* Newsletter Signup */

#kkfooter #newsletter-button {
	background: #3a9c09;
}

/* Shopping Cart */

.shopping-cart-mouseover{
	background-color: #ccc;
}

.slide-out-contents{
	background-color: #ccc;
}

/* Product Page */

.update-button:hover{
	color:#3a9c09;
}

/* responsive changes */

#sign-in-column-right {
	margin-top: 0px;
}


#sign-in-column-left {
	padding-bottom: 0px;
}

#new-account-area .button,
#new-account-area .button-small,
#new-account-area .button-medium,
#new-account-area .form-section-fields input[type="text"],
#new-account-area .form-section input[type="password"],
#new-account-area .form-section input[type="text"],
#new-account-area .form-section select,
#new-account-area .form-section textarea {
	/*width: calc(100% - 8px);*/
}

#new-account-area .form-part,
#new-account-area .form-input {
	display: block;
}

.navigationBar {
	position: sticky;
	position: -webkit-sticky;
	bottom: 0;
	/*left:0;*/
	/*right:0;*/
	/*background: white;*/
	/*height: 60px;*/
	z-index: 300;
	/*display: flex;*/
	align-items: center;
	/*padding: 0 5%;*/
	/*box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.3);*/
	padding-bottom: 15px;
	width: 100%;
}

.coupon-reload-active {
	margin-left:0;
}

.icon-delete-white {
	width: 50px;
	height: 50px;
	object-fit: contain;
}

.icon-button-arrow-white {
	width: 5px;
	height: 9px;
	object-fit: contain;
}

.prodDescrDiv {
	font-weight: 100;
	font-size: 32px;
	margin-bottom: 10px;
	line-height: 37px;
	letter-spacing: 1.8px;
}

.prodDescrDiv a {
	font-weight: 100 !important;
}

.prodDescrDiv a:hover {
	text-decoration: none;
	cursor: pointer;
}

.navigationBar .navigation-bar-btn {
	width: auto;
	height: 38px;
	background: none;
	border: 1px solid #000000;
	color: #000000;
	overflow: visible;
	font-size: 14px;
	padding: 0 15px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	/*display: flex;*/
	/*align-items: center;*/
	justify-content: space-between;
}

.navigationBar .navigation-bar-btn .back {
}

.navigationBar .item-title-wrapper {
	/*display: inline-block;*/
	margin: 0 auto;
	color: black;
	font-size: 1.5rem;
}

.navigation-sub {
	display: initial;
	right: initial;
	z-index: initial;
	width: 0;
	margin-right: 0;
}

.buttonColorExt,
.buttonColorExt:hover {
	background: #B5A471 !important;
	background-color: #B5A471 !important;
	border-color: #B5A471 !important;
	color:#fff !important;
}

.btn navigation-bar-btn last-step {
	margin-left: 10px;
}

.MetaNav-item--profile {
	order:2;
	padding-top: 3px;
}

.MetaNav-item--basket {
	order:2;
	padding-top: 12px !important;
}

.MetaNav-item--wishlist {
	order: 2;
	padding-top: 12px !important;
}

.MetaNav-item--language {
	order: 2;
}

.MetaNav-item--pin {
	order: 2;
	padding-top: 12px !important;
}

.MetaNav-item--logo {
	font-size: 25px;
	position: relative;
	z-index: 1;
	padding-top: 0;
	padding-bottom: 14px;
	padding-left: 1rem;
	padding-right: 0rem !important;
	order: 1;
	margin: 15px auto;
}

.occ-quantity-right .quantity-select {
	margin-bottom: 0;
	margin-right: auto;
	width: 4.0em;
	/*border: 1px solid rgba(26, 26, 26, .3);*/
	height: 19pt;
	padding-left: 8pt;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*font-weight: 500;*/
	/*font-size: 14px;*/
	/*line-height: 1;*/
	/*letter-spacing: 1px;*/
}

select.gender, #deliveryGender, #deliveryCtrySelect, #countrySelect {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.greyscale {
	filter: grayscale(100%);
}

.addr-book-header,.addr-book-addr,.select-addr,.primary-addr-label {
	font-size: 1.3rem;
}

.invoiceDiffHeader {
	margin-top: 60px;
}

.paymentOrderTotal {
	display: flex;
	font-size: 1.7rem;
	margin-left: 1.5rem;
}

.paymentOrderTotalLabel {
	width: 12.5rem;
}

.paymentOrderTotalValue {

}

.servicepartner-table {
	margin-bottom: 56px;
}

.home {
	overflow: visible !important;
	/*padding-bottom: 2% !important;*/
	min-height: calc(100vh - 183px);
}

.homeSmaller {
	min-height: calc(100vh - 183px - 119px);
}

#editCartBottomButtons .form-input {
	width: 100%;
}

#editCartBottomButtons .form-input:nth-child(2) {
	margin-bottom: 17px !important;
}

#continue-button, #ppe-button, #back-button {
	width: 100%;
	text-decoration: none !important;
	box-sizing: border-box;
}

#change-password {
	width: 50%
}

.loader {
	text-align: center;
}

.cssspinner {
	margin: 10px auto;
	border: 10px solid #fff;
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
	border-top: 10px solid #000;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

#promotion-codes-container .promotion-codes-field {
	display: flex;
}

#promotion-codes-container .promotion-codes-field #couponCode {
	float: inherit;
}

#promotion-codes-container .promotion-codes-field#couponCodeUpdate {
	float: inherit;
}

@media screen and (max-height: 480px) {
	.invoiceDiffHeader {
		margin-top: 0px;
	}

	.messageBoxAdditionalMobile > div:first-child {
		/*padding-top: 15%;*/
	}

	.messageBoxAdditionalMobile > h1:first-child {

	}
}

@media screen and (min-height: 481px) and (max-height: 667px) {
	.invoiceDiffHeader {
		margin-top: 0px;
	}

	.messageBoxAdditionalMobile > div:first-child {
		/*padding-top: 30%;*/
	}

	.messageBoxAdditionalMobile > h1:first-child {
		padding-top: 12%;
	}

	.promotion-codes-field .coupon-input-active-mobile {
		width: 81% !important;
	}
}

@media screen and (min-height: 668px) and (max-height: 812px) {
	.invoiceDiffHeader {
		margin-top: 0px;
	}

	.messageBoxAdditionalMobile > div:first-child {
		/*padding-top: 50%;*/
	}

	.messageBoxAdditionalMobile > h1:first-child {
		padding-top: 38%;
	}
}

@media (max-width: 700px) {
	#sign-in-column-left,
	#sign-in-column-middle,
	#sign-in-column-right {
		width: 95%;
		border-right: 0px;
		border-bottom: 1px solid #bfbfbf;
	}
}

@media (max-width: 1140px) {
	.promotion-codes-field .coupon-input-active {
		width: 63% !important;
	}
}
@media (max-width: 953px) {
	.promotion-codes-field .coupon-input-active {
		width: 57% !important;
	}
}

@media (max-width: 768px) {
	.promotion-codes-field .coupon-input-active {
		width: 52% !important;
	}
}

@media (max-width: 768px) and (min-width: 700px) {
	.MetaNav-item--logo {
		padding-right: 9rem !important;
	}
}

.prodControlDiv > a.remove > i {
	width: 16px;
	height: 18px;
	background-image: url('../images/icons/relaunch/trash.svg');
	display: block;
	background-size: cover;
}

#servicepartner-container > a.close-message-box > i {
	width: 32px;
	height: 32px;
	background-image: url('../images/icons/relaunch/close.svg');
	display: block;
	background-size: cover;
}

.buttonControlDiv {
	display: inline-block;
	line-height: 0;
	height: 0;
	width: 61px;
}

.prodControlDiv {
	display: flex;
}

.occ-price-label {
	font-size: 1.3rem;
	margin-right: 30pt;
}


#checkout-area .form-input,
#checkout-area table tr .cost-overview-labels,
#payment-area table tr .cost-overview-labels,
.occ-price-label,
.prod-tr-top-middle-right {
}

#checkout-area .form-input {
	margin-bottom: 30px;
}

.occ-quantity {
	display:flex;
	/*padding-bottom: 10%;*/
}

.right.item-price {
	padding-bottom: 6%;
	line-height: 16px;
}

.prod-tr-top-middle-right {
	position: relative;
	padding-right: 18pt;
}

.arrow {
	width: 50px;
	height: 50px;
}

.arrowMobile {
	width: 50px;
	height: 50px;
}

.quantityarrow {
	content: "";
	position: absolute;
	right: 0.7em;
	top: 0.8em;
	border: solid black;
	border-width: 0 1px 1px 0;
	padding: 3px;
}

.quantityarrowMobile {
	content: "";
	position: absolute;
	right: 0.7em;
	top: 0.3em;
	border: solid black;
	border-width: 0 1px 1px 0;
	padding: 4px;
}

.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.breadcrumbs {
	margin-bottom: 60px;
	display: flex;
	margin-left: 5%;
}

.breadcrumbs .breadCrumpIcon {
	margin-left: 15px;
	margin-right: 15px
}

.arrowUp {
	top: 0.5em;
}

.occ-quantity-right .arrowMobile {
	top: 1.0em;
	right: 1.5em;
}

.prod-tr-top {
	/*max-width: 60%;*/
}

#contact-form {
	margin-top:3%;
	margin-bottom: 3%;
}

#contact-form .gender,
#contact-fprm .deliveryGender {
	width: 50%;
}

.nameBlock {
	display: flex;
	justify-content: space-evenly;
}

.messageBoxPartner {
	left: 25%;
	top: 10%;
	width: 50%;
}

.prod-tr-top-top {
}

.occ-price-label,
.occ-price-right,
.prod-tr-top,
#checkout-area input[type=text]:not(.form-override),
.button {
	font-size: 14px;
	/*line-height: 1;*/
	letter-spacing: 1px;
	font-weight: 300;
}

.block, .innerBlockTop {
	border-bottom: 0;
}

#checkout-area .product-image,
#order-confirmation .product-image {
	max-width: 180px;
	max-height: 180px;
}

#payment-area .product-image,
#payment-area .parts-image {
	max-width: 80%;
}

#checkout-finished .orderprocessed {
	font-size: 13px;
}

#addr-form {
	width: 49%;
	float: left;
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
}

.prod-tr-new {
	display: flex;
}

.prod-tr-new-left {
	flex-basis: 104px;
}
.prod-tr-new-middle {
	flex: 1 1 50%;
}
.prod-tr-new-right {
	flex-basis: 180px;
	flex-shrink: 0;
	text-align: right;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.prod-tr-new-middle-top {
	display: flex;
}

.prod-tr-new-collapsable {
	flex-basis: 17px;
	flex-shrink: 0;
}

@media(max-width: 390px) {
	.prod-tr-new-right {
		flex: 1 1 50%;
		flex-direction: row;
		margin-top: 11px;
	}
	.prod-tr-new {
		flex-wrap: wrap;
	}
}

.divider-bottom {
	border-bottom: 1px solid #AAAEB2;
}

.divider-top {
	border-top: 1px solid #AAAEB2;
}

.prod-tr-new-left-image {
	width: 80px;
	max-width: 80px;
}

#payment-area {
	float:left;
	width: 49%;
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
}

#ppeOrProfileBlock #ppeOrProfileBlockButtons {
	display: flex;
}

#ppeOrProfileBlock #ppeOrProfileBlockButtons .form-input a {
	float: right;
}

.badge {
	display: inline-block;
	min-width: 1em; /* em unit */
	padding: .15em; /* em unit */
	border-radius: 50%;
	text-align: center;
	background: black;
	color: white;
	font-size: 12px;
	letter-spacing: normal;
	height: 16px;
	width: 16px
}

.product-tr-first-item {
	border-top: 0;
}

.product-tr {
	border-bottom: 0;
	display: flex;
}

td.cost-overview-labels {
	font-weight: 300;
	font-size: 16px;
	letter-spacing: 0.8px;
}

td.cost-overview-labels-total {
	font-weight: 300;
	font-size: 16px;
	letter-spacing: 0.8px;
}

.navigationBar #navi-right .navigation-bar-btn {
	display: inherit;
	width: 379px;
}

.prod-tr-bottom {
	/*margin-left: auto;*/
}

#dataReviewBlock {
	margin-right: 0;
}

.product-tr-root {
	border-bottom: 1px solid rgba(26, 26, 26, .3);
}

.product-tr-legend-root {
	display: flex;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(26, 26, 26, .3);
	color: #AAAEB2;
}

.product-tr-legend-root span {
	color: #AAAEB2;
}

.product-tr-legend-root div:first-child {
	width: 75%;
}
.product-tr-legend-root div:nth-child(2) {
	width: 15%;
}
.product-tr-legend-root div:nth-child(3) {
	margin-left: auto;
}

.product-tr-legend-right {
	margin-left:auto;
	display: flex;
	width: 512px
}

.product-tr-legend-right span:first-child {
	margin-right: 70%;
}

.Rtable {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 3em 0;
	padding: 0;
}

.Rtable-cell {
	box-sizing: border-box;
	flex-grow: 1;
	width: 100%;  /*Default to full width*/
	padding: 0.8em 1.2em;
	overflow: hidden; /* Or flex might break */
	list-style: none;
	/*border: solid @bw white;*/
}

.Rtable--2cols > .Rtable-cell  { width: 50%; }
.Rtable--3cols > .Rtable-cell  { width: 33.33%; }
.Rtable--4cols .Rtable-cell  { width: 25%; }
.Rtable--5cols > .Rtable-cell  { width: 20%; }
.Rtable--6cols > .Rtable-cell  { width: 16.6%; }

#new-account-area {
	padding-left: 5%;
	padding-right: 5%;
}

.edit-cart-table-body {
	display: table-row-group;
}

@media screen and (max-width: 700px) {

	/*New*/
	:root {
		box-sizing:border-box;
		font-size:10px;
	}

	*,
	::before,
	::after {
		/*box-sizing:inherit;*/
	}

	.prod-tr-bottom {
		margin-left: 0;
		width: inherit;
	}

	.occ-price-label {
		margin-right: 30pt;
	}

	.MetaNav-item--logo {
		font-size: 20px;
	}

	.nameBlock {
		display: grid;
	}

	.button-trans {
		width: 100%;
	}

	#payment-area .button-trans {
		width: 95%;
	}

	#cardcvc2 iframe {
		width: 100%;
	}

	.MetaDropdown.is-open {
		right: 5%;
	}

	.Icon-metaNav-profile-filled {
		margin-top: 4px !important;
	}

	#dataReviewBlock {
		margin-right: 5%;
	}

	.content {
		width: 100%;
	}

	.payment-method-line {
		/*width: 82%;*/
	}

	.product-tr-legend-root {
		display: inherit;
	}

	.prod-tr-img-div {
		width: 100%;
		margin-left: 0;
	}

	#newsletterRow td .checkboxItem input {
		margin-right: 26px;
	}

	#termsAndConditionsRow td .checkboxItem div {
		width: 82%;
	}

	#termsAndConditionsRow td .checkboxItem input {
		margin-right: 26px;
	}

	#newsletterRow td .checkboxItem div {
		width: 82%;
	}

	#couponCode::placeholder {
		color: #AAAEB2;;
	}

	.product-tr-legend-root div {
		display: inherit;
	}

	.prod-tr-img-div, .prod-tr-top, .prod-tr-bottom {
		display: inherit;
		vertical-align: inherit;
	}

	.prod-tr-new-middle-mobile {
		display: flex;
		margin-top: 10px;
	}

	#servicepartner-other-address-container {
		font-size: 1.3em;
	}

	.servicepartner-table {
		margin-bottom: 56px;
	}

	.img-pin {
		width: 17px;
		height: 17px;
	}

	#couponCodeUpdate span.text,
	#couponCodeDelete span.text {
		/*padding: 0;*/
	}

	.messageBoxPartner {
		left: inherit;
		width: 99%;
	}

	#showInvalidFormDataMessage,.fullwidth {
		width: auto;
	}

	#couponCodeUpdate {
		width: 40%;
	}

	.prodControlDiv {
		padding-top: 5%;
	}

	.edit-cart-wrapper {
		width: inherit;
		display: inherit;
	}

	.occ-price-label,
	.prodDescrDiv,
	.prod-tr-top-middle-right,
	#checkout-area .form-input,
	#checkout-area table tr .cost-overview-labels {

	}

	.promotion-codes-field .coupon-input-active-mobile {
		width: 81% !important;
	}

	.coupon-reload-active {
		/*margin-left:3%;*/
	}

	#couponUpdateText {
		/*display: none !important;*/
	}

	#updateAddressButton span {
		display: none;
	}

	#otheraddress-plz {
		width: 82% !important;
	}

	#updateAddressButton img {
		height: inherit;
	}

	.prod-tr-top-middle-right {
		position: relative;
		padding-right: 18pt;
	}

	.product-tr-first-item {
		/*border-top: 1px solid rgba(26, 26, 26, .3);*/
	}

	.product-tr {
		padding-bottom: 9%;
		display: block;
	}

	.contactFormOfferTable {
		width: 100%;
	}

	.right.item-price {
		padding-bottom: 6%;
		line-height: 16px;
	}

	.occ-quantity-right .arrowMobile {
		top: 1.0em;
		right: 1.5em;
	}

	.prod-tr-top-middle-right-expanded::after {
		top: 0.2em;
		border-color: transparent transparent black;
	}

	.up {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}

	.arrowUp {
		top: 0.5em;
	}

	.occ-quantity-right .quantity-select {
		line-height: 15pt;
		margin-bottom: 0;
		margin-left: auto;
		width: 4.0em;
		border: 0;
		outline: 0;
		border-bottom: 1px solid rgba(26, 26, 26, 0.3);
		height: 22pt;
		padding-left: 8pt;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.down {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

	.MetaNav-item--profile {
	}

	.MetaNav-item--pin {
		display: none;
	}

	.MetaNav-item--language {
		order: 2;
		/*display:none !important;*/
	}

	.header__occhio-logo {
		margin-left: auto;
		margin-right: auto;
		font-size: 20px;
		position: relative;
		z-index: 1;
		padding-top: 0;
		padding-bottom: 14px;
		padding-left: 1rem;
		padding-right:1rem;
	}

	.occ-price-label,
	.occ-price-right,
	.prod-tr-top,
	#checkout-area input[type=text]:not(.form-override),
	.button,
	.Button {
		font-size: 16px;
	}

	.occ-price-right {
		font-weight: 400;
	}

	.prod-tr-bottom {
		padding-top: 5%;
	}

	.navBarCheckoutExtension {
		width:46%;
	}

	.navigationBar {
		/*background: white;*/
		height: 60px;
		z-index: 300;
		display: block;
		padding: 0 0;
	}

	.navigationBar .navigation-bar-btn {
		width: auto;
		height: 38px;
		background: none;
		border: 1px solid #000000;
		color: #000000;
		overflow: hidden;
		font-size: 0.8rem;
		padding: 0 15px;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.navigationBar .item-title-wrapper {
		/*display: inline-block;*/
		margin: 0 auto;
		color: black;
		font-size: 1.5rem;
	}

	.navigationBar #navi-right .navigation-bar-btn {
		display: inherit;
		width: 100%;
	}

	.navigation-sub {
		display: initial;
		right: initial;
		z-index: initial;
		width: 0;
		margin-right: 0;
	}

	.MetaNav-item--logo {
		padding-right: 6rem !important;
	}

	.btn navigation-bar-btn last-step {
		margin-left: 10px;
	}

	.hidden-on-mobile {
		display: none;
	}

	.btn-text {
		font-size: 14px;
	}

	.prod-tr-top-top {
		padding: 17px 0px 5px 0px;
	}

	#checkout-area input[type=text]:not(.form-override) {
		width: 98%;
	}

	#map {
		margin-bottom: 1vh;
	}

	#footer-container {

	}

	.servicepartner-tr .serviceparter-address {
		padding-left: 2vh;
	}

	.servicepartner-tr > td:not(:first-child) {
		vertical-align: top;
	}

	.Icon {
		font-size: 1.2rem !important;
	}

	#page {
		padding-top: 10vh;
		/*padding-left: 5%;*/
		/*padding-right: 5%;*/
	}

	#payoneIframe {
		width: 372px;
	}

	#dropdownToggle {
		width: 100%;
	}

	.lightbox-language-select-box {
		width: 88%;
	}

	a.Button--country {
		font-size: 1.6rem;
	}

	#checkout-area table tr .cost-overview-amounts {
		width: 45%;
	}

	.block, .innerBlockTop {
		border-bottom: 0;
		width: 100%;
	}

	#editCartBottomButtons {
		width: 100%;
	}

	.block {
		margin-left: 0;
	}

	.innerBlockTop table {
		width: 100%;
	}

	/*New*/

	.form-section input[type="text"], .form-section input[type="password"],.form-section input[type="number"], .form-section select, .form-section textarea, .form-input {
		/*font-size: 1.4rem;*/
	}

	table td, p, h3,.servicepartner-which-address-name, .servicepartner-where-to-deliver-name {
		font-size: 1.3rem;
		color: #000;
	}

	.payment-method-name {
		font-size: 1.8rem;
	}

	/* .button,.Button {
		font-size: 14pt !important;
	} */

	#page-title {
		margin-bottom: 8%;
		margin-top: 25%;
	}

	#content h1 {
		font-size: 56px;
	}

	#servicepartnerAddress-container table {
		width: 100%;
	}

	.qty-input{
		width: 50px !important;
	}

	.update-buttons-link {
		width: 50px;
	}

	.update-buttons span{
		display:none;
	}

	.parts-image {
		max-width: 350px !important;
		max-height: 233px !important;
	}

	#checkout-area .product-image,
	#order-confirmation .product-image {
		max-width:85pt;
	}

	.update-buttons-cell{
		/* display: block; */
	}

	#sign-in-column-left {
		border-bottom: 0px solid #bfbfbf;
	}

	.cost-overview {
		padding: 0 0 0 0;
	}

	.paymentOrderTotal {
		font-size: 1.5rem;
		margin-left: 1.8rem;
	}

	.paymentOrderTotalLabel {

	}

	.paymentOrderTotalValue {

	}

	#payment-area {
		display: block;
	}

	#payment-area table {
		float: none;
		width: 95%;
	}

	#checkout-area .cost-and-promotions-tr {
		display: block;
	}

	#payment-area .promotion-codes.promotion-code-desktop {
		display: none;
	}

	#payment-area #payment-button-row td:first-child {
		display: none;
	}

	#payment-area .product-tr.product-tr-desktop td.right {
		text-align: center;
	}

	#payment-area .product-tr > td {
		display: block;
	}

	#editCartBottomButtons.pull-right {
		float: none;
	}

	#continue-button, #ppe-button, #back-button {
		float: none;
		width: 100%;
		padding: 0;
		box-sizing: border-box;
	}

	.text-between-border-box {
		width: 100%;
	}

	.cartcheckout-content-root {
		position: inherit;
		width: 100%;
		right: 0;
		margin-top: 10%;
	}

	#addr-form {
		width: 100%;
		float: none;
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
	}

	.cost-overview-amounts.right {
		width: 40%;
		padding: 10px 0 10px 0 !important;
	}

	.prod-tr-new-left-image img {
		background-color: transparent;
		border: none;
	}

	#payment-area {
		float: none;
		width: 100%;
		padding-left: 5%;
		padding-right: 0;
		box-sizing: border-box;
	}

	#payment-area .upper-line {
		margin-right: 5%;
	}

	#payment-area .upper-line:nth-child(3) {
		border: 0;
	}

	#payment-area #dataReviewBlock .upper-line:nth-child(3) {
		border-bottom: 1px solid rgba(26, 26, 26, .3);
	}

	#ppeOrProfileBlock #ppeOrProfileBlockButtons {
		display: block;
	}

	#ppeOrProfileBlock #ppeOrProfileBlockButtons .form-input {
		display: block;
		width: 100%;
	}

	#ppeOrProfileBlock #ppeOrProfileBlockButtons .form-input a {
		float: none;
	}

	.breadcrumbs {
		position: absolute;
		top: 90px;
		white-space: nowrap;
		/*background-color: white;*/
	}

	.breadcrumbs .breadCrumpIcon {
		margin-left: 0;
		margin-right: 0;
	}

	.icon-button-arrow-white {
		width: 30px;
	}

	.cartcheckout-content-root .prod-tr-new-right {
		font-size: 14px;
		letter-spacing: 0.44px;
		line-height: 21px;
	}

	.cartcheckout-content-root .prod-tr-new-middle {
		font-size: 14px;
		letter-spacing: 0.44px;
		line-height: 21px;
	}

	.messageBox {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding-top: 20%;
	}

	.icon-delete-white {
		margin-top: -15px;
	}

	.navigation-mobile {
		display: block;
		/*position: sticky;*/
		/*position: -webkit-sticky;*/
		bottom: 0;
		/*background-color: white;*/
		margin-top: 28px;
	}

	.navigation-desktop {
		display: none;
	}

	.cartcheckout-content-root .prod-tr-root {
		max-height: inherit;
	}

	.arrow {
		height: 38px;
	}

	.cost-and-promotions-tr .promotion-codes-class {
		z-index: 1000;
	}

	#change-password {
		width: 100%
	}
}

@media screen and (max-width: 400px) {
	.messageBox {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding-top: 50%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hidden-on-mobile {
		display: none;
	}

	.cost-overview-amounts.right {
		width: 40%;
	}

	.cartcheckout-content-root {
		width: 44%;
	}

	.breadcrumbs {
		margin-bottom: 3%;
	}

	.prod-tr-new-left-image {
		margin-left: 5px;
	}

	.prod-tr-new-left-image img {
		background-color: transparent;
		border: none;
	}
}

@media screen and (max-width: 523px){
	.navBarCheckoutExtension {
		width:35%;
	}
}

@media screen and (max-width: 780px){
	#sign-in-column-right h3 {
		float: initial;
	}

	#sign-in-column-left {
		border-bottom: 0;
	}

	#my-account-column-left {
		width: inherit;
	}
}

@media screen and (max-width: 700px){

	#new-account-area h3 {
		margin-bottom: 1vh;
		margin-top: 10px;
		float: initial;
	}
	#language-selector, #currency-selector {
		margin: 0 0;
	}

	#servicepartner-container, #servicepartner-map{
		width: 100%;
	}

	#servicepartner-container.messageBoxAdditional {
		padding: 17% 25px 0;
	}

	#map {
		width: initial;
		margin-left: 0px;
	}

	.map-container {
		padding-left: 0%;
		padding-right: 0%;
	}

	.navigation-sub-wrapper {
		padding-left: 30%;
	}
	.navigation-sub-wrapper-small {
		padding-left: 60%;
	}

	.deliveryAddress-tr input[type="text"]{
		width: 250px;
	}

	.deliveryAddress-tr select{
		width: 250px;
	}

	.wishlist-upper-line {
		padding-top: 1vh;
		border-top: 1px solid rgba(26, 26, 26, .5);
		margin-bottom: 2vh;
	}
}

@media screen and (max-width: 700px){


	#promotion-codes {
		display: none;
	}

	promotion-code-desktop {
		display: initial;
	}

	.navigation-sub-wrapper,
	.navigation-sub-wrapper-small{
		padding-left: 0%;
		width: initial;
		float: initial;
		margin-bottom: 0;
	}

	.deliveryAddress-tr input[type="text"]{
		width: 250px;
	}

	.deliveryAddress-tr select{
		width: 250px;
	}

	.messageBoxAdditional {
		width: auto;
		left: 0;
		right: 0;
		margin-left: 0;
		margin-right: 0;
		top: 0;
		bottom: 0;
		padding: 60% 25px 0;
	}
}

@media screen and (max-width: 1024px){
	.wishlistbox {
		width: 94%;
	}
}

@media screen and (max-width: 1500px){
	#checkout-area table .small-col {
		width: 12%;
	}

	#checkout-area table .smallest-col {
		width: 6%;
	}
}

@media screen and (max-width: 810px) {
	#checkout-area table .wide-col {
		width: 5%;
	}
}


@media screen and (max-width: 1024px) and (min-width: 600px) {
	#sign-in-column-left,
	#sign-in-column-middle,
	#sign-in-column-right {
		height: 500px;
	}
}

@media screen and (max-width: 1070px) and (min-width: 700px) {
	.innerBlockTop-extended {
		height:188px;
	}
}

@media screen and (max-width: 775px) and (min-width: 630px){
	.innerBlockTop-extended {
		height:206px;
	}

	.innerBlockTop-extended-couponActive {
		height:215px;
	}
}

@media screen and (max-width: 1070px) and (min-width: 776px){
	.innerBlockTop-extended-couponActive {
		height:215px;
	}
}

@media screen and (max-width: 729px) and (min-width: 688px){
	.innerBlockTop-extended-couponActive {
		height:245px;
	}
}

@media screen and (max-width: 687px) and (min-width: 630px){
	.innerBlockTop-extended {
		height:235px;
	}

	.innerBlockTop-extended-couponActive {
		height:267px;
	}
}

@media screen and (max-width: 629px) and (min-width: 630px){
	.innerBlockTop-extended-couponActive {
		height:267px;
	}
}

@media screen and (max-width: 629px) and (min-width: 600px){
	.innerBlockTop-extended {
		height:233px;
	}

	.innerBlockTop-extended-couponActive {
		height:267px;
	}
}

@media screen and (max-width: 599px) and (min-width: 450px){
	.innerBlockTop-extended {
		height:235px;
	}

	.innerBlockTop-extended-couponActive {
		height:267px;
	}
}

/* --------------Checkout Redesign ------*/

.cost-overview-labels.tax {
	font-size: 10px !important;
	padding: 0 !important;
	letter-spacing: 0.5px !important;
}

.cost-overview-amounts.right.tax {
	font-size: 10px !important;
	padding: 0 !important;
	letter-spacing: 0.5px !important;
}

.opacity-line {
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	opacity: 30%;
}

.opacity-line td {
	height: 7px;
}

#couponCode {
	border: 1px solid rgba(0, 0, 0, 0.3);
}

#couponCode::placeholder {
	font-family: "Helvetica Now", sans-serif;
	font-weight: 500; /* Medium */
	color: #70777F;
	font-size: 0.875rem; /* 14px */
	padding-left: 16px;
}

.activeBreadCrump {
}

.inactiveBreadCrump a {
	color: #AAAEB2 !important;
	cursor: pointer;
	/*font-weight: 500;*/
}

::-webkit-scrollbar {

	-webkit-appearance: none;

	width: 7px;

}

::-webkit-scrollbar-thumb {

	border-radius: 4px;

	background-color: rgba(0,0,0,.5);

	box-shadow: 0 0 1px rgba(255,255,255,.5);

}
.text-between-border-box {
	border-left: 0;
	border-bottom: 0;
	border-right: 0;
	border-style: solid;
	border-color: rgba(0, 0, 0, .15);
	border-top-width: 0;
	padding: 0;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
}

.text-between-border-text {
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 0.5px;
	padding: 0 5px;
	color: #161616;
}

.page-footer {
	padding: 40px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #000;
	font-size: 16px;
	width: 100%;
}
.page-footer__icons {
	margin-bottom: 5px;
}
@media screen and (min-width: 1025px) {
	.page-footer__icons {
		margin-bottom: 20px;
	}
}
.page-footer__icons ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	list-style-type: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media screen and (min-width: 1025px) {
	.page-footer__icons ul {
		max-width: 100%;
	}
}
.page-footer__icons ul li {
	margin: 17.5px 10px;
}
@media screen and (min-width: 1025px) {
	.page-footer__icons ul li {
		margin: 0 10px;
	}
}
.page-footer__icons ul li a {
	display: block;
	width: 40px;
	height: 40px;
}
.page-footer__links ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	list-style-type: none;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	text-align: center;
}
@media screen and (min-width: 1025px) {
	.page-footer__links ul {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}
.page-footer__links ul li {
	margin: 0 30px 15px 30px;

}
@media screen and (min-width: 1025px) {
	.page-footer__links ul li {
		margin: 0 10px;
	}
}
.page-footer__links ul li a {
	color: #fff;
	font-family: 'HelveticaNeue';
	font-weight: 100;
}

.navigation-icon {
	height: 50px;
	width: auto;
}
footer .navigation-icon {
	height: 40px;
	width: 40px;
}
.navigation-icon:before {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.navigation-icon.facebook:before {
	width: 40px;
	height: 40px;
	content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjMuMSwxMi45YzAuNiwwLDEuMiwwLDEuOSwwaDAuM1Y5LjdjLTAuMywwLTAuNy0wLjEtMS0wLjFjLTAuNiwwLTEuMy0wLjEtMS45LDBjLTEsMC0xLjksMC4zLTIuNywwLjgKCQlDMTguNywxMS4xLDE4LjIsMTIsMTgsMTNjLTAuMSwwLjQtMC4xLDAuOS0wLjEsMS4zYzAsMC43LDAsMS40LDAsMi4xdjAuM2gtMy4xdjMuNWgzLjF2OC44aDMuN3YtOC44aDNsMC41LTMuNWgtMC43CgkJYy0wLjksMC0yLjksMC0yLjksMHMwLTEuNywwLTIuNUMyMS42LDEzLjIsMjIuMiwxMi45LDIzLjEsMTIuOSIvPgoJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iMjAiIGN5PSIyMCIgcj0iMTkuNSIvPgo8L2c+Cjwvc3ZnPgo=);
}

.navigation-icon.youtube:before {
	content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+Cgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxOSIgY3k9IjE5IiByPSIxOS41Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTYuOCwyMS44bDUuNy0zYy0xLjktMS0zLjgtMi01LjctM0MxNi44LDE1LjgsMTYuOCwyMS44LDE2LjgsMjEuOHogTTExLjgsMjUuMWMtMC43LTAuMi0xLjEtMC43LTEuNC0xLjQKCQlDOS44LDIyLDkuNiwxNSwxMC44LDEzLjZjMC40LTAuNSwwLjktMC44LDEuNS0wLjhjMy4xLTAuMywxMi44LTAuMywxNCwwLjFjMC43LDAuMiwxLjEsMC43LDEuNCwxLjNjMC43LDEuOCwwLjcsOC4xLTAuMSw5LjgKCQljLTAuMiwwLjQtMC42LDAuOC0xLDFDMjUuNCwyNS42LDEzLjMsMjUuNiwxMS44LDI1LjF6Ii8+CjwvZz4KPC9zdmc+Cg==);
}
.navigation-icon.instagram:before {
	content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMCIgY3k9IjIwIiByPSIxOS41Ii8+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjMuOCwxMi4yaC03LjZjLTIuNiwwLTQuNywyLjEtNC43LDQuN3Y3LjZjMCwyLjYsMi4xLDQuNyw0LjcsNC43aDcuNmMyLjYsMCw0LjctMi4xLDQuNy00Ljd2LTcuNgoJCQlDMjguNCwxNC4zLDI2LjQsMTIuMiwyMy44LDEyLjJ6IE0yNy4xLDI0LjVjMCwxLjgtMS41LDMuMy0zLjMsMy4zaC03LjhjLTEuOCwwLTMuMy0xLjUtMy4zLTMuM3YtNy44YzAtMS44LDEuNS0zLjMsMy4zLTMuM2g3LjgKCQkJYzEuOCwwLDMuMywxLjUsMy4zLDMuM1YyNC41eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yMCwxNi4xYy0yLjUsMC00LjYsMi00LjYsNC41czIsNC42LDQuNiw0LjZzNC41LTIsNC41LTQuNlMyMi41LDE2LjEsMjAsMTYuMXogTTIwLDIzLjZjLTEuNiwwLTMtMS4zLTMtMwoJCQljMC0xLjYsMS4zLTMsMy0zYzEuNiwwLDMsMS4zLDMsM0MyMywyMi4zLDIxLjYsMjMuNiwyMCwyMy42eiBNMjQuNSwxNC44Yy0wLjcsMC0xLjMsMC42LTEuMywxLjNjMCwwLjMsMC4xLDAuNywwLjQsMC45CgkJCWMwLjIsMC4yLDAuNiwwLjQsMC45LDAuNGMwLjMsMCwwLjctMC4xLDAuOS0wLjRjMC41LTAuNSwwLjUtMS4zLDAtMS44QzI1LjIsMTQuOSwyNC45LDE0LjgsMjQuNSwxNC44eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
}
.navigation-icon.inline {
	display: inline-block;
}

#promotion-codes-container {
	margin-bottom: 30px;
	height: 56px;
	flex-grow: 1;
	width: inherit;
}

#promotion-codes-container .form-section .validation-msg {
	width: inherit;
}

.cart-bottom-block {
	display: flex;
}

@media screen and (max-width: 1000px) {
	.hidden-on-desktop {
		display: inherit;
	}

	.hidden-on-desktop-flex {
		display: flex;
	}

	.cart-bottom-block {
		display: block;
	}

	#checkout-area table td {
		/*display: block;*/
	}

	.product-tr-root {

	}

	#correctDataButton {
		width: 100%;
	}

	.prod-tr-top-top {
		padding: 17px 0px 5px 0px;
		max-height: 14rem;
	}

	#checkout-area table .total-price{
		float: right;
		padding-top: 29px !important;
	}

	.servicepartner-select {
		margin-right: 16px;
	}

	#checkout-area table a,
	#payment-area table a,
	.cartcheckout-content-root table a {
		width: 100% !important;
	}

	#checkout-area .product-image,
	#payment-area .product-image {
		max-width: 140px;
		max-height: 140px;
		margin: 0 auto;
	}

	#checkout-area table tr .cost-overview-labels-total,
	#payment-area table tr .cost-overview-labels-total{
        width: 68%;
		/*float: left;*/
	}

	#checkout-area table tr .cost-overview-amounts,
	#payment-area table tr .cost-overview-amounts{
        width: 31% !important;
		/*float: left;*/
	}

	#checkout-area table tr .cost-overview-labels,
	#payment-area table tr .cost-overview-labels{
        width: 69% !important;
	}

	.product-tr > td:nth-of-type(1) {
		width: 30% !important;
		float: left;
	}

	.product-tr > td:nth-of-type(2) {
		width: 70% !important;
		float: left;
	}

	.product-tr > td:nth-of-type(3) {
		float: left;
	}

	.product-tr-article {
		width: 90%;
	}

	.update-buttons-container {
		float: left;
	}

	.prod-tr-top {
		width: 100%;
		margin-right: 0;
	}

	#checkout-area #continue-button {
		/*padding-top: 5px;*/
	}

	#checkout-area .form-input,
	#checkout-area table tr .cost-overview-labels,
	#payment-area table tr .cost-overview-labels,
	.occ-price-label,
	.prod-tr-top-middle-right {
		/*display: block;*/
		width: 100%;
		/*float: left;*/
	}


	#checkout-area > form > table > thead {
		display: none;
	}

	#couponCode {
		width: calc(100% - 10px) !important;
	}

	#removeItem {
		padding-top: 6px !important;
	}

	#removeItemContainer {
		float: left;
		width: 40px !important;
	}

	.prodDescrDiv {
		font-weight: 400;
		font-size: 32px;
		letter-spacing: 0.03em;
	}

	#checkout-area input[type=text]:not(.form-override) {
        width: 57% !important;
		box-sizing: border-box;
		height: 56px;
		margin: 0;
	}

	#checkout-area .form-input,
	#checkout-area table tr .cost-overview-labels,
	#payment-area table tr .cost-overview-labels,
	.occ-price-label,
	.prod-tr-top-middle-right {
        width: 100%;
	}

	#checkout-area #editCartBottomButtons {
		margin-left: 0;
	}


	#checkout-area #editCartBottomButtons .form-input {
		width: 100%;
	}

	#page {
		padding-top: 8vh;
		/*padding-left: 4%;*/
		/*padding-right: 4%;*/
	}

	.prod-tr-new-left-image img {
		margin-left: 5px;
	}

	#promotion-codes-container .promotion-codes-field {
		display: flex;
		flex-wrap: wrap;
	}

	#promotion-codes-container .promotion-codes-field #couponCode {
		float: inherit;
	}

	#promotion-codes-container .promotion-codes-field#couponCodeUpdate {
		float: inherit;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.page-footer {
		padding: 5px 0;
	}

	.messageBox {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding-top: 30%;
	}

	.navigation-desktop .navigationBar {
		position: static;
	}

	.icon-delete-white {
		margin-top: -15px;
	}

	.navigationBar .navigation-bar-btn {
		align-items: center;
		border: 1px solid #000000;
	}

	.cartcheckout-content-root .prod-tr-root {
	}

	.cartcheckout-content-root .cartcheckout-content-root-container {
		padding-top: 2vh;
		padding-bottom: 2vh;
	}

	.arrow {
		height: 38px;
	}

	.cost-and-promotions-tr .promotion-codes-class {
		z-index: 1000;
	}

	#change-password {
		width: 98%
	}
}

@media only screen and (min-width: 700px) and (max-height: 860px) {
	.cartcheckout-content-root {
		position: absolute;
	}
}

.icon.option.chosen {
	-webkit-transform: rotate(180deg);
	margin-left: 20px;
}
.icon.option:after {
	width: 0;
	font-size: 35px;
	display: inherit;
}

.two-col-grid {
	grid-template-columns: 1fr 1fr;
	display: grid;
	column-gap: 1.5rem;
	row-gap: 2rem;
}

.two-col-grid .span {
	grid-column: span 2;
}

.two-col-grid input, .two-col-grid select {
	background-color: transparent;
	border: none;
	height: 40px;
	color: #44474F;
	border-bottom: 1px solid #AAAEB2;
	width: 100%;
	padding: 0;
}

occ-quantity-right, select,
.two-col-grid select {
	-webkit-appearance:none;
	-moz-appearance:none;
	background-image: url(../images/icons/down-arrow.svg);
	background-repeat:no-repeat;
	background-position: right;
}


.two-col-grid input::placeholder {
	color: #44474F;
	opacity: 1;
}

.radio-item {
	display: inline-block;
	position: relative;
	/*padding: 0 6px;*/
	margin: 10px 0 0;
}

.radio-item input[type='radio'] {
	display: none;
}

.radio-item label {
	/*color: #666;*/
	font-weight: normal;
}

.radio-item label:before {
	content: " ";
	display: inline-block;
	position: relative;
	top: 6px;
	margin: 0 12px 0 0;
	width: 16px;
	height: 16px;
	border-radius: 11px;
	border: 2px solid #44474F;
	background-color: transparent;
}

.radio-item input[type=radio]:checked + label:after {
	border-radius: 11px;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 11px;
	left: 5px;
	content: " ";
	display: block;
	background: #44474F;
}

h1, .h1 {
	font-family: "Helvetica Now", sans-serif;
	font-weight: 200; /* Extra Light */
	font-size: 7.5rem; /* 120px */
	line-height: 8rem;
	letter-spacing: 0.04em;
	margin: 0;
	color: #161616;
}

h1.display, .h1.display {
	font-size: 9.25rem; /* 148px */
	line-height: 9.25rem;
}

h2, .h2 {
	font-family: "Helvetica Now", sans-serif;
	font-weight: 250; /* Light */
	font-size: 4rem; /* 64px */
	line-height: 5rem;
	letter-spacing: 0.03594em;
	margin: 0;
	color: #161616;
}

h3, .h3 {
	font-family: "Helvetica Now", sans-serif;
	font-weight: 350; /* Regular */
	font-size: 2.375rem; /* 38px */
	line-height: 3.125rem;
	letter-spacing: 0.02895em;
	margin: 0;
	color: #161616;
}

h4, .h4 {
	font-family: "Helvetica Now", sans-serif;
	font-weight: 350; /* Regular */
	font-size: 1.75rem; /* 28px */
	line-height: 2.5rem;
	letter-spacing: 0.025em;
	margin: 0;
	color: #161616;
}

h5, .h5 {
	font-family: "Helvetica Now", sans-serif;
	font-weight: 400; /* Regular */
	font-size: 1.25rem; /* 20px */
	line-height: 1.75rem;
	letter-spacing: 0.01em;
	margin: 0;
	color: #161616;
}

h6, .h6 {
	font-family: "Helvetica Now", sans-serif;
	font-weight: 500; /* Medium */
	font-size: 1rem; /* 16px */
	line-height: 1.5rem;
	letter-spacing: 0.01875em;
	margin: 0;
	color: #161616;
}

@media(max-width: 768px) {
	h1, .h1 {
		font-size: 4.25rem; /* 56px */
		line-height: 4.75rem;
	}

	h1.display, .h1.display {
		font-size: 4.25rem; /* 68px */
		line-height: 7.75rem;
	}

	h2, .h2 {
		font-size: 2.625rem; /* 42px */
		line-height: 3.125rem;
		letter-spacing: 0.4em;
	}

	h3, .h3 {
		font-size: 2rem; /* 32px */
		line-height: 2.5rem;
		letter-spacing: 0.0275em;
	}

	h4, .h4 {
		font-size: 1.5rem; /* 24px */
		line-height: 2rem;
		letter-spacing: 0.1375em;
	}

	h5, .h5 {
		font-weight: 350;
		font-size: 1rem; /* 16px */
		line-height: 1.5rem;
		letter-spacing: 0.02em;
	}

	h6, .h6 {
		font-weight: 450;
		font-size: 0.875rem; /* 14px */
		line-height: 1.25rem;
		letter-spacing: 0.02em;
	}

	.two-col-grid {
		display: block;
	}

	.two-col-grid > div {
		margin-bottom: 1rem;
	}

	.cartcheckout-content-root .cartcheckout-content-root-container {
		padding: 1.75rem 1.25rem;
	}
}

.font-label-large {
	font-family: "Helvetica Now", sans-serif;
	font-weight: 500; /* Medium */
	font-size: 1rem; /* 16px */
	line-height: 1.5rem;
	letter-spacing: 0.04em;
	color: #44474F;
}

.font-label-small {
	font-family: "Helvetica Now", sans-serif;
	font-weight: 500; /* Medium */
	font-size: 0.875rem; /* 14px */
	line-height: 1.25rem;
	letter-spacing: 0.04em;
	color: #44474F;
}

.font-body-large {
	font-family: "Helvetica Now", sans-serif;
	font-weight: 400; /* Regular */
	font-size: 1rem; /* 16px */
	line-height: 1.5rem;
	letter-spacing: 0.03562em;
	color: #44474F;
}

.font-body-small, .font-body-small input, .font-body-small select {
	font-family: "Helvetica Now", sans-serif;
	font-weight: 400; /* Regular */
	font-size: 0.875rem; /* 14px */
	line-height: 1.25rem;
	letter-spacing: 0.03em;
	color: #44474F;
}

.font-subheadline {
	font-family: "Helvetica Now", sans-serif;
	font-weight: 500; /* Medium */
	font-size: 0.75rem; /* 12px */
	line-height: 1.125rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #44474F;
}

.font-footnote {
	font-family: "Helvetica Now", sans-serif;
	font-weight: 400; /* Regular */
	font-size: 0.75rem; /* 12px */
	line-height: 1.125rem;
	letter-spacing: 0.04em;
	color: #AAAEB2;
}

.font-footnote a {
	color: #AAAEB2 !important;
	text-decoration: underline;
}

:root {
	font-size: 16px;
	color: #44474F;
}



.mt-1 {
	margin-top: 4px;
}

.mb-1 {
	margin-bottom: 4px;
}

.mt-2 {
	margin-top: 8px;
}

.mb-2 {
	margin-bottom: 8px;
}

.mt-3 {
	margin-top: 12px;
}

.mb-3 {
	margin-bottom: 12px;
}

.mt-4 {
	margin-top: 16px;
}

.mb-4 {
	margin-bottom: 16px;
}

.mt-5 {
	margin-top: 24px;
}

.mb-5 {
	margin-bottom: 24px;
}

.mt-6 {
	margin-top: 32px;
}

.mb-6 {
	margin-bottom: 32px;
}

.mt-7 {
	margin-top: 40px;
}

.mb-7 {
	margin-bottom: 40px;
}

.mt-8 {
	margin-top: 48px;
}

.mb-8 {
	margin-bottom: 48px;
}

.mt-9 {
	margin-top: 64px;
}

.mb-9 {
	margin-bottom: 64px;
}

.mt-10 {
	margin-top: 96px;
}

.mb-10 {
	margin-bottom: 96px;
}

.mt-11 {
	margin-top: 144px;
}

.mb-11 {
	margin-bottom: 144px;
}

.mt-12 {
	margin-top: 192px;
}

.mb-12 {
	margin-bottom: 192px;
}

@media(min-width: 391px) and (max-width: 768px) {
	.mt-6 {
		margin-top: 28px;
	}

	.mb-6 {
		margin-bottom: 28px;
	}

	.mt-7 {
		margin-top: 32px;
	}

	.mb-7 {
		margin-bottom: 32px;
	}

	.mt-8 {
		margin-top: 40px;
	}

	.mb-8 {
		margin-bottom: 40px;
	}

	.mt-9 {
		margin-top: 56px;
	}

	.mb-9 {
		margin-bottom: 56px;
	}

	.mt-10 {
		margin-top: 72px;
	}

	.mb-10 {
		margin-bottom: 72px;
	}

	.mt-11 {
		margin-top: 88px;
	}

	.mb-11 {
		margin-bottom: 88px;
	}

	.mt-12 {
		margin-top: 120px;
	}

	.mb-12 {
		margin-bottom: 120px;
	}
}

@media(max-width: 390px) {
	.mt-5 {
		margin-top: 20px;
	}

	.mb-5 {
		margin-bottom: 20px;
	}

	.mt-6 {
		margin-top: 24px;
	}

	.mb-6 {
		margin-bottom: 24px;
	}

	.mt-7 {
		margin-top: 28px;
	}

	.mb-7 {
		margin-bottom: 28px;
	}

	.mt-8 {
		margin-top: 32px;
	}

	.mb-8 {
		margin-bottom: 32px;
	}

	.mt-9 {
		margin-top: 48px;
	}

	.mb-9 {
		margin-bottom: 48px;
	}

	.mt-10 {
		margin-top: 64px;
	}

	.mb-10 {
		margin-bottom: 64px;
	}

	.mt-11 {
		margin-top: 80px;
	}

	.mb-11 {
		margin-bottom: 80px;
	}

	.mt-12 {
		margin-top: 96px;
	}

	.mb-12 {
		margin-bottom: 96px;
	}
}

.ml-1 {
	margin-left: 0.25rem;
}

.ml-2 {
	margin-left: 0.5rem;
}

.ml-3 {
	margin-left: 0.75rem;
}

.ml-4 {
	margin-left: 1.00rem;
}

.ml-5 {
	margin-left: 1.25rem;
}

.ml-6 {
	margin-left: 1.50rem;
}

.ml-8 {
	margin-left: 2.00rem;
}

.ml-10 {
	margin-left: 2.50rem;
}

.ml-12 {
	margin-left: 3.00rem;
}

.ml-16 {
	margin-left: 4.00rem;
}

.ml-24 {
	margin-left: 6.00rem;
}

.ml-36 {
	margin-left: 9.00rem;
}

.ml-48 {
	margin-left: 12.00rem;
}

.pt-5 {
	padding-top: 24px;
}

.pb-5 {
	padding-bottom: 24px;
}

@media(max-width: 390px) {
	.pt-5 {
		padding-top: 20px;
	}

	.pb-5 {
		padding-bottom: 20px;
	}

	.prod-tr-new-middle-bottom {
		display: none;
	}
	.prod-tr-new-middle-bottom.show {
		display: block;
	}
}
/*.body {*/
/*    position: static;*/
/*}*/

.bg-white {
	background-color: #FFFFFF;
}
.bg-primary {
	background-color: #F9F9F9;
}
.bg-secondary {
	background-color: #F0F0F0;
}
.bg-decorative {
	background-color: #AAAEB2;
}
.bg-white.dark {
	background-color: #030303;
}
.bg-primary.dark {
	background-color: #0D0D0D;
}
.bg-secondary.dark {
	background-color: #161616;
}
.bg-decorative.dark {
	background-color: #D8D9DD;
}
.bg-gradient {
	background: linear-gradient(180deg, rgba(3, 3, 3, 0) 15.91%, rgba(3, 3, 3, 0.7) 100%);
}


.text-low {
	color: #AAAEB2;
}
.text-medium {
	color: #44474F;
}
.text-high {
	color: #161616;
}
.text-decorative {
	color: #AAAEB2;
}
.text-low.dark {
	color: #898B8E;
}
.text-medium.dark {
	color: #D8D9DD;
}
.text-high.dark {
	color: #F9F9F9;
}
.text-decorative.dark {
	color: #D8D9DD;
}
.text-success {
	color: #428D43;
}
.text-error {
	color: #D3544A;
}

.additional-bullet-point-margin {
	margin-left: 32px;
}

/* new media query BEGIN*/

@media(max-width: 1336px) { /* ipad pro */

}

/* new media query END */