body {
	font-family: ronnia, sans-serif;
	background-color: transparent;
}

h1, h2 {
	color: #212121;
	font-weight:normal;
}

h1 {
	font-size: 2.9em;
	line-height: 1.241;
}

h3, h4, h5, h6 {
	font-size: 1.6em;
	line-height: 1.56;
}

p {
	font-size: 1.6em;
	line-height: 1.56;
}

p.style1 {
	font-size: 1.8em;
	line-height: 1.55;
}
 
li {
	font-size: 1.6em;
	line-height: 1.56;
}

ol li {
	margin-left: 27px;
}

dl {
	font-size: 1.6em;
	line-height: 1.56;
}

address {
	font-size: 1.6em;
	line-height: 1.56;
}

table {
	font-size: 1.6em;
	line-height: 1.56;
}

label, fieldset fieldset legend {
	font-size: 1.6em;
	line-height: 1.56;
}

input.text, select, textarea {
	border: 1px solid #DCDCDC;
	font-size: 1.6em;
}

button,
  a.button {
	border: 0;
	border-radius: 0;
	background: #8BBFC2;
	text-transform: uppercase;
	font-family: ronnia, sans-serif;
  }
  button:hover,
  button:focus,
  a.button:hover,
  a.button:focus {
	background: #6C9597;
  }
  button.style2{
	background-color: #8BBFC2; 
	border:none;
	border-radius: 0;
	font-family: ronnia, sans-serif;
  }
  button.style2:not([disabled]):hover, 
  button.style2:not([disabled]):focus {
    background-color: #6C9597;
}
  a.button.mobile {
	color: #fff;
	width: 124px;
	padding-top: 6px;
  }
  a.button.mobile:hover,
  a.button.mobile:focus {
	color: #fff;
  }
  button.text,
  button.returnTo {
	color: #3723FF;
  }
  
  button.text:hover,
  button.returnTo:hover,
  button.text:focus,
  button.returnTo:focus {
	text-decoration: underline;
	background:transparent;
  }
  
  a:link,
  a:visited {
	color: #3723FF;
	text-decoration: none;
  }
  
  a:hover,
  a:active {
	color: #3723FF;
	text-decoration: underline;
  }
  
.mastheadLogo #brand-logo{
	display:block;
}
.mastheadLogo #mobile-logo{
	display:none;
}
.validationBox h2 {
	font-size: 1.6em;
	line-height: 1.56;
}

.validationBox li {
	font-size: 1.6em;
	line-height: 1.56;
}

.paymentType .radiogroup label > span {
	color: #8BBFC2;
	padding-top: 1px;
}

#wrapper {
	box-shadow: 0 0 0;
	position: static;
	background-color: transparent;
}

#wrapper:before {
	content: '';
	background-color: #8BBFC2;
	height: 52px;
	width: 100%;
	position: absolute;
	top: 115px;
	left: 0;
	z-index: -1;
}
#wrapper .products .field:hover {
    background-color: #f2f2f2; ;
    cursor: pointer;
}
#wrapper .products .labelInner1 .title {
	color: #000000;
}

.mast {
	margin-bottom: 142px;
}
.mast .mastheadLogo {

}
.mast .sleeve a .mobile {
	display: none;
}

.mast .sleeve div {
	padding: 0;
}

.navigation-home {
	position: absolute;
	z-index: 10;
	color: red;
	width: 40px;
	height: 52px;
	display: inline-block;
	top: 140px;
	line-height: 64px;
	text-align: center;
}

.product #offerVariantSelectionWrapper > h2{
	border-radius:0;
	background:#f2f2f2;
}
.checkbox.showPassword.no-image input {
    vertical-align: super;
}
.field.sliding .switch input[type="radio"], 
.field.sliding .switch input[type="checkbox"] {
    vertical-align: text-top;
}
.group .field.radio input, 
.group .field.checkbox input {
    vertical-align: super;
}
/* FOOTER */

.footer {
    width: 100%;
    position: absolute;
    left: 0;
	padding-top: 0;
	border-top: 0 none;
}
.footer ul {
	clear: both;
	background-color: #8BBFC2;
	color: #fff;
	width: 100%;
	padding: 13px;
	float:  none;
	text-align: center;
}

.footer li {
	float: none;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	text-transform: uppercase;
	font-family: ronnia, sans-serif;
	font-size: 1.4em;
}
	
.footer ul li a {
	color: #fff;
	font-size: 1em;
}

.footer .sleeve div {
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	padding: 10px; 
	color: #888;
}

@media print {
	h2 {
		font-size: 100% !important;
	}
	table, table li, table p, p {
		font-size: 10pt;
		line-height: 1.2;
	}
	.address {
		margin-right: 20px;
	}
	.payment {
		margin-left: 0;
	}
	#wrapper {
		max-width: 1220px;
		margin-left: auto;
		margin-right: auto;
	}
	label, input, textarea, select {
		display: inline!important;
	}
	a:link:after, a:visited:after {
		content: none!important;
	}
	.navigation-home, .icon.required {
		display: none;
	}
	.mast {
		margin-bottom: 80px!important;
		padding: 17px 0;
	}

	.mast .sleeve div {
		padding: 0!important;
	}
}
@media only screen and (max-width:1000px) {
	 #wrapper {
		 padding-top: 20px;
	}
}
 @media only screen and (max-width:767px) {
	 #wrapper {
		 padding-top: 10px;
	 }
	#wrapper:before {
		 content: none;
	 }
	 .mast {
		 margin-bottom: 10px;
	 }
	 .mastheadLogo #brand-logo{
		display:none;
	}
	.mastheadLogo #mobile-logo{
		display:block;
	}
	 .mast .sleeve .mastheadLogo {
	
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		top: -10px;
		margin-left: -50vw;
		margin-right: -50vw;
		max-width: none;
		padding: 10px;
		border-bottom: 3px solid #8bbfc2;
	 }
	 .mast .sleeve .mastheadLogo img {
		 padding-left: 10px;
	 }
	.mast .sleeve a [class='desktop'] {
		display: none;
	}
	.mast .sleeve a [class='mobile'] {
		display:block;
	}
	.footer li {
		display: block;
		border-top: 0 none;
		padding-top: 0;
	}
}