html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/***************************************************************
  __  __                        _          _   _ ___   _   ___
 |  \/  | __ _  __ _  ___ _ __ | |_ ___   | | | |_ _| / | ( _ )
 | |\/| |/ _` |/ _` |/ _ \ '_ \| __/ _ \  | | | || |  | | / _ \
 | |  | | (_| | (_| |  __/ | | | || (_) | | |_| || |  | || (_) |
 |_|  |_|\__,_|\__, |\___|_| |_|\__\___/   \___/|___| |_(_)___/
               |___/
*****************************************************************/
/* Mixin for Magento UI Elements */
/* Global Mixin */
.main {
  margin: 0 auto;
  width: 980px;
  min-height: 400px;
  padding: 20px;
  text-align: left;
}
/* Base Columns */
.col-left {
  float: left;
  width: 225px;
  padding: 0 0 1px;
  margin-right: 10px;
}
.col-main {
  float: left;
  width: 745px;
  padding: 0 0 1px;
}
.col-right {
  float: right;
  width: 225px;
  padding: 0 0 1px;
}
/* 1 Column Layout */
.col1-layout .col-main {
  float: none;
  width: auto;
}
/* 2 Columns Layout */
.col2-left-layout .col-main {
  float: right;
}
/* 3 Columns Layout */
.col3-layout .col-wrapper {
  float: left;
}
.col3-layout .col-wrapper .col-main {
  width: 520px;
  float: right;
}
.page-print {
  background: #fff;
  padding: 25px 30px;
  text-align: left;
}
.page-empty {
  background: #fff;
  padding: 20px;
  text-align: left;
}
.page-popup {
  background: #fff;
  padding: 25px 30px;
  text-align: left;
}
/* Content Columns */
.col2-set .col-1 {
  float: left;
  width: 48.5%;
}
.col2-set .col-2 {
  float: right;
  width: 48.5%;
}
.col2-set .col-narrow {
  width: 32%;
}
.col2-set .col-wide {
  width: 65%;
}
.col3-set .col-1 {
  float: left;
  width: 32%;
}
.col3-set .col-2 {
  float: left;
  width: 32%;
  margin-left: 2%;
}
.col3-set .col-3 {
  float: right;
  width: 32%;
}
.col4-set .col-1 {
  float: left;
  width: 23.5%;
}
.col4-set .col-2 {
  float: left;
  width: 23.5%;
  margin: 0 2%;
}
.col4-set .col-3 {
  float: left;
  width: 23.5%;
}
.col4-set .col-4 {
  float: right;
  width: 23.5%;
}
body {
  font-size: 14px;
  color: #111111;
}
.content {
  font-family: robotoregular;
}
img {
  border: 0;
  vertical-align: top;
}
:focus {
  outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 5px;
  line-height: 1.35;
  color: #001f3f;
}
h1 {
  font-size: 20px;
  font-weight: normal;
}
h2 {
  font-size: 18px;
  font-weight: normal;
}
h3 {
  font-size: 16px;
  font-weight: bold;
}
h4 {
  font-size: 14px;
  font-weight: bold;
}
h5 {
  font-size: 12px;
  font-weight: bold;
}
h6 {
  font-size: 11px;
  font-weight: bold;
}
/* Content */
p {
  margin: 0 0 10px;
}
strong {
  font-weight: bold;
}
address {
  font-style: normal;
  line-height: 1.35;
}
cite {
  font-style: normal;
}
q,
blockquote {
  quotes: none;
}
q:before,
q:after {
  content: '';
}
small,
big {
  font-size: 1em;
}
ul,
ol {
  list-style: none;
}
sup {
  vertical-align: super;
  font-size: small;
}
sub {
  vertical-align: sub;
  font-size: small;
}
.hidden {
  display: block !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
.nobr {
  white-space: nowrap !important;
}
.wrap {
  white-space: normal !important;
}
.a-left {
  text-align: left !important;
}
.a-center {
  text-align: center !important;
}
.a-right {
  text-align: right !important;
}
.v-top {
  vertical-align: top;
}
.v-middle {
  vertical-align: middle;
}
.f-left,
.left {
  float: left !important;
}
.f-right,
.right {
  float: right !important;
}
.f-none {
  float: none !important;
}
.f-fix {
  float: left;
  width: 100%;
}
.no-display {
  display: none;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-bg {
  background: none !important;
}
.uppercase {
  text-transform: uppercase;
}
.line-through {
  text-decoration: line-through;
}
.messages {
  margin-bottom: 10px;
}
.messages .error-msg li {
  position: relative;
  margin-bottom: 5px;
  padding: 7px 10px 7px 20px;
  background: #dddddd;
  border-left: 5px solid #ff4136;
}
.messages .error-msg li:before {
  top: 50%;
  left: 0;
  margin-top: -6px;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ff4136;
  border-right: none;
}
.messages .notice-msg li {
  position: relative;
  margin-bottom: 5px;
  padding: 7px 10px 7px 20px;
  background: #dddddd;
  border-left: 5px solid #ffdc00;
}
.messages .notice-msg li:before {
  top: 50%;
  left: 0;
  margin-top: -6px;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ffdc00;
  border-right: none;
}
.messages .success-msg li {
  position: relative;
  margin-bottom: 5px;
  padding: 7px 10px 7px 20px;
  background: #dddddd;
  border-left: 5px solid #2ecc40;
}
.messages .success-msg li:before {
  top: 50%;
  left: 0;
  margin-top: -6px;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #2ecc40;
  border-right: none;
}
#admin_messages {
  display: none !important;
}
.global-site-notice {
  border: 1px solid #cfcfcf;
  border-width: 0 0 1px;
  background: #ffff90;
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
  color: #2f2f2f;
}
.global-site-notice .notice-inner {
  width: 860px;
  margin: 0 auto;
  padding: 12px 0 12px 80px;
  background: url(../images/i_notice.gif) 20px 25px no-repeat;
  text-align: left;
}
.global-site-notice .notice-inner p {
  margin: 0;
  border: 1px dotted #cccc73;
  padding: 10px;
}
.global-site-notice .notice-inner .actions {
  padding-top: 10px;
}
/* Cookie Notice */
.notice-cookie {
  position: fixed;
  z-index: 9999;
  width: 100%;
  bottom: 0;
  left: 0;
  margin: 0 !important;
  opacity: 0.95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  /* IE8 */

}
/* Noscript Notice */
/* Demo Notice */
.demo-notice {
  margin: 0;
  padding: 6px 10px;
  background: #d75f07;
  font-size: 12px;
  line-height: 1.15;
  border: 0;
  text-align: center;
  color: #fff;
}
.demo-notice .notice-inner {
  width: auto;
  padding: 0;
  background: none;
  text-align: center;
}
.demo-notice .notice-inner p {
  padding: 0;
  border: 0;
}
form {
  display: inline;
}
fieldset {
  border: 0;
}
legend {
  display: none;
}
input {
  font: 12px/15px Arial, Helvetica, sans-serif;
  vertical-align: middle;
  color: #111111;
  height: 22px;
}
input.input-text {
  background: #ffffff;
  border: 1px solid #aaaaaa;
  padding: 2px;
}
input.input-text:focus {
  background-color: #ffffff;
  border-color: #263587;
}
input.radio {
  margin-right: 3px;
}
input.checkbox {
  margin-right: 3px;
}
input.qty {
  width: 2.5em !important;
}
select {
  font: 12px/15px Arial, Helvetica, sans-serif;
  vertical-align: middle;
  color: #111111;
  height: 22px;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  padding: 1px;
  height: 28px;
}
select:focus {
  background-color: #ffffff;
  border-color: #263587;
}
select option {
  padding-right: 10px;
}
select.multiselect,
select[multiple] {
  height: 84px;
}
select.multiselect option,
select[multiple] option {
  border-bottom: 1px solid #aaaaaa;
  padding: 2px 5px;
  height: 28px;
}
select.multiselect option:last-child,
select[multiple] option:last-child {
  border-bottom: none;
}
textarea {
  font: 12px/15px Arial, Helvetica, sans-serif;
  vertical-align: middle;
  color: #111111;
  height: 22px;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  padding: 2px;
  overflow: auto;
}
textarea:focus {
  background-color: #ffffff;
  border-color: #263587;
}
.fieldset {
  margin: 28px 0;
}
.fieldset .legend {
  font-size: 18px;
  margin-bottom: 10px;
  border-bottom: 1px solid #aaaaaa;
}
p.control input.checkbox,
p.control input.radio {
  margin-right: 6px;
}
label {
  position: relative;
  z-index: 0;
  color: #001f3f;
  font-weight: bold;
}
label.required em {
  float: right;
  position: absolute;
  top: 0;
  right: -8px;
}
label.required em {
  font-style: normal;
  color: #ff4136;
}
/* Form lists */
/* Grouped fields */
/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/
.form-list li {
  margin: 0 0 8px;
}
.form-list li.control label {
  float: none;
}
.form-list li.control input.radio {
  margin-right: 6px;
}
.form-list li.control input.checkbox {
  margin-right: 6px;
}
.form-list li.control .input-box {
  clear: none;
  display: inline;
  width: auto;
}
.form-list li.wide select {
  width: 535px;
}
.form-list li.wide .input-box {
  width: 535px;
}
.form-list li.wide input.input-text {
  width: 529px;
}
.form-list li.wide textarea {
  width: 529px;
}
.form-list li.additional-row {
  border-top: 1px solid #aaaaaa;
  margin-top: 10px;
  padding-top: 7px;
}
.form-list li.additional-row .btn-remove {
  float: right;
  margin: 5px 0 0;
}
.form-list label {
  float: left;
}
.form-list .input-box {
  display: block;
  clear: both;
  width: 260px;
}
.form-list .field {
  float: left;
  width: 275px;
}
.form-list input.input-text {
  width: 254px;
}
.form-list textarea {
  width: 254px;
  height: 10em;
}
.form-list select {
  width: 260px;
}
.form-list .input-range input.input-text {
  width: 74px;
}
.form-list-narrow li {
  margin-bottom: 0;
}
.form-list-narrow li .input-box {
  margin-bottom: 6px;
}
.form-list-narrow li.wide .input-box {
  width: 260px;
}
.form-list-narrow li.wide input.input-text {
  width: 254px;
}
.form-list-narrow li.wide textarea {
  width: 254px;
}
.form-list-narrow li.wide select {
  width: 260px;
}
.validation-advice {
  clear: both;
  margin: 3px 0 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  color: #ff4136;
  min-height: 13px;
}
.validation-advice:before {
  font-family: FontAwesome;
  content: "\f062";
  font-size: 14px;
  margin: 0 4px 0 2px;
}
.validation-failed {
  border: 1px solid #ff4136 !important;
}
p.required {
  font-size: 11px;
  text-align: right;
  color: #ff4136;
}
/* Expiration date and CVV number validation fix */
.v-fix {
  float: left;
}
.v-fix .validation-advice {
  display: block;
  width: 12em;
  margin-right: -12em;
  position: relative;
}
.breadcrumbs {
  font-size: 14px;
  line-height: 1.25;
  margin: 0 0 13px;
}
.breadcrumbs li {
  display: inline;
}
.breadcrumbs li strong {
  font-weight: bold;
}
button.button {
  font: 12px/15px Arial, Helvetica, sans-serif;
  vertical-align: middle;
  color: #111111;
  height: 22px;
  -webkit-border-fit: lines;
  overflow: visible;
  width: auto;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  height: 28px;
}
button.button:hover span {
  background: #c4c4c4;
  border-color: #919191;
  color: #ffffff;
}
button.button span {
  display: block;
  height: 26px;
  border: 1px solid #aaaaaa;
  background: #dddddd;
  padding: 0 8px;
  font-weight: normal;
  line-height: 26px;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
}
button.button span span {
  border: 0;
  padding: 0;
}
button.button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.disabled span {
  border-color: #bbb !important;
  background: #bbb !important;
}
button.btn-checkout span {
  /*height: 40px;
  border: 0;
  padding: 0 0 0 9px;
  font: bold 15px/40px Arial, Helvetica, sans-serif;
  color: #fff;*/

}
button.btn-checkout span span {
  background-position: 100% 0;
  padding: 0 25px 0 16px;
}
button.btn-checkout.no-checkout span {
  background-position: 0 100%;
  color: #b8baba;
}
button.btn-checkout.no-checkout span span {
  background-position: 100% 100%;
}
.buttons-set {
  clear: both;
  margin: 4em 0 0;
  padding: 8px 0 0;
  border-top: 1px solid #e4e4e4;
  text-align: right;
}
.buttons-set p.required {
  margin: 0 0 10px;
}
.buttons-set .back-link {
  float: left;
  margin: 0;
}
.buttons-set button.button {
  float: right;
  margin-left: 5px;
}
.buttons-set-order {
  margin: 10px 0 0;
}
.buttons-set-order .please-wait {
  padding: 12px 7px 0 0;
}
.btn-remove {
  width: 11px;
  height: 11px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  color: #dddddd;
}
.btn-remove:hover {
  color: #c4c4c4;
}
.btn-remove:before {
  content: "\f00d";
  font-size: 11px;
  font-family: FontAwesome;
  text-indent: 0em;
  overflow: hidden;
  line-height: 1;
}
.btn-previous {
  width: 11px;
  height: 11px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  color: #dddddd;
}
.btn-previous:hover {
  color: #c4c4c4;
}
.btn-previous:before {
  font-size: 11px;
  content: "\f053";
  font-family: FontAwesome;
  text-indent: 0em;
  overflow: hidden;
  line-height: 1;
}
.btn-remove2 {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  color: #dddddd;
}
.btn-remove2:hover {
  color: #c4c4c4;
}
.btn-remove2:before {
  font-size: 16px;
  content: "\f00d";
  font-family: FontAwesome;
  text-indent: 0em;
  overflow: hidden;
  line-height: 1;
}
.btn-edit {
  width: 11px;
  height: 11px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  color: #dddddd;
}
.btn-edit:hover {
  color: #c4c4c4;
}
.btn-edit:before {
  content: "\f044";
  font-size: 11px;
  font-family: FontAwesome;
  text-indent: 0em;
  overflow: hidden;
  line-height: 1;
}
table {
  border: 0;
  border-spacing: 0;
  empty-cells: show;
  font-size: 100%;
}
caption,
th,
td {
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}
.data-table {
  width: 100%;
  border: 1px solid #aaaaaa;
}
.data-table tr.last th,
.data-table tr.last td {
  border-bottom: 0 !important;
}
.data-table th {
  padding: 3px 8px;
  font-weight: normal;
  font-weight: bold;
}
.data-table td {
  padding: 3px 8px;
  font-weight: normal;
}
.data-table thead th {
  font-weight: bold;
  border-right: 1px solid #aaaaaa;
  background-color: #dddddd;
  padding: 10px 8px;
  color: #001f3f;
  white-space: nowrap;
  vertical-align: middle;
}
.data-table thead th.wrap {
  white-space: normal;
}
.data-table thead th a,
.data-table thead th a:hover {
  color: #ffffff;
}
.data-table thead th .tax-flag {
  font-size: 11px;
  white-space: nowrap;
}
.data-table tfoot {
  border-bottom: 1px solid #aaaaaa;
}
.data-table tfoot tr {
  background-color: #dddddd !important;
}
.data-table tfoot td {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 0;
  border-right: 1px solid #aaaaaa;
}
.data-table tfoot td,
.data-table tfoot th {
  color: #001f3f;
}
.data-table tfoot strong {
  font-size: 16px;
}
.data-table tbody {
  border-bottom: 0;
}
.data-table tbody tr.border td {
  border-bottom: 1px solid #aaaaaa;
}
.data-table tbody th,
.data-table tbody td {
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}
.data-table tbody td .option-label {
  font-weight: bold;
  font-style: italic;
}
.data-table tbody td .option-value {
  padding-left: 10px;
}
.info-table th {
  font-weight: bold;
  padding: 2px 15px 2px 0;
}
.info-table td {
  padding: 2px 0;
}
.block {
  border: 1px solid #aaaaaa;
  width: 223px;
  margin: 0 0 15px 0;
}
.block .block-title {
  border-bottom: 1px solid #aaaaaa;
  padding: 5px 9px;
  font-size: 16px;
  background-color: #dddddd;
}
.block .block-title a {
  text-decoration: none !important;
}
.block .block-title strong {
  display: block;
  padding: 1px 0 1px;
  text-transform: uppercase;
  color: #ffffff;
}
.block .block-subtitle {
  margin: 0;
  padding: 5px 9px;
  font-size: 1em;
  font-weight: bold;
  color: #111111;
}
.block .block-content {
  background-color: #ffffff;
  color: #aaaaaa;
}
.block .block-content li > * {
  padding: 7px 9px;
  display: block;
}
.block .block-content li:hover,
.block .block-content li:hover a {
  color: #aaaaaa;
}
.block .block-content li:hover,
.block .block-content li.current {
  background: #dddddd;
  color: #ffffff;
}
.block .block-content li > a {
  color: #aaaaaa;
  text-decoration: none;
}
.block .btn-remove,
.block .btn-edit {
  float: right;
  margin: 1px 0 2px 5px;
}
.block .actions {
  border-top: 1px solid #aaaaaa;
  background-color: #dddddd;
  padding: 6px 9px;
  text-align: right;
}
.block .actions a {
  float: left;
}
.block .actions button.button {
  float: right;
}
.block .empty {
  margin: 0;
  padding: 5px 9px;
}
.page-title {
  overflow: hidden;
  border-bottom: 1px solid #aaaaaa;
  width: 100%;
  margin: 0 0 25px;
}
.page-title .separator {
  margin: 0 3px;
}
.page-title h1,
.page-title h2 {
  margin: 0;
  font-size: 20px;
  color: #001f3f;
}
.title-buttons {
  min-height: 30px;
  text-align: left;
  padding-bottom: 5px;
}
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 {
  float: left;
  line-height: 44px;
}
.title-buttons .button {
  float: right;
}
.title-buttons:after {
  clear: both;
}
.subtitle,
.sub-title {
  clear: both;
  margin: 0 0 6px;
  color: #aaaaaa;
}
.header-container .header {
  margin: 0 auto;
  width: 980px;
}
.footer-container .footer {
  margin: 0 auto;
  width: 980px;
}
/* One Page Checkout */
.block-progress {
  border: 0;
  margin: 0;
}
.block-progress p {
  margin: 0;
}
.block-progress .cards-list dd {
  border: 0 none;
  margin: 0;
  padding: 0;
}
.block-progress .cards-list .info-table th {
  font-weight: normal;
}
.block-progress .block-title {
  background: none;
  border: 0;
  padding: 0;
  margin: 0 0 5px;
}
.block-progress .block-title strong {
  font-size: 13px;
  color: #001f3f;
}
.block-progress .block-content {
  background: none;
}
.block-progress dt {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.35;
  background: #dddddd;
  border: 1px solid #aaaaaa;
  margin: 0 0 6px;
  padding: 8px 8px;
  color: #ffffff;
}
.block-progress dt a {
  color: #ffffff;
}
.block-progress dt.complete {
  margin: 0;
  background: #dddddd;
}
.block-progress dd {
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top: 0;
  padding: 8px 13px;
  margin: 0 0 20px;
}
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
  display: none;
}
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
  display: inline;
}
/* show/hide "change" link for progress step depend on complete status
 * should be placed in .css file */
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
  display: inline;
}
.opc-block-progress dt a,
.opc-block-progress dt .separator {
  display: none;
}
.opc {
  position: relative;
}
.opc .buttons-set {
  margin-top: 0;
  padding-top: 2em;
}
.opc .buttons-set p.required {
  margin: 0;
  padding: 0 0 10px;
}
.opc .buttons-set .back-link small {
  display: none;
}
.opc .buttons-set .back-link a {
  text-decoration: none;
}
.opc .buttons-set .back-link a:before {
  font-family: FontAwesome;
  content: "\f102";
  margin-right: 3px;
}
.opc .buttons-set.disabled button.button {
  display: none;
}
.opc .buttons-set .please-wait {
  height: 21px;
  line-height: 21px;
}
.opc .ul {
  list-style: disc outside;
  padding-left: 18px;
}
.opc .step-title {
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  background: #dddddd;
  height: 35px;
  line-height: 35px;
}
.opc .step-title .number {
  float: left;
  background: #ffffff;
  margin: 0 5px 0 0;
  color: #dddddd;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  width: 31.5px;
  text-align: center;
}
.opc .step-title h2 {
  float: left;
  margin: 0;
  font-size: 18px;
  color: #ffffff;
  line-height: 35px;
}
.opc .step-title a {
  display: none;
  float: right;
  font-size: 11px;
  line-height: 16px;
}
.opc .allow .step-title {
  background: #c4c4c4;
  color: #e6e6e6;
  border-color: #c4c4c4;
  cursor: pointer;
}
.opc .allow .step-title .number {
  background: #e6e6e6;
  color: #c4c4c4;
}
.opc .allow .step-title h2 {
  color: #e6e6e6;
}
.opc .allow .step-title:hover {
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  background: #dddddd;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
}
.opc .allow .step-title:hover .number {
  float: left;
  background: #ffffff;
  margin: 0 5px 0 0;
  color: #dddddd;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  width: 31.5px;
  text-align: center;
}
.opc .allow .step-title:hover h2 {
  float: left;
  margin: 0;
  font-size: 18px;
  color: #ffffff;
  line-height: 35px;
}
.opc .allow .step-title:hover a {
  display: none;
  float: right;
  font-size: 11px;
  line-height: 16px;
}
.opc .allow.active .step-title {
  color: #ffffff;
  border: 1px solid #001f3f;
  background: #001f3f;
  cursor: default;
}
.opc .allow.active .step-title .number {
  background: #ffffff;
  color: #001f3f;
}
.opc .allow.active .step-title h2 {
  color: #ffffff;
}
.opc .step {
  border-top: 0;
  padding: 15px 30px;
  position: relative;
  border: 1px solid #001f3f;
  border-top: none;
  background: #ffffff;
}
.opc .step .tool-tip {
  right: 30px;
}
#opc-login .buttons-set {
  border-top: 0;
}
#opc-login h3 {
  font-size: 13px;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 2px;
  text-transform: uppercase;
}
#opc-login h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  color: #2f2f2f;
}
#opc-shipping_method .buttons-set {
  border-top: 0;
}
.opc .gift-messages-form {
  margin: 0 -30px;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-width: 1px 0;
  padding: 22px 24px 22px 30px;
}
.opc .gift-messages-form .inner-box {
  padding: 5px;
  height: 260px;
  overflow: auto;
}
#opc-review .step {
  padding: 10px;
}
#opc-review .product-name {
  font-weight: bold;
}
#opc-review .item-options {
  margin: 5px 0 0;
}
#opc-review .buttons-set {
  padding: 20px 0;
}
#opc-review .buttons-set p {
  margin: 0;
  line-height: 40px;
}
#opc-review .buttons-set .please-wait {
  height: 40px;
  line-height: 40px;
}
#opc-review .authentication {
  margin: 0 auto;
  width: 570px;
}
#opc-review .warning-message {
  color: #111111;
  font-weight: bold;
  text-align: center;
  padding: 10px 10px 0;
}
/* ============= ClearFix ============= */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
.cart-left {
  margin: 25px 0 0 0;
  float: left;
  width: 625px;
}
.cart-left .coupon-block {
  float: left;
  width: 625px;
}
.cart-left .coupon-block .couponHint {
  padding: 5px 0;
  font-size: 14px;
}
.cart-left .coupon-block .input-text {
  width: 275px;
}
.cart-left .crosssell {
  float: left;
  width: 625px;
  margin: 0 0 25px 0;
}
.cart-left .crosssell p {
  float: left;
  width: 625px;
  text-transform: uppercase;
}
.cart-left .crosssell .cross-selling-content {
  border: 1px solid #aaaaaa;
  float: left;
  margin: 13px 0 0;
  width: 622px;
  height: 197px;
}
.cart-left .crosssell .cross-selling-content .productPriceSaving {
  display: none;
}
.cart-left .crosssell .cross-selling-content .cross-sell-product {
  position: relative;
  float: left;
  width: 311px;
}
.cart-left .crosssell .cross-selling-content .cross-sell-product .add-to-cart-link {
  height: 26px;
  border: 1px solid #aaaaaa;
  background: #dddddd;
  padding: 0 8px;
  font-weight: normal;
  line-height: 26px;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  text-decoration: none;
  width: 253px;
  display: block;
  margin: 152px 0 0 12px;
  color: #ffffff;
}
.cart-left .crosssell .cross-selling-content .cross-sell-product .add-to-cart-link:hover {
  background: #c4c4c4;
  border-color: #919191;
  color: #ffffff;
}
.cart-left .crosssell .cross-selling-content .cross-sell-product .cross-selling-left,
.cart-left .crosssell .cross-selling-content .cross-sell-product .cross-selling-right {
  float: left;
  width: 155px;
  height: 153px;
}
.cart-left .crosssell .cross-selling-content .cross-sell-product .product-name {
  float: left;
  text-transform: uppercase;
  text-decoration: underline;
  line-height: 18px;
  width: 131px;
  margin: 15px 12px 13px 12px;
  position: absolute;
  top: 0;
  left: 0;
}
.cart-left .crosssell .cross-selling-content .cross-sell-product .cross-sell-price {
  float: left;
  font-size: 16px;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 12px;
}
.cart-left .crosssell .cross-selling-content .cross-sell-product .cross-sell-price-info {
  color: #BCC1C4;
  float: left;
  font-size: 12px;
  height: 20px;
  margin: 4px 0 0 0;
  position: relative;
  z-index: 99;
}
.cart-left .crosssell #crossSellingContentProductLeft img {
  margin: 3px 0 0 1px;
}
.cart-left .crosssell #crossSellingContentProductLeft img {
  margin: 3px 0 0 1px;
}
.cart-left .crosssell .crossSellingContentProductLeft,
.cart-left .crosssell .crossSellingContentProductRight {
  float: left;
  width: 155px;
}
.cart-left .crosssell .crossSellingPrice {
  float: left;
  font-size: 16px;
  margin: 47px 0 0 12px;
}
.cart-left .crosssell .crossSellingPriceInfo {
  color: #BCC1C4;
  float: left;
  font-size: 12px;
  height: 20px;
  margin: 4px 0 0 12px;
  position: relative;
  z-index: 99;
}
.cart-left .crosssell .crossSellingPriceInfo a {
  color: #BCC1C4;
}
.btn-checkout {
  float: right;
  display: block;
  height: 26px;
  border: 1px solid #aaaaaa;
  background: #dddddd;
  padding: 0 8px;
  font-weight: normal;
  line-height: 26px;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
}
.btn-checkout:hover {
  background: #c4c4c4;
  border-color: #919191;
  color: #ffffff;
}
.cart-right {
  float: right;
  margin: 25px 0 0 0;
  width: 355px;
}
.cart-right .totals {
  background: #dddddd;
  color: #111111;
  float: left;
  padding: 32px;
}
.cart-right .totals table {
  float: left;
  width: 291px;
}
.cart-right .totals table tfoot td.first,
.cart-right .totals table tfoot tfoot td.second {
  font-size: 18px;
  padding: 10px 16px 0 0 !important;
  vertical-align: top;
}
.cart-right .totals table tfoot td.first,
.cart-right .totals table tfoot .cartRight .totals table tbody td.first {
  text-align: right;
  width: 130px;
}
.cart-right .totals table tfoot td.second,
.cart-right .totals table tfoot .cartRight .totals table tbody td.second {
  float: right;
  padding: 0 16px 0 0;
  text-align: right;
  width: 100px;
}
.cart-right .totals table tfoot td.first,
.cart-right .totals table tfoot .cartRight .totals table tbody td.second {
  padding: 0 16px 5px 0;
  vertical-align: top;
}
.cart-right .btn-checkout {
  float: right;
  margin: 15px 0 0 0;
}
#checkout-step-login #login-form .form-list {
  margin-left: 28px;
}
#checkout-step-login #login-form .forgotpassword {
  margin-top: 5px;
}
.checkout-agreements {
  margin-top: 20px;
}
#checkout-review-table-wrapper {
  border: 4px solid #001f3f;
}
#checkout-review-table-wrapper table tbody td.reviewSubtotal {
  font-size: 20px;
}
#checkout-review-table-wrapper table tfoot tr.last td,
#checkout-review-table-wrapper table tfoot tr.last td strong {
  font-size: 26px;
}
#checkout-review-table-wrapper table tfoot tr.last td .price {
  border-bottom: 4px double #001f3f;
}
#checkout-review-table-wrapper table tfoot tr.first td {
  font-size: 22px;
}
.please-wait img {
  margin-top: 6px;
}
.opc label > span {
  padding-top: 4px;
}
.opc .control input.radio {
  margin-top: -2px;
}
.opc .data-table tfoot strong {
  font-size: 22px;
}
.opc .col2-set .form-list .content {
  max-width: 270px;
}
#payment-progress-opcheckout dd.complete {
  overflow: hidden;
}
.newsletter-consent {
  border-top: 1px solid #e4e4e4;
  line-height: 16px;
  font-size: 14px;
  padding-top: 10px;
}
.fancybox-image {
  width: auto !important;
  height: auto !important;
}
.hiddenFunctionalElement {
  display: none;
}
.downloadWidget {
  line-height: 18px;
  width: 310px;
}
.downloadWidget a {
  color: #292521;
  text-decoration: none;
  font-family: robotoblack;
  font-size: 18px;
}
.downloadWidget a span {
  width: 28px;
  height: 28px;
  background: url('/skin/frontend/traumsofas/default/css/../images/baseMatrix.jpg') 0px -482px no-repeat;
  display: block;
  float: left;
  margin: 5px 20px 20px 0;
}
.downloadWidget a em {
  display: block;
  font-family: robotolight;
  font-size: 14px;
  line-height: 14px;
}
.linkButton.loading span:before {
  content: "\f021";
  margin-right: 10px;
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.linkButton.success {
  background-color: #263587 !important;
}
.linkButton.success span:before {
  content: "\f00c";
  margin-right: 10px;
  font: normal normal normal 14px/1 FontAwesome;
}
.linkButton.error {
  background-color: #e61010 !important;
}
.linkButton.error span:before {
  content: "\f00d";
  margin-right: 10px;
  font: normal normal normal 14px/1 FontAwesome;
}
html,
body {
  height: 100% !important;
  min-height: 100% !important;
  display: block;
}
.grid-block-conclusion {
  z-index: 2000;
  position: relative;
}
body {
  overflow-x: hidden;
  overflow-y: auto;
}
.carrier_description {
  padding-bottom: 10px;
}
input::-webkit-input-placeholder {
  line-height: 1.2em;
}
input::-moz-placeholder {
  line-height: 1.2em;
}
input:-ms-input-placeholder {
  line-height: 1.2em;
}
input:-moz-placeholder {
  line-height: 1.2em;
}
/* Path-Definitions */
/* --[] ---------------------------- */
/* Color-Definitions */
/* --[] ---------------------------- */
/* Font-Definitions */
/* --[] ---------------------------- */
@font-face {
  font-family: 'robotoblack';
  src: url('../fonts/Roboto-Black-webfont.eot');
  src: url('../fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black-webfont.woff') format('woff'), url('../fonts/Roboto-Black-webfont.ttf') format('truetype'), url('../fonts/Roboto-Black-webfont.svg#robotoblack') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotoregular';
  src: url('../fonts/Roboto-Regular-webfont.eot');
  src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotolight';
  src: url('../fonts/Roboto-Light-webfont.eot');
  src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light-webfont.woff') format('woff'), url('../fonts/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotothin';
  src: url('../fonts/Roboto-Thin-webfont.eot');
  src: url('../fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Thin-webfont.woff') format('woff'), url('../fonts/Roboto-Thin-webfont.ttf') format('truetype'), url('../fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotomedium_italic';
  src: url('../fonts/Roboto-MediumItalic-webfont.eot');
  src: url('../fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-MediumItalic-webfont.woff') format('woff'), url('../fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto-MediumItalic-webfont.svg#robotomedium_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotolight_italic';
  src: url('../fonts/Roboto-LightItalic-webfont.eot');
  src: url('../fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-LightItalic-webfont.woff') format('woff'), url('../fonts/Roboto-LightItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto-LightItalic-webfont.svg#robotolight_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
a {
  cursor: pointer;
}
/* Text-Definitions */
/* --[] ---------------------------- */
.largeClaim,
.mediumClaim {
  font-family: robotothin;
  color: #292521;
}
.largeClaim {
  font-size: 58px;
  line-height: 80px;
}
.mediumClaim {
  font-size: 42px;
  line-height: 50px;
  /*

    @media only screen and (max-width:650px) {
        font-size: 20px;
        line-height: 22px;
    }
    */

}
@media only screen and (max-width: 1279px) {
  .mediumClaim {
    font-size: 28px;
    line-height: 34px;
  }
}
.regularText {
  font-family: robotoregular;
  font-size: 14px;
  color: #292521;
  line-height: 24px;
}
.regularText p {
  display: block;
  margin: 24px 0;
}
.regularText a,
.regularText a:visited {
  font-family: robotoblack;
  color: #292521;
}
.regularText a:hover {
  text-decoration: none;
}
.regularText > b {
  font-family: robotoblack;
}
.headingText18Black {
  font-family: robotoregular;
  font-size: 18px;
  color: #292521;
  margin-bottom: 25px;
}
a {
  color: #263587;
}
.my-account {
  padding: 0 20px;
}
.my-account .page-title {
  text-transform: uppercase;
}
.my-account .page-title h1 {
  font-size: 25px;
}
.box {
  padding: 15px 0;
}
.box .box-title {
  margin-bottom: 15px;
}
#checkoutSteps li .step-title {
  background: #263587;
  border: 1px solid #263587;
}
.block {
  font-family: robotoregular;
}
.block .block-title {
  background-color: #263587;
  line-height: 40px;
}
.block .block-title span {
  color: #fff;
  padding-left: 5px;
}
.block .block-content li {
  transition: background-color 0.7s ease;
  line-height: 25px;
}
.block .block-content li.current {
  background-color: #263587;
  line-height: 40px;
}
.block .block-content li:hover {
  background-color: #263587;
}
.block .block-content li:hover a {
  color: #fff;
}
.lightboxYoutube.widget {
  display: block;
  width: 150px;
}
.lightboxYoutube.widget span {
  display: block;
  width: 150px;
  padding: 10px 0 10px 0;
  text-align: center;
  font-family: robotolight;
  font-size: 14px;
  color: #292521;
}
#shopping-cart-table .productName a {
  font-size: 20px;
}
#shopping-cart-table .item-options dt {
  font-weight: bold;
}
#shopping-cart-table .item-options dd {
  text-indent: 1em;
}
/* Button-Definitions */
/* --[] ---------------------------- */
.linkButton a,
.linkButton.button {
  height: 29px;
  font-family: robotoregular;
  font-size: 14px;
  display: block;
  padding: 15px 0 0 20px;
  width: auto;
}
.linkButton a span {
  width: 10px;
  height: 44px;
  display: block;
  float: right;
  margin: -15px 20px 0 0;
}
button.button {
  border: none;
  background-color: #292521;
  height: 44px;
}
button.button span {
  display: block;
  height: 44px;
  color: #fff;
  background: none;
  border: none;
  line-height: 44px;
  font-family: robotoregular;
  font-size: 14px;
  padding: 0 20px;
  text-align: left;
}
input.input-text {
  font-size: 14px;
  border: 1px solid #292521;
  border-radius: 3px;
  padding: 3px;
  color: #292521;
  box-shadow: 0 8px 10px -10px rgba(0, 0, 0, 0.4) inset;
}
select {
  font-size: 14px;
  border: 1px solid #292521;
  border-radius: 3px;
  padding: 3px;
  color: #292521;
  box-shadow: 0 8px 10px -10px rgba(0, 0, 0, 0.4) inset;
}
.link-button-set {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.link-button-set .linkButton {
  text-align: left;
  display: table-cell;
  margin: 0 10px;
  border-right: 20px solid #fff;
}
.link-button-set .linkButton:last-child {
  border: none;
}
.link-button-set p {
  display: table-caption;
}
.linkButton-black {
  background: #292521;
  transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out;
}
.linkButton-black a {
  color: #fff;
  text-decoration: none;
}
.linkButton-black a:hover span {
  transition: margin-right 0.25s ease-in-out;
  -moz-transition: margin-right 0.25s ease-in-out;
  -webkit-transition: margin-right 0.25s ease-in-out;
  margin-right: 10px;
}
.linkButton-black:hover {
  background: #70655a;
}
.linkButton-black a span.linkButton-arrowRight {
  background: url('../images/baseMatrix-transparent.png') 0 -209px no-repeat;
}
.linkButton-black a span.linkButton-arrowDown {
  background: url('../images/baseMatrix-transparent.png') -10px -209px no-repeat;
}
.linkButton-black a span.linkButton-arrowUp {
  background: url('../images/baseMatrix-transparent.png') -20px -209px no-repeat;
}
.linkButton-blue {
  background: #263587;
  transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out;
}
.linkButton-blue a {
  color: #fff;
  text-decoration: none;
}
.linkButton-blue a:hover span {
  transition: margin-right 0.25s ease-in-out;
  -moz-transition: margin-right 0.25s ease-in-out;
  -webkit-transition: margin-right 0.25s ease-in-out;
  margin-right: 10px;
}
.linkButton-blue:hover {
  background: #5c6ed1;
}
.linkButton-blue:hover span.linkButton-arrowRight {
  background: url('../images/baseMatrix-transparent.png') 0 -209px no-repeat;
}
.linkButton-blue:hover span.linkButton-arrowDown {
  background: url('../images/baseMatrix-transparent.png') -10px -209px no-repeat;
}
.linkButton-blue:hover span.linkButton-arrowUp {
  background: url('../images/baseMatrix-transparent.png') -20px -209px no-repeat;
}
.linkButton-blue a span.linkButton-arrowRight {
  background: url('../images/baseMatrix-transparent.png') 0 -209px no-repeat;
}
.linkButton-blue a span.linkButton-arrowDown {
  background: url('../images/baseMatrix-transparent.png') -10px -209px no-repeat;
}
.linkButton-blue a span.linkButton-arrowUp {
  background: url('../images/baseMatrix-transparent.png') -20px -209px no-repeat;
}
.linkButton-gray {
  background: #e0dfdf;
  transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out;
  margin-top: 10px;
}
.linkButton-gray a {
  color: #000;
  text-decoration: none;
}
.linkButton-gray a:hover {
  color: #FFF;
}
.linkButton-gray a:hover span {
  transition: margin-right 0.25s ease-in-out;
  -moz-transition: margin-right 0.25s ease-in-out;
  -webkit-transition: margin-right 0.25s ease-in-out;
  margin-right: 10px;
}
.linkButton-gray:hover {
  background: #a19e9e;
}
.linkButton-gray:hover span.linkButton-arrowRight {
  background: url('../images/baseMatrix-transparent.png') 0 -209px no-repeat;
}
.linkButton-gray:hover span.linkButton-arrowDown {
  background: url('../images/baseMatrix-transparent.png') -10px -209px no-repeat;
}
.linkButton-gray:hover span.linkButton-arrowUp {
  background: url('../images/baseMatrix-transparent.png') -20px -209px no-repeat;
}
.linkButton-gray a span.linkButton-arrowRight {
  background: url('../images/baseMatrix-transparent.png') -30px -209px no-repeat;
}
.linkButton-gray a span.linkButton-arrowDown {
  background: url('../images/baseMatrix-transparent.png') -40px -209px no-repeat;
}
.linkButton-gray a span.linkButton-arrowUp {
  background: url('../images/baseMatrix-transparent.png') -50px -209px no-repeat;
}
#btn-scroll-accessories,
#btn-scroll-shipping {
  display: none;
}
.productLP-options-left,
.productLP-options-right,
.productLP-options-rightBottom,
.productLP-options-rightTop {
  position: relative;
}
.productLP-options-left .productLP-options-BG-IMG.push-right,
.productLP-options-right .productLP-options-BG-IMG.push-right,
.productLP-options-rightBottom .productLP-options-BG-IMG.push-right,
.productLP-options-rightTop .productLP-options-BG-IMG.push-right {
  right: 0;
}
.productLP-options-left .productLP-options-BG-IMG.push-left-relative,
.productLP-options-right .productLP-options-BG-IMG.push-left-relative,
.productLP-options-rightBottom .productLP-options-BG-IMG.push-left-relative,
.productLP-options-rightTop .productLP-options-BG-IMG.push-left-relative {
  max-width: 225px;
  position: relative !important;
  display: block;
}
.productLP-options-left .productLP-options-BG-IMG.push-left-relative img,
.productLP-options-right .productLP-options-BG-IMG.push-left-relative img,
.productLP-options-rightBottom .productLP-options-BG-IMG.push-left-relative img,
.productLP-options-rightTop .productLP-options-BG-IMG.push-left-relative img {
  max-width: 100%;
}
.productLP-options-left .productLP-options-BG-IMG.push-right img {
  max-width: 275px;
}
.productLP-options-rightBottom .productLP-options-BG-IMG {
  max-width: 225px;
  position: relative !important;
  display: block;
}
.productLP-options-rightBottom .productLP-options-BG-IMG img {
  max-width: 100%;
}
.largeNavButton {
  width: 67px;
  height: 67px;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out;
}
.largeNavButton span {
  transition: margin-right 25s ease-in-out;
  -moz-transition: margin-right 25s ease-in-out;
  -webkit-transition: margin-right 25s ease-in-out;
}
.largeNavButton span.largeNavButton-arrowLeft {
  background: url('../images/baseMatrix-transparent.png') 0px -276px no-repeat;
}
.largeNavButton span.largeNavButton-arrowRight {
  background: url('../images/baseMatrix-transparent.png') -13px -276px no-repeat;
}
.largeNavButton:hover {
  background: #263587;
}
.largeNavButton-posLeft {
  left: 30px;
}
.largeNavButton-posLeft:hover span.largeNavButton-arrowLeft {
  margin-right: auto;
  margin-left: 20px;
}
.largeNavButton-posRight {
  right: 30px;
}
.page-2-rows .largeNavButton-posLeft {
  left: 0px;
}
.page-2-rows .largeNavButton-posRight {
  right: 0px;
}
.page-3-rows .grid-block.shrink-3-columns.grid-block-2 {
  width: 320px;
}
.page-3-rows .grid-block.hide-3-columns {
  display: none;
}
.page-2-rows .grid-block.hide-2-columns {
  display: none;
}
.page-3-rows .claim-image img {
  right: 0 !important;
}
.productLP-options-left .claim-image {
  height: 500px;
  width: 600px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.productLP-options-left .claim-image img {
  left: -100%;
  right: -100%;
  position: absolute;
  top: -100%;
  bottom: -100%;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
}
.blockElement-fullSizeSlider-claim img {
  width: 100%;
}
.largeNavButton-black {
  background: #292521;
}
.largeNavButton-black span {
  margin: 0 auto 0 auto;
  width: 13px;
  height: 67px;
  display: block;
}
.largeNavButton-black:hover span {
  margin-left: 20px;
}
.largeNavButton-gray {
  background: #cacaca;
}
.largeNavButton-gray span {
  margin: 0 auto 0 auto;
  width: 13px;
  height: 67px;
  display: block;
}
.largeNavButton-gray:hover span {
  margin-right: 20px;
}
.btn-checkout {
  background-color: #263587;
  font-family: robotoregular;
  text-decoration: none;
  font-size: 100%;
  border: none;
  transition: background-color 0.5s linear;
}
.btn-checkout:hover {
  background-color: #292521;
}
.totals .btn-checkout {
  width: 100%;
  padding-left: 15px;
  box-sizing: border-box;
}
.cart .title-buttons {
  border: none;
}
.linkWhiteArrowDown {
  background: url('../images/baseMatrix.jpg') -80px -99px no-repeat;
  width: 10px;
  height: 16px;
  display: inline-block;
  margin-left: 10px;
}
/* Progess Indicator-Definitions */
/* --[] ---------------------------- */
.progressIndicatorCircle {
  z-index: 150;
}
.progressIndicatorCircle li {
  width: 10px;
  height: 10px;
  cursor: pointer;
  background: #292521;
  float: left;
  margin-right: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.progressIndicatorCircle li.progressIndicatorCircle-active {
  width: 12px;
  height: 12px;
  border: 1px solid #292521;
  -webkit-box-shadow: 0px 0px 0px 2px #fff inset;
  -moz-box-shadow: 0px 0px 0px 2px #fff inset;
  box-shadow: 0px 0px 0px 2px #fff inset;
  margin: -3px 6px 0 0;
}
.progressIndicatorCircle li:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #fff inset;
  -moz-box-shadow: 0px 0px 0px 2px #fff inset;
  box-shadow: 0px 0px 0px 2px #fff inset;
}
/* BLOCK DEFINITIONS -> FullSize-Block */
/* --[] ---------------------------- */
.blockElement-fullSizeSlider {
  position: relative;
  z-index: 0;
  margin: 0;
  overflow: hidden;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1279px) {
  .blockElement-fullSizeSlider {
    width: 90%;
    margin: 0 5%;
  }
  .blockElement-fullSizeSlider .largeNavButton-posLeft {
    left: 0;
  }
  .blockElement-fullSizeSlider .largeNavButton-posRight {
    right: 0;
  }
}
.blockElement-fullSizeSlider.two-cols .blockElement-fullSizeSlider-slideElement {
  position: relative;
  display: block;
  background: #FFF;
}
.blockElement-fullSizeSlider.two-cols .blockElement-fullSizeSlider-slideElement .inner-content {
  max-width: 35%;
  left: 10%;
  top: 25%;
  position: absolute;
  z-index: 10;
}
.blockElement-fullSizeSlider.two-cols .blockElement-fullSizeSlider-slideElement .inner-content ul li {
  font-weight: 700;
  margin: 15px 0;
}
.blockElement-fullSizeSlider.two-cols .blockElement-fullSizeSlider-slideElement .inner-content ul li:before {
  content: '\02713';
  color: #c20018;
  margin-right: 10px;
  font-weight: 700;
}
.blockElement-fullSizeSlider.two-cols .blockElement-fullSizeSlider-slideElement .inner-content .headline {
  margin-bottom: 40px;
}
.blockElement-fullSizeSlider.two-cols .blockElement-fullSizeSlider-slideElement .inner-content .button {
  margin-top: 20px;
  font-family: 'Roboto';
  font-size: 24px;
  background: #292521;
  position: relative;
  color: #FFF;
  padding: 0 65px 0 25px;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  text-decoration: none;
}
.blockElement-fullSizeSlider.two-cols .blockElement-fullSizeSlider-slideElement .inner-content .button:after {
  content: '\203A';
  right: 15px;
  position: absolute;
  font-size: 30px;
  top: -1px;
}
@media only screen and (max-width: 1279px) {
  .blockElement-fullSizeSlider.two-cols .blockElement-fullSizeSlider-slideElement .inner-content ul li {
    font-size: 10px;
  }
  .blockElement-fullSizeSlider.two-cols .blockElement-fullSizeSlider-slideElement .inner-content .headline {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .blockElement-fullSizeSlider.two-cols .blockElement-fullSizeSlider-slideElement .inner-content ul {
    display: none;
  }
}
.blockElement-fullSizeSlider.two-cols .blockElement-fullSizeSlider-slideElement img {
  max-width: 100%;
}
.twoColsSlider .item {
  background: #FFF;
  position: relative;
}
.twoColsSlider .item .inner-content {
  max-width: 36%;
  left: 12%;
  top: 25%;
  position: absolute;
  z-index: 10;
}
.twoColsSlider .item .inner-content ul li {
  font-weight: 700;
  margin: 15px 0;
}
.twoColsSlider .item .inner-content ul li:before {
  content: '\02713';
  color: #c20018;
  margin-right: 10px;
  font-weight: 700;
}
.twoColsSlider .item .inner-content .headline {
  margin-bottom: 40px;
}
.twoColsSlider .item .inner-content .button {
  margin-top: 20px;
  font-family: 'Roboto';
  font-size: 24px;
  background: #292521;
  position: relative;
  color: #FFF;
  padding: 0 65px 0 25px;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  text-decoration: none;
}
.twoColsSlider .item .inner-content .button:after {
  content: '\203A';
  right: 15px;
  position: absolute;
  font-size: 30px;
  top: -1px;
}
@media only screen and (max-width: 1279px) {
  .twoColsSlider .item .inner-content ul li {
    font-size: 10px;
  }
  .twoColsSlider .item .inner-content .headline {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .twoColsSlider .item .inner-content ul {
    display: none;
  }
}
.twoColsSlider .item img {
  max-width: 100%;
  float: none;
}
.twoColsSlider .item .link-icon {
  position: relative;
  overflow: hidden;
  max-width: 400px;
}
.twoColsSlider .item .link-icon .linkButton {
  margin-top: 30px;
  float: left;
}
.twoColsSlider .item .link-icon .linkButton .linkButton-arrowRight {
  margin-left: 10px;
}
.twoColsSlider .item .link-icon img {
  float: right;
}
@media only screen and (max-width: 800px) {
  .twoColsSlider .item .link-icon img {
    display: none;
  }
}
.bx-wrapper {
  position: relative;
}
.bx-wrapper .bx-controls {
  text-align: center;
  left: 0;
  right: 0;
}
.bx-wrapper .bx-controls .bx-pager-item {
  display: inline-block;
  float: none;
}
.bx-wrapper .bx-controls .bx-pager-link {
  width: 20px;
  height: 20px;
  cursor: pointer;
  text-indent: -1000px;
  overflow: hidden;
  float: left;
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.bx-wrapper .bx-controls .bx-pager-link:after {
  margin: -9px auto 0 auto;
  border: 1px solid #444;
  background: #fff;
  width: 10px;
  height: 10px;
  display: block;
  content: '';
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.bx-wrapper .bx-controls .bx-pager-link.active:after {
  margin-top: -10px;
  background: #263587;
}
.bx-wrapper .bx-controls .bx-controls-direction {
  width: 100%;
  top: 50%;
  position: absolute;
  z-index: 8000;
  margin-top: -60px;
}
.bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
.bx-wrapper .bx-controls .bx-controls-direction .bx-next {
  overflow: hidden;
  background-color: #cacaca;
  background-image: url('../images/baseMatrix-transparent.png');
  background-repeat: no-repeat;
  width: 67px;
  height: 67px;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  transition: margin-right 25s ease-in-out;
  -moz-transition: margin-right 25s ease-in-out;
  -webkit-transition: margin-right 25s ease-in-out;
  text-indent: -1000px;
}
.bx-wrapper .bx-controls .bx-controls-direction .bx-prev:hover,
.bx-wrapper .bx-controls .bx-controls-direction .bx-next:hover {
  background-color: #263587;
}
.bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
  left: 30px;
  background-position: -206px -277px;
}
.bx-wrapper .bx-controls .bx-controls-direction .bx-next {
  right: 30px;
  background-position: -272px -277px;
}
@media only screen and (max-width: 800px) {
  .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
    left: 0;
  }
  .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    right: 0;
  }
}
@media only screen and (max-width: 650px) {
  .bx-wrapper .bx-controls .bx-controls-direction {
    display: none;
  }
}
.blockElement-fullSizeSlider-IMG img {
  position: relative;
  width: 100% !important;
}
.blockElement-fullSizeSlider-slideElement {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  display: inline-block;
}
.blockElement-fullSizeSlider-slideElement-hidden {
  opacity: 0;
  -webkit-transition: opacity 1.5s linear;
  transition: opacity 1.5s linear;
  z-index: 100;
}
.blockElement-fullSizeSlider-slideElement-visible {
  opacity: 1;
  -webkit-transition: opacity 1.5s linear;
  transition: opacity 1.5s linear;
  z-index: 110;
}
.blockElement-fullSizeSlider-contentSlideOut {
  transform: translate(-1920px, 0px);
  -webkit-transform: translate(-1920px, 0px);
  transition: transform 1.5s linear;
}
.page-3-rows .blockElement-fullSizeSlider-contentSlideOut,
.page-2-rows .blockElement-fullSizeSlider-contentSlideOut {
  margin-left: 0;
  -webkit-transition: none;
  transition: none;
}
.blockElement-fullSizeSlider-contentSlideIn {
  margin-left: 0px;
}
.blockElement-fullSizeSlider-content {
  position: absolute;
  width: 100%;
  bottom: 20%;
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 40px #4a4a4a;
}
.page-3-rows .blockElement-fullSizeSlider-content {
  top: 20%;
}
.page-2-rows .blockElement-fullSizeSlider-content {
  top: 20%;
}
.page-2-rows .blockElement-fullSizeSlider-slideInfo {
  bottom: 210px;
}
.blockElement-fullSizeSlider-claim {
  font-family: robotoblack;
  text-transform: uppercase;
  font-size: 60px;
}
.blockElement-fullSizeSlider-subClaim {
  font-family: robotoregular;
  font-size: 24px;
  margin-top: 20px;
  text-shadow: 0px 0px 6px #4a4a4a;
}
.blockElement-fullSizeSlider-CTA {
  margin-top: 70px;
}
.blockElement-fullSizeSlider-CTA a,
.blockElement-fullSizeSlider-CTA a:visited {
  font-family: robotoregular;
  font-size: 18px;
  text-transform: uppercase;
  border: 1px solid #fff;
  padding: 13px 44px 13px 44px;
  color: #fff;
  text-decoration: none;
  -webkit-box-shadow: inset 0px 0px 20px 0px rgba(50, 50, 50, 0.35), 0px 0px 40px 0px rgba(50, 50, 50, 0.35);
  -moz-box-shadow: inset 0px 0px 20px 0px rgba(50, 50, 50, 0.35), 0px 0px 40px 0px rgba(50, 50, 50, 0.35);
  box-shadow: inset 0px 0px 20px 0px rgba(50, 50, 50, 0.35), 0px 0px 40px 0px rgba(50, 50, 50, 0.35);
}
.blockElement-fullSizeSlider-CTA a.blockElement-fullSizeSlider-CTA-black,
.blockElement-fullSizeSlider-CTA a:visited.blockElement-fullSizeSlider-CTA-black {
  text-transform: none;
  background: #292521;
  opacity: 0.6;
}
.blockElement-fullSizeSlider-CTA a:hover {
  background: #263587 !important;
}
.blockElement-fullSizeSlider-slideInfo {
  width: 100%;
  position: absolute;
  z-index: 2000;
  bottom: 170px;
  text-align: center;
  font-family: robotoblack;
  font-size: 12px;
  color: #fff;
}
.blockElement-fullSizeSlider-slideInfo p {
  margin-top: 27px;
}
.blockElement-fullSizeSlider-arrowDown,
.blockElement-fullSizeSliderWithText-arrowDown {
  width: 14px;
  height: 8px;
  margin-top: 13px;
  display: inline-block;
  background: url('../images/baseMatrix-transparent.png') 0px -146px no-repeat;
}
.blockElement-fullSizeSlider-progressIndicatorCircle li {
  display: inline-block;
  float: none;
  border: 1px solid #444;
  background: #fff;
}
.blockElement-fullSizeSlider-progressIndicatorCircle li.progressIndicatorCircle-active {
  border: 1px solid #fff;
  box-shadow: none;
  background: #263587;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.4) inset;
}
.blockElement-fullSizeSlider-progressIndicatorCircle li.progressIndicatorCircle-active:hover {
  background: #fff;
}
.blockElement-fullSizeSlider-progressIndicatorCircle li:hover {
  -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.9) inset;
  -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.9) inset;
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.9) inset;
  background: #263587;
}
/* BLOCK DEFINITIONS -> FullSize-Slider with White Text-BG */
/* --[] ---------------------------- */
.blockElement-fullSizeSliderWithText {
  height: 1038px;
  float: none !important;
}
.blockElement-fullSizeSliderWithText-slideContainer {
  width: 10000px;
  height: 1038px;
}
.blockElement-fullSizeSliderWithText-slideElement {
  float: left;
}
.blockElement-fullSizeSliderWithText-content {
  background: #fff;
  float: right;
  width: 380px;
  display: block;
  padding: 134px 177px 45px 83px;
}
.blockElement-fullSizeSliderWithText img {
  width: 1920px;
  height: 1038px;
  position: absolute;
  z-index: -1;
}
.blockElement-fullSizeSliderWithText-subClaim {
  margin: 55px 0 0 8px;
}
.blockElement-fullSizeSliderWithText-CTA {
  margin: 31px 0 0 7px;
  width: 280px;
}
.blockElement-fullSizeSliderWithText-progressIndicatorCircle {
  margin: 100px 0 0 8px;
}
.blockElement-fullSizeSliderWithText-slideInfo {
  width: 100%;
  position: absolute;
  z-index: 2000;
  bottom: 170px;
  text-align: center;
  font-family: robotoblack;
  font-size: 12px;
  color: #fff;
}
.blockElement-fullSizeSliderWithText-slideInfo p {
  margin-top: 27px;
}
.blockElement-fullSizeSliderWithText-arrows .largeNavButton {
  margin-top: 462px;
}
.custommessages ul li {
  position: relative;
  padding: 20px;
  background-color: #263587;
  color: #fff;
}
.custommessages ul li .close {
  font-weight: bold;
  font-size: 16px;
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}
@media only screen and (max-width: 1279px) {
  .custommessages ul li .close {
    font-size: 35px;
  }
}
.custommessages ul li h3 {
  color: #fff;
}
.blockElement-fullSizeSlider .blockElement-fullSizeSlider-progressIndicatorCircle {
  position: absolute;
  bottom: 10px;
  text-align: center;
  left: 0;
  right: 0;
}
.blockElement-fullSizeSlider .blockElement-fullSizeSlider-arrows {
  top: 50%;
  position: relative;
  z-index: 9999;
}
.blockElement-fullSizeSlider .blockElement-fullSizeSlider-arrows .largeNavButton {
  margin-top: -40px;
}
.blockElement-productLP-options + .blockElement-productLP-options .blockElement-grayInfoBox-block > .grid-content {
  border-top: none;
}
.page-3-rows .blockElement-fullSizeSliderWithText-content {
  padding-top: 50px;
  padding-right: 160px;
}
.page-3-rows .blockElement-fullSizeSliderWithText-progressIndicatorCircle {
  margin-top: 50px;
}
.page-3-rows .blockElement-fullSizeSliderWithText-arrows .largeNavButton {
  margin-top: 380px;
}
.fabric-choice-block {
  overflow: visible !important;
}
.blockElement-fullSizeSliderWithText-descIMG img {
  position: relative;
  z-index: 1;
  width: 620px;
  height: 402px;
}
.page-2-rows .blockElement-fullSizeSliderWithText-content {
  margin-top: 80px;
  padding-top: 50px;
  padding-right: 90px;
}
.page-2-rows .blockElement-fullSizeSliderWithText-slideInfo {
  bottom: 110px;
}
.page-2-rows .blockElement-fullSizeSliderWithText-progressIndicatorCircle {
  margin-top: 60px;
}
.page-2-rows .blockElement-fullSizeSliderWithText-arrows .largeNavButton {
  margin-top: 458px;
}
/* BLOCK DEFINITIONS -> Inspiration-Slider */
/* --[] ---------------------------- */
.blockElement-inspirationSlider {
  height: 1199px;
}
.blockElement-inspirationSlider-slideContainer {
  width: 10000px;
}
.blockElement-inspirationSlider-slideElement {
  float: left;
}
.blockElement-inspirationSlider-details {
  position: absolute;
  margin: 20px 0 0 1040px;
}
@media (min-width: 451px) {
  .blockElement-inspirationSlider-details {
    margin-top: 40px;
  }
}
.blockElement-inspirationSlider-claim {
  width: 370px;
}
.blockElement-inspirationSlider-regularText {
  width: 380px;
  margin: 55px 0 0 8px;
}
.blockElement-inspirationSlider-linkButton {
  margin: 31px 0 0 7px;
  width: 280px;
}
.blockElement-inspirationSlider-progressIndicatorCircle {
  margin: 20px 0 0 8px;
}
.blockElement-inspirationSlider-arrows .largeNavButton {
  margin-top: 666px;
}
.page-3-rows .blockElement-inspirationSlider-arrows .largeNavButton {
  margin-top: 450px;
}
/* BLOCK DEFINITIONS -> Tabbed Product Slider */
/* --[] ---------------------------- */
.blockElement-tabbedProductSlider {
  margin-top: 97px;
}
.order-slider .image-wrapper {
  height: 125px !important;
}
.blockElement-tabbedProductSlider-tabs ul {
  text-align: center;
  margin: 0 auto 0 auto;
}
.blockElement-tabbedProductSlider-tabs li {
  font-family: robotoblack;
  display: inline-block;
  margin-right: 5px;
}
.blockElement-tabbedProductSlider-tabs li a {
  font-size: 12px;
  color: #292521;
  background: #f6f6f6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 25px;
  display: block;
  padding: 14px 25px 0 25px;
  text-transform: uppercase;
  cursor: pointer;
}
.blockElement-tabbedProductSlider-tabs li a:hover {
  background: #292521;
  color: #fff;
}
.blockElement-tabbedProductSlider-tabs li a.blockElement-tabbedProductSlider-tabs-active {
  background: #263587;
  color: #fff;
}
.page-2-rows .blockElement-tabbedProductSlider-tabs {
  /* iPhone-specific */

}
.page-2-rows .blockElement-tabbedProductSlider-tabs ul {
  width: 640px;
  margin-left: 340px;
}
.page-2-rows .blockElement-tabbedProductSlider-tabs a {
  padding-left: 11px;
  padding-right: 11px;
}
.blockElement-tabbedProductSlider-slider {
  clear: both;
  overflow: hidden;
}
.blockElement-tabbedProductSlider-container {
  margin-top: 55px;
  margin-left: -320px;
  width: 10000px;
}
.page-3-rows .blockElement-tabbedProductSlider-container {
  /* iPad-specific position */

  margin-left: -480px;
}
.page-3-rows .blockElement-tabbedProductSlider-container-controls {
  margin-left: 233px;
}
.blockElement-tabbedProductSlider-container-element-active .blockElement-tabbedProductSlider-container-element-content {
  opacity: 1;
  -webkit-transition: opacity 1.5s linear;
  transition: opacity 1.5s linear;
}
.blockElement-tabbedProductSlider-container-element-inActive .blockElement-tabbedProductSlider-container-element-content {
  opacity: 0;
  -webkit-transition: opacity 1s linear;
  transition: opacity 1s linear;
}
.blockElement-tabbedProductSlider-container-element {
  width: 640px;
  float: left;
}
.blockElement-tabbedProductSlider-container-element .linkButton {
  margin: 0 auto 0 auto;
  width: 258px;
  margin-top: 28px;
}
.blockElement-tabbedProductSlider-container-element-IMG a {
  display: block;
  width: 582px;
  height: 327px;
}
.blockElement-tabbedProductSlider-container-element-IMG a img.blockElement-tabbedProductSlider-container-element-IMG-base {
  display: block;
}
.blockElement-tabbedProductSlider-container-element-IMG a img.blockElement-tabbedProductSlider-container-element-IMG-hover {
  display: none;
}
.blockElement-tabbedProductSlider-container-element-IMG a:hover img.blockElement-tabbedProductSlider-container-element-IMG-base {
  display: none;
}
.blockElement-tabbedProductSlider-container-element-IMG a:hover img.blockElement-tabbedProductSlider-container-element-IMG-hover {
  display: block;
}
.blockElement-tabbedProductSlider-container-element-IMG img {
  margin-left: 20px;
  width: 582px;
}
.blockElement-tabbedProductSlider-container-element-desc {
  margin: 0 auto 0 auto;
  font-family: robotomedium_italic;
  text-transform: uppercase;
  width: 240px;
  text-align: center;
}
.blockElement-tabbedProductSlider-container-element-desc p {
  font-size: 24px;
  color: #292521;
  margin-bottom: 20px;
}
.blockElement-tabbedProductSlider-container-element-desc span {
  font-size: 14px;
  color: #a5a5a5;
}
.blockElement-tabbedProductSlider-container-controls {
  position: absolute;
  margin: 332px 0 0 400px;
}
.blockElement-tabbedProductSlider-container-controls-arrow {
  float: left;
}
.blockElement-tabbedProductSlider-container-controls-arrow span {
  width: 40px;
  height: 26px;
  background: url('../images/baseMatrix.jpg') no-repeat;
  display: block;
  cursor: pointer;
}
.blockElement-tabbedProductSlider-container-controls-arrow span:hover {
  border: 1px solid #cacaca;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.blockElement-tabbedProductSlider-container-controls-arrowLeft span {
  background-position: -90px -89px;
}
.blockElement-tabbedProductSlider-container-controls-arrowRight {
  position: absolute;
  margin-left: 441px;
}
.blockElement-tabbedProductSlider-container-controls-arrowRight span {
  background-position: -130px -89px;
}
.page-2-rows .blockElement-tabbedProductSlider-container-progressIndicatorCircle {
  margin-left: 320px;
}
.blockElement-tabbedProductSlider-container-progressIndicatorCircle {
  clear: both;
  margin-top: 50px;
}
.blockElement-tabbedProductSlider-container-progressIndicatorCircle ul {
  display: table;
  margin: 0 auto 0 auto;
}
/* BLOCK DEFINITIONS -> Full Size Video Link Block */
/* --[] ---------------------------- */
.blockElement-fullSizeVideoLink {
  height: 535px;
  margin-top: 58px;
}
.blockElement-fullSizeVideoLink-BG {
  height: 535px;
  background: url('../images/startseite/block-videoGetToKnowUs.jpg');
  text-align: center;
}
.blockElement-fullSizeVideoLink-BG .fullSizeCenteredBlock {
  position: absolute;
}
.blockElement-fullSizeVideoLink-BG p {
  margin: 203px 0 40px 0;
  font-family: robotolight;
  font-size: 72px;
  color: #fff;
}
.blockElement-fullSizeVideoLink-BG a {
  background: url('../images/baseMatrix-transparent.png') no-repeat;
  height: 68px;
  display: inline-block;
  font-family: robotoblack;
  font-size: 30px;
  color: #fff;
  text-decoration: none;
  padding-left: 69px;
}
.blockElement-fullSizeVideoLink-BG a:hover {
  text-decoration: underline;
}
/* BLOCK DEFINITIONS -> Sofa Typ */
/* --[] ---------------------------- */
.blockElement-sofaTyp {
  margin-top: 61px;
  height: 847px;
}
.blockElement-sofaTyp-content {
  height: 847px;
  background: url('../images/startseite/block-sofaTyp.jpg');
  background-position: center;
}
.blockElement-sofaTyp-details {
  position: absolute;
  margin: 120px 0 0 681px;
}
@media only screen and (max-width: 1279px) {
  .blockElement-sofaTyp-content {
    background-position: -77px;
  }
  .blockElement-sofaTyp-details {
    margin-left: 883px;
  }
}
.blockElement-sofaTyp-claim {
  width: 500px;
}
.blockElement-sofaTyp-regularText {
  width: 380px;
  margin: 55px 0 0 8px;
}
.blockElement-sofaTyp-linkButton {
  margin: 31px 0 0 7px;
  width: 280px;
}
/* BLOCK DEFINITIONS -> Handarbeit & Testimonial */
/* --[] ---------------------------- */
.blockElement-handArbeit {
  margin-top: 93px;
  height: 837px;
}
.blockElement-handArbeit-content {
  height: 837px;
  background: url('../images/block-handarbeitBG.jpg');
}
.blockElement-handArbeit-details {
  position: absolute;
  margin: -15px 0 0 334px;
}
.blockElement-handArbeit-claim {
  width: 500px;
}
@media (max-width: 767px) {
  .blockElement-handArbeit-claim {
    width: auto;
  }
}
.blockElement-handArbeit-regularText {
  width: 380px;
  margin: 22px 0 0 8px;
}
@media (max-width: 767px) {
  .blockElement-handArbeit-regularText {
    width: auto;
  }
}
.blockElement-handArbeit-linkButton {
  margin: 25px 0 0 7px;
  width: 258px;
}
/* Testimonial Styles */
.blockElement-testimonial-container {
  background: url('../images/block-handarbeit-testimonialBG.jpg');
}
.blockElement-testimonial-slider {
  overflow: hidden;
}
.blockElement-testimonial-content {
  width: 10000px;
}
.blockElement-testimonial-element {
  float: left;
}
.blockElement-testimonial-text {
  color: #fff;
  text-align: center;
  padding: 0 50px 0 50px;
  margin: 0 auto 0 auto;
  width: 70%;
}
.blockElement-testimonial-text span {
  width: 54px;
  height: 46px;
  display: block;
  margin-top: 30px;
}
.blockElement-testimonial-text span.blockElement-testimonial-text-quoteLeft {
  margin-right: 30px;
  float: left;
  background: url('../images/baseMatrix-transparent.png') 0 -68px no-repeat;
}
.blockElement-testimonial-text span.blockElement-testimonial-text-quoteRight {
  margin-left: 30px;
  float: right;
  background: url('../images/baseMatrix-transparent.png') -54px -68px no-repeat;
}
.blockElement-testimonial-text p {
  font-family: robotolight_italic;
  font-size: 30px;
  line-height: 38px;
  padding: 0 40px 0 40px;
}
.blockElement-testimonial-text .blockElement-testimonial-text-quoted {
  padding-top: 40px;
  padding: 40px 0 45px 0;
  font-family: robotomedium_italic;
  font-size: 24px;
}
.blockElement-testimonial-text .blockElement-testimonial-text-quoted span {
  display: inline;
  float: none;
  width: auto;
  height: auto;
  font-family: robotolight_italic;
}
.blockElement-testimonial-progressIndicatorCircle {
  margin-bottom: 43px;
}
.blockElement-testimonial-progressIndicatorCircle ul {
  margin: 0 auto 0 auto;
  display: table;
}
.blockElement-testimonial-progressIndicatorCircle ul li {
  background: #fff;
}
.blockElement-testimonial-progressIndicatorCircle ul li.progressIndicatorCircle-active {
  border: 1px solid #fff;
  box-shadow: 0px 0px 0px 2px #263587 inset;
}
.blockElement-testimonial-progressIndicatorCircle ul li:hover {
  box-shadow: 0px 0px 0px 2px #263587 inset;
}
.page-3-rows .blockElement-testimonial-text {
  width: 90%;
}
.page-2-rows .blockElement-testimonial-text {
  width: 85%;
}
/* BLOCK DEFINITIONS -> FOOTER -> Buttons & Phone-Number-Link */
/* --[] ---------------------------- */
.blockElement-footer-buttons .linkButton {
  margin: 20px;
}
.blockElement-footer-buttons-largeClaim {
  margin-top: 70px;
  padding: 0 20px 0 20px;
}
.blockElement-footer-buttons-phone {
  padding-right: 20px;
  float: right;
}
.blockElement-footer-buttons-phone p a {
  font-family: robotoblack;
  font-size: 48px;
  color: #292521;
  text-decoration: none;
}
.blockElement-footer-buttons-phone span {
  font-family: robotolight;
  font-size: 11px;
  float: right;
  margin-top: 5px;
}
.blockElement-footer-buttons-phone span.blockElement-footer-buttons-phoneIcon {
  width: 25px;
  height: 36px;
  background: url('../images/baseMatrix.jpg') -125px -324px no-repeat;
  float: left;
  margin: 8px 12px 0 0;
}
.page-2-rows .blockElement-footer-buttons-largeClaim {
  font-size: 60px;
}
.productLP-slider-IMG .slider .slide img {
  display: block;
  max-width: 100%;
  height: auto;
}
.productLP-slider-controls-miniSlider .slider {
  padding: 0 50px;
}
.productLP-slider-controls-miniSlider .slider .slide {
  width: 114px;
  margin: 0 5px;
  border: 1px solid #e0dfdf;
  transition: border-color 0.2s;
}
.productLP-slider-controls-miniSlider .slider .slide.slick-active {
  border-color: #292521;
}
.productLP-slider-controls-miniSlider .slick-prev {
  left: 5px;
}
.productLP-slider-controls-miniSlider .slick-next {
  right: 5px;
}
.page-3-rows .productLP-slider-controls-miniSlider {
  max-width: 640px;
  float: left;
}
/* BLOCK DEFINITIONS -> FOOTER -> Info Area */
/* --[] ---------------------------- */
.blockElement-footer-infoArea {
  font-family: robotoregular;
  font-size: 12px;
  color: #292521;
  margin: 0 20px 0 20px;
}
.blockElement-footer-infoArea-floatBlock {
  float: left;
}
.blockElement-footer-infoArea {
  margin-top: 115px;
}
.blockElement-footer-infoArea-linkBlock li {
  background: url('../images/baseMatrix.jpg') -125px -273px no-repeat;
  line-height: 22px;
}
.blockElement-footer-infoArea-linkBlock a {
  padding-left: 20px;
  color: #292521;
}
.blockElement-footer-infoArea-linkBlock a:hover {
  text-decoration: none;
}
.blockElement-footer-infoArea-linkBlock.blockElement-footer-infoArea-linkBlock-left {
  width: 178px;
  float: left;
}
.blockElement-footer-infoArea-linkBlock.blockElement-footer-infoArea-linkBlock-right {
  width: 190px;
  float: left;
}
.blockElement-footer-infoArea-TrustedShopsLogo {
  width: 125px;
  height: 125px;
  display: block;
  background: url('../images/baseMatrix.jpg') 0 -252px no-repeat;
  margin-left: 30px;
}
.blockElement-footer-infoArea-TrustedShopsLogo:hover {
  opacity: 0.8;
}
.blockElement-footer-infoArea-TrustedShopsDetails {
  width: 230px;
  margin-top: 30px;
}
.blockElement-footer-infoArea-TrustedShopsDetails ul {
  float: left;
  margin-right: 10px;
}
.blockElement-footer-infoArea-TrustedShopsDetails li {
  background: url('../images/baseMatrix.jpg') -125px -246px no-repeat;
  padding-left: 20px;
  line-height: 22px;
}
.blockElement-footer-infoArea-paymentIcons {
  width: 232px;
  padding-bottom: 16px;
}
.blockElement-footer-infoArea-paymentIcons li {
  float: left;
  margin: 0 5px 5px 0;
}
.blockElement-footer-infoArea-paymentIcons li a {
  width: 53px;
  height: 34px;
  display: block;
  background: url('../images/baseMatrix.jpg') no-repeat;
}
.blockElement-footer-infoArea-paymentIcons li a.blockElement-footer-infoArea-paymentIcon-visa {
  background-position: 0 -377px;
}
.blockElement-footer-infoArea-paymentIcons li a.blockElement-footer-infoArea-paymentIcon-masterCard {
  background-position: -53px -377px;
}
.blockElement-footer-infoArea-paymentIcons li a.blockElement-footer-infoArea-paymentIcon-payPal {
  background-position: -106px -377px;
}
.blockElement-footer-infoArea-paymentIcons li a.blockElement-footer-infoArea-paymentIcon-sofortUeberweisung {
  background-position: -159px -377px;
}
.blockElement-footer-infoArea-paymentIcons li a.blockElement-footer-infoArea-paymentIcon-EC {
  background-position: 0 -411px;
}
.blockElement-footer-infoArea-paymentIcons li a.blockElement-footer-infoArea-paymentIcon-rechnung {
  background-position: -53px -411px;
}
.blockElement-footer-infoArea-paymentIcons li a.blockElement-footer-infoArea-paymentIcon-vorkasse {
  background-position: -106px -411px;
}
.blockElement-footer-infoArea-paymentIcons li a:hover {
  opacity: 0.8;
}
.blockElement-footer-infoArea-paymentText {
  margin-top: 17px;
  clear: left;
  line-height: 22px;
  width: 238px;
}
.blockElement-footer-infoArea .grid-block {
  margin-bottom: 40px;
}
.blockElement-footer-infoArea-infoText {
  line-height: 22px;
  padding-right: 40px;
}
/* BLOCK DEFINITIONS -> FOOTER -> Social Media*/
/* --[] ---------------------------- */
.blockElement-footer-socialMedia {
  height: 711px;
  margin-top: 134px;
}
.blockElement-footer-socialMedia-largeClaim {
  font-size: 60px;
  margin-top: 180px;
  position: absolute;
  z-index: 100;
  width: 1254px;
}
.blockElement-footer-socialMedia-largeClaim span {
  float: right;
}
.blockElement-footer-socialMedia-BG {
  height: 711px;
  background: url('../images/footer-socialMedia-01.jpg');
}
.blockElement-footer-socialMedia-BG img {
  position: absolute;
}
.blockElement-footer-socialMedia-content .spacer {
  padding: 0 10%;
}
.blockElement-footer-socialMedia-content .largeClaim {
  margin: 180px 0 30px 0;
}
@media only screen and (min-width: 600px) {
  .blockElement-footer-socialMedia-content .largeClaim {
    text-align: right;
  }
}
.blockElement-footer-socialMedia-content .blockElement-footer-socialMedia-UL {
  display: table;
  width: 100%;
}
.blockElement-footer-socialMedia-content .blockElement-footer-socialMedia-UL li {
  display: table-cell;
}
.blockElement-footer-socialMedia-content .blockElement-footer-socialMedia-UL li a {
  padding: 0 6%;
  display: block;
  overflow: hidden;
}
.blockElement-footer-socialMedia-content .blockElement-footer-socialMedia-UL li a img {
  position: relative;
  max-width: 100%;
}
.blockElement-footer-socialMedia-content .blockElement-footer-socialMedia-UL li a span {
  display: none;
}
.blockElement-footer-socialMedia-content .blockElement-footer-socialMedia-UL li a:hover img {
  opacity: 0.8;
}
.blockElement-footer-socialMedia-content .blockElement-footer-socialMedia-UL li:first-of-type a {
  padding-left: 0;
}
.blockElement-footer-socialMedia-content .blockElement-footer-socialMedia-UL li:last-of-type a {
  padding-right: 0;
}
.cart-content .cart-table .btn-update {
  height: 30px;
}
.cart-content .cart-table .btn-update span {
  line-height: 30px;
  height: 30px;
}
.cart-content .cart-table .productQty {
  width: 170px;
}
.cart-content .cart-table .product-image img {
  width: 180px;
  height: auto;
}
.product-options > ul {
  padding-left: 20px;
}
.page-3-rows .blockElement-footer-socialMedia-largeClaim {
  width: 945px;
}
.page-2-rows .blockElement-footer-socialMedia-UL a img {
  width: 100px;
  height: 100px;
}
.page-2-rows .blockElement-footer-socialMedia-largeClaim {
  width: 534px;
  font-size: 59px;
}
/* BLOCK-DEFINITIONS -> FOOTER -> SEO-TEXT */
.blockElement-footer {
  margin: 74px 0 74px 0;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: justify;
}
.blockElement-footer a {
  color: #292521;
}
.blockElement-footer a:hover {
  text-decoration: none;
}
.blockElement-footer p {
  margin-top: 20px;
}
.blockElement-footer .collapsable-box {
  overflow: hidden;
  height: 0px;
  transition: height .5s linear;
}
.blockElement-footer.expanded .collapsable-box {
  height: auto;
}
.blockElement-footer.expanded a .linkWhiteArrowDown {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-bottom: -5px;
}
.blockElement-footer ul {
  margin-bottom: 30px;
}
.blockElement-footer ul li {
  list-style-type: circle;
  margin: 5px 0;
  margin-left: 20px;
}
/* BLOCK-DEFINITIONS -> CATEGORY-OVERVIEW -> TYPE-SLIDER */
.blockElement-categoryTypeSlider {
  margin: 57px 0 0 20px;
}
.blockElement-categoryTypeSlider-claim {
  width: 405px;
}
.blockElement-categoryTypeSlider-subClaim {
  width: 380px;
  margin: 22px 0 0 8px;
}
.blockElement-categoryTypeSlider-slider {
  position: absolute;
  margin-left: 485px;
  height: 370px;
  overflow: hidden;
}
.blockElement-categoryTypeSlider-slideContainer {
  width: 20000px;
}
.blockElement-categoryTypeSlider-element {
  width: 483px;
  overflow: hidden;
  height: 370px;
  float: left;
  color: #292521;
  margin-right: 70px;
}
.blockElement-categoryTypeSlider-element a {
  width: 483px;
  display: block;
}
.blockElement-categoryTypeSlider-element a img {
  width: 483px;
  margin-bottom: 29px;
}
.blockElement-categoryTypeSlider-element a img.blockElement-categoryTypeSlider-element-IMG-base {
  display: block;
}
.blockElement-categoryTypeSlider-element a img.blockElement-categoryTypeSlider-element-IMG-hover {
  display: none;
}
.blockElement-categoryTypeSlider-element a:hover img.blockElement-categoryTypeSlider-element-IMG-base {
  display: none;
}
.blockElement-categoryTypeSlider-element a:hover img.blockElement-categoryTypeSlider-element-IMG-hover {
  display: block;
}
.blockElement-categoryTypeSlider-elementType {
  font-family: robotoblack;
  font-size: 30px;
}
.blockElement-categoryTypeSlider-elementType em {
  font-family: robotolight;
  display: block;
  font-size: 24px;
}
.blockElement-categoryTypeSlider-elementDesciption {
  font-family: robotolight;
  font-size: 24px;
}
.blockElement-categoryTypeSlider-arrows {
  position: absolute;
  margin: 319px 0 0 365px;
}
.blockElement-categoryTypeSlider-arrow {
  width: 36px;
  height: 36px;
  border: 1px solid #e0dfdf;
  background: #fff;
  float: left;
  cursor: pointer;
}
.blockElement-categoryTypeSlider-arrow:hover {
  background: #263587;
}
.blockElement-categoryTypeSlider-arrow span {
  display: block;
  width: 9px;
  height: 36px;
  margin: 0 auto 0 auto;
}
.blockElement-categoryTypeSlider-arrowLeft {
  margin-right: 11px;
}
.blockElement-categoryTypeSlider-arrowLeft:hover span {
  background: url('../images/baseMatrix-transparent.png') -18px -357px no-repeat;
}
.blockElement-categoryTypeSlider-arrowLeft span {
  background: url('../images/baseMatrix-transparent.png') 0 -357px no-repeat;
}
.blockElement-categoryTypeSlider-arrowRight:hover span {
  background: url('../images/baseMatrix-transparent.png') -27px -357px no-repeat;
}
.blockElement-categoryTypeSlider-arrowRight span {
  background: url('../images/baseMatrix-transparent.png') -9px -357px no-repeat;
}
.page-2-rows .blockElement-categoryTypeSlider-slider {
  margin: 450px 0 0 0;
}
.page-2-rows .blockElement-categoryTypeSlider-pushContainer {
  height: 800px;
}
/* BLOCK-DEFINITIONS -> CATEGORY-OVERVIEW PRODUCT GRID */
.blockElement-categoryProductGrid-left {
  /*    -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 50, 50, 0.35), 0px 0px 40px 0px rgba(50, 50, 50, 0.35);
        -moz-box-shadow:    inset 0px 0px 20px 0px rgba(50, 50, 50, 0.35), 0px 0px 40px 0px rgba(50, 50, 50, 0.35);*/

  margin-top: 100px;
}
.blockElement-categoryProductGrid-left-content-stickyNav {
  padding-top: 30px;
  box-shadow: -87px 0 80px -40px rgba(0, 0, 0, 0.1) inset;
}
.blockElement-categoryProductGrid-left-content ul {
  margin-top: 25px;
}
.blockElement-categoryProductGrid-left-content ul li a {
  text-align: center;
  font-family: robotolight;
  text-decoration: none;
  width: 280px;
  height: 60px;
  display: block;
  line-height: 60px;
  padding: 0 20px 0 20px;
  margin-bottom: 10px;
  color: #aeb0b3;
  font-size: 24px;
  transition: all .3s;
}
.blockElement-categoryProductGrid-left-content ul li a span {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}
.blockElement-categoryProductGrid-left-content ul li a em {
  display: block;
  font-family: robotolight;
  font-size: 12px;
  line-height: 12px;
}
.blockElement-categoryProductGrid-left-content ul li a.blockElement-categoryProductGrid-left-UL-active {
  color: #737373;
  font-size: 36px;
}
.blockElement-categoryProductGrid-left-content ul li a.blockElement-categoryProductGrid-left-UL-active span {
  line-height: 36px;
}
.blockElement-categoryProductGrid-left-content ul li a.blockElement-categoryProductGrid-left-UL-active em {
  font-family: robotoregular;
  font-size: 14px;
  line-height: 14px;
}
.blockElement-categoryProductGrid-left-content-IMG {
  width: 216px;
  height: 192px;
  display: block;
  background: url('../images/baseMatrix-transparent.png') 0 -422px no-repeat;
  margin: 0 auto 0 auto;
}
.blockElement-categoryProductGrid-BG {
  -webkit-box-shadow: 0 121px 80px -110px rgba(0, 0, 0, 0.1) inset, 0 -115px 80px -89px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 121px 80px -110px rgba(0, 0, 0, 0.1) inset, 0 -115px 80px -89px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 121px 80px -110px rgba(0, 0, 0, 0.1) inset, 0 -115px 80px -89px rgba(0, 0, 0, 0.1) inset;
  position: absolute;
  margin: -120px 0 0 0;
  height: 370px;
  overflow: hidden;
  z-index: -1;
}
.blockElement-categoryProductGrid-right {
  /*    box-shadow: 0 121px 80px -110px rgba(0, 0, 0, 0.1) inset, 0 -115px 80px -89px rgba(0, 0, 0, 0.1) inset; */

}
.blockElement-categoryProductGrid-productList h1,
.blockElement-categoryProductGrid-productList h2 {
  font-family: robotolight;
}
.blockElement-categoryProductGrid-productList h1 {
  font-size: 25px;
  margin-left: 20px;
  margin-top: 30px;
}
.blockElement-categoryProductGrid-productList h2 {
  margin-left: 20px;
  padding: 20px 0 30px 0;
  font-family: robotolight;
  -webkit-font-smoothing: smooth;
}
.blockElement-categoryProductGrid-productList h2 em:before {
  content: " ";
}
.blockElement-categoryProductGrid-productList ul {
  display: block;
}
.blockElement-categoryProductGrid-productList li {
  float: left;
  width: 320px;
  margin-bottom: 20px;
  height: 200px;
}
.blockElement-categoryProductGrid-productList li.clearer {
  float: none;
  clear: left;
  width: 0px;
  height: 0;
}
.blockElement-categoryProductGrid-productList li.blockElement-categoryProductGrid-stickyPositionReference {
  clear: left;
  width: 0px;
}
.blockElement-categoryProductGrid-productList li a {
  width: 300px;
  display: block;
  text-decoration: none;
  color: #292521;
  margin-left: 10px;
  margin-right: 10px;
}
.blockElement-categoryProductGrid-productList li a img {
  width: 300px;
}
.blockElement-categoryProductGrid-productList li a img.blockElement-categoryProductGrid-productList-IMG-base {
  display: block;
}
.blockElement-categoryProductGrid-productList li a img.blockElement-categoryProductGrid-productList-IMG-hover {
  position: absolute;
  visibility: hidden;
}
.blockElement-categoryProductGrid-productList li a .blockElement-categoryProductGrid-productList-SPAN-base {
  display: block;
}
.blockElement-categoryProductGrid-productList li a .blockElement-categoryProductGrid-productList-SPAN-hover {
  display: none;
}
.blockElement-categoryProductGrid-productList li a:hover img.blockElement-categoryProductGrid-productList-IMG-base {
  position: absolute !important;
  visibility: hidden !important;
}
.blockElement-categoryProductGrid-productList li a:hover img.blockElement-categoryProductGrid-productList-IMG-hover {
  position: static !important;
  visibility: visible !important;
}
.blockElement-categoryProductGrid-productList li a:hover .blockElement-categoryProductGrid-productList-SPAN-base {
  display: none;
}
.blockElement-categoryProductGrid-productList li a:hover .blockElement-categoryProductGrid-productList-SPAN-hover {
  display: block;
}
.blockElement-categoryProductGrid-productList li a span {
  font-family: robotoregular;
  font-size: 14px;
  width: 300px;
  display: block;
  text-align: center;
}
.blockElement-categoryProductGrid-productList li a span em {
  display: block;
  font-family: robotothin;
}
.blockElement-categoryProductGrid-productList li a img {
  margin-bottom: 10px;
}
.blockElement-categoryProductGrid-productList li a .image-container {
  height: 160px;
  width: 300px;
  margin-bottom: 10px;
}
.blockElement-categoryProductGrid-productList li a .image-container img {
  max-width: 300px;
  max-height: 160px;
}
/* BLOCK-DEFINITIONS -> VIDEO WALL */
.blockElement-videoWall {
  margin-top: 100px;
}
.blockElement-videoWall-content {
  z-index: -1;
}
.blockElement-videoWall-details {
  margin: 146px 0 0 17px;
}
.blockElement-videoWall-claim {
  width: 300px;
}
.blockElement-videoWall-regularText {
  width: 380px;
  margin: 22px 0 0 8px;
}
.blockElement-videoWall-linkButton {
  margin: 25px 0 0 7px;
  width: 258px;
}
.blockElement-videoWall-grid ul {
  margin: 50px 0 0 20px;
}
.blockElement-videoWall-grid li {
  width: 150px;
  float: left;
  font-family: robotolight;
  font-size: 14px;
  margin-right: 35px;
}
.blockElement-videoWall-grid li.blockElement-videoWall-grid-spacer {
  width: 335px;
  display: block;
  height: 100px;
}
.blockElement-videoWall-grid li a {
  color: #292521;
  width: 150px;
  display: block;
  text-decoration: none;
  padding-bottom: 20px;
  text-align: center;
}
.blockElement-videoWall-grid li a:hover img {
  opacity: 0.8;
}
.blockElement-videoWall-grid li a img {
  margin-bottom: 10px;
  width: 150px;
}
/* BLOCK-DEFINITIONS -> GRAY INFO BOX */
.blockElement-grayInfoBox {
  background: #f6f6f6;
  margin-top: 35px;
}
.blockElement-grayInfoBox-BG {
  background: #f6f6f6;
  height: 300px;
  z-index: -1;
}
.blockElement-grayInfoBox-block {
  display: block;
  font-family: robotoregular;
  font-size: 14px;
  color: #292521;
  line-height: 24px;
}
.blockElement-grayInfoBox-block .grid-content {
  margin-left: 5px;
  border-left: 1px dashed #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.blockElement-grayInfoBox-block img {
  float: none;
}
.blockElement-grayInfoBox-block p {
  display: block;
  margin: 24px 0 24px 0;
}
.blockElement-grayInfoBox-block em {
  font-family: robotomedium_italic;
}
.blockElement-grayInfoBox-block h5 {
  font-family: robotoblack;
  font-size: 30px;
  margin-bottom: 35px;
}
.blockElement-grayInfoBox-block h5 em {
  width: 7px;
  height: 7px;
  background: #292521;
  display: block;
  float: left;
  margin: 10px 0 0 -34px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.blockElement-grayInfoBox-block h5 span {
  font-family: robotolight;
  font-size: 24px;
  display: block;
}
.blockElement-grayInfoBox-bullet {
  width: 7px;
  height: 7px;
  background: #292521;
  display: block;
  float: left;
  margin: 10px 0 0 -34px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.blockElement-grayInfoBox-block-content {
  padding: 65px 30px 20px 30px;
}
/* PRODUCT LANDINGPAGE */
.productLP-intro {
  margin-left: 20px;
  margin-top: 52px;
  font-family: robotoregular;
  font-size: 14px;
}
.productLP-intro-topNav {
  height: 30px;
}
.productLP-intro-topNav a {
  float: left;
  color: #292521;
  text-decoration: none;
}
.productLP-intro-topNav a span {
  width: 10px;
  height: 44px;
  display: block;
  margin: -15px 10px 0 0;
  float: left;
  background: url('../images/baseMatrix-transparent.png') -61px -209px no-repeat;
}
.productLP-intro-topNav a:hover {
  text-decoration: underline;
}
.productLP-intro-topNav-nextPrev {
  float: right;
  margin-right: 48px;
}
.productLP-intro-topNav-nextPrev span {
  float: left;
  width: 15px;
  display: block;
  height: 14px;
}
.productLP-intro-textCTA {
  clear: both;
}
.productLP-intro-buttons {
  margin-top: 35px;
}
.productLP-intro-buttons .linkButton-black {
  width: 270px;
  float: left;
  margin-right: 20px;
}
.productLP-intro-buttons .linkButton-gray {
  width: 270px;
  float: left;
  margin-right: 20px;
}
.productLP-intro-buttons .linkButton-gray:nth-of-type(2n+1) {
  width: 288px;
}
.productLP-intro-buttons .linkButton-blue {
  float: left;
  width: 288px;
}
.productLP-intro-text {
  clear: left;
  padding-top: 35px;
  width: 580px;
}
.productLP-slider {
  margin-top: 70px;
}
.product-image-constraint-upper,
.product-image-constraint-lower {
  position: relative;
}
.productLP-slider-controls {
  margin-top: 50px;
}
.blockElement-productLP-twoRows {
  position: relative;
}
.blockElement-productLP-twoRows .productLP-twoRows-BG-IMG img {
  float: right;
  clear: right;
  max-width: 100%;
  height: auto;
  display: block;
}
.productLP-slider-price {
  clear: left;
  float: right;
  text-align: right;
  color: #292521;
  margin-top: 18px;
  padding-right: 24px;
}
.productLP-slider-price-desc {
  font-family: robotoblack;
  font-size: 30px;
}
.productLP-slider-price-price {
  font-family: robotolight;
  font-size: 24px;
}
.productLP-slider-price-price .special-price {
  color: #dd1919;
  text-decoration: line-through;
  font-size: 20px;
}
.productLP-videoPDF-video {
  margin-left: 20px;
}
.productLP-videoPDF-video li {
  margin-right: 12px;
  width: 136px;
  float: left;
}
.productLP-videoPDF-video li a {
  display: inline-block;
  text-decoration: none;
}
.productLP-videoPDF-video li a img {
  width: 136px;
  height: 85px;
}
.productLP-videoPDF-video li a span {
  width: 150px;
  padding: 10px 0 10px 0;
  text-align: center;
  float: left;
  font-family: robotolight;
  font-size: 14px;
  color: #292521;
}
.productLP-videoPDF-video li a:hover {
  opacity: 0.8;
}
.productLP-videoPDF-PDF {
  clear: left;
  margin-left: 20px;
}
.productLP-videoPDF-PDF li {
  padding-top: 40px;
  width: 310px;
  float: left;
}
.productLP-videoPDF-PDF li a {
  color: #292521;
  text-decoration: none;
  font-family: robotoblack;
  font-size: 18px;
}
.productLP-videoPDF-PDF li a span {
  width: 28px;
  height: 28px;
  background: url('../images/baseMatrix.jpg') 0px -482px no-repeat;
  display: block;
  float: left;
  margin: 3px 20px 0 0;
}
.productLP-videoPDF-PDF li a em {
  display: block;
  font-family: robotolight;
  font-size: 14px;
}
.productLP-videoPDF-PDF li a:hover {
  text-decoration: underline;
}
.page-4-rows .productLP-videoPDF {
  margin-top: 37px;
}
.page-4-rows .productLP-slider-controls {
  margin-top: 80px;
}
.page-4-rows .productLP-videoPDF {
  margin-top: 68px;
}
.page-3-rows .productLP-slider-price {
  clear: none;
  margin-top: -10px;
}
.page-3-rows .productLP-slider {
  margin-top: 20px;
}
.page-3-rows .productLP-videoPDF {
  margin-top: 54px;
}
.page-3-rows .productLP-slider-IMG {
  width: 960px;
}
.page-3-rows .productLP-slider-IMG li {
  width: 960px;
}
.page-3-rows .productLP-slider-IMG li img {
  width: 960px;
}
.page-2-rows .productLP-videoPDF {
  margin-top: 54px;
}
.page-2-rows .productLP-videoPDF-video li {
  margin-right: 17px;
}
.page-2-rows .blockElement-fullSizeSlider-claim {
  font-size: 40px;
}
.page-2-rows .blockElement-fullSizeSlider-arrows {
  display: none;
}
.productLP-twoRows {
  clear: both !important;
  margin-top: 108px;
}
.productLP-twoRows-topBG {
  -webkit-box-shadow: 0 121px 80px -110px rgba(0, 0, 0, 0.1) inset, 0 -25px 80px -89px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 121px 80px -110px rgba(0, 0, 0, 0.1) inset, 0 -25px 80px -89px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 121px 80px -110px rgba(0, 0, 0, 0.1) inset, 0 -25px 80px -89px rgba(0, 0, 0, 0.1) inset;
  height: 100px;
}
.productLP-twoRows-text,
.productLP-options-text {
  float: left;
  margin-left: 20px;
  width: 345px;
  padding-bottom: 50px;
}
.productLP-twoRows-text .largeClaim,
.productLP-options-text .largeClaim {
  width: 260px;
  margin-top: 130px;
}
.productLP-twoRows-text .regularText,
.productLP-options-text .regularText {
  margin-top: 25px;
}
.productLP-options-text .largeClaim {
  width: 320px;
}
.productLP-mobileMedia {
  display: none;
}
.productLP-screenMedia {
  display: block;
}
.page-3-rows .productLP-mobileMedia,
.page-2-rows .productLP-mobileMedia {
  display: block;
}
.page-3-rows .productLP-screenMedia,
.page-2-rows .productLP-screenMedia {
  display: none;
}
.page-3-rows .productLP-intro-topNav-mobile,
.page-2-rows .productLP-intro-topNav-mobile {
  display: block;
}
.page-3-rows .productLP-intro-topNav-screen,
.page-2-rows .productLP-intro-topNav-screen {
  display: none;
}
.page-2-rows .content {
  padding-top: 160px;
}
.productLP-twoRows-BG-IMG,
.productLP-options-BG-IMG {
  position: absolute;
  z-index: -1;
  right: 0;
  max-width: 350px;
}
.productLP-twoRows-left,
.productLP-twoRows-right,
.productLP-options-left {
  -webkit-box-shadow: -87px 0 80px -60px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: -87px 0 80px -60px rgba(0, 0, 0, 0.1) inset;
  box-shadow: -87px 0 80px -60px rgba(0, 0, 0, 0.1) inset;
}
.productLP-twoRows-left img,
.productLP-twoRows-right img,
.productLP-options-left img {
  position: relative;
  z-index: -1;
}
.page-3-rows .blockElement-productLP-twoRows:last-child {
  border-top: 1px dashed #cacaca;
  margin-top: 50px;
}
.page-3-rows .productLP-twoRows-text {
  width: 500px;
}
.page-3-rows .productLP-twoRows-BG-IMG {
  right: 0;
}
.productLP-twoRows-relative-IMG {
  clear: left;
  position: relative;
}
.productLP-individual .largeClaim {
  width: 330px;
  margin: 150px 0 20px 296px;
  float: left;
}
.productLP-individual-button {
  clear: left;
  width: 288px;
  margin-left: 300px;
}
.productLP-individual-bubble {
  background: url('../images/baseMatrix-transparent.png') 0 -1046px no-repeat;
  width: 249px;
  height: 276px;
  display: block;
  position: absolute;
  margin-top: -215px;
  color: #fff;
  font-family: robotomedium_italic;
  text-align: center;
}
.productLP-individual-bubble span {
  width: 170px;
  margin: 49px 0 0 43px;
  font-family: robotolight_italic;
  font-size: 18px;
  text-align: center;
  display: block;
}
.productLP-individual-bubble p {
  font-size: 48px;
  margin-top: 27px;
}
.productLP-individual-bubble em {
  font-size: 30px;
  display: block;
}
.page-4-rows .productLP-individual-lamp {
  background: url('../images/baseMatrix-transparent.png') 0 -687px no-repeat;
  width: 207px;
  height: 359px;
  margin: -84px 0 0 208px;
  z-index: 100;
  position: absolute;
}
.page-3-rows .productLP-individual {
  margin-left: 160px;
}
.page-2-rows .productLP-individual {
  margin-left: 20px;
}
.page-2-rows .productLP-twoRows-BG-IMG {
  max-width: 300px;
}
.productLP-options {
  clear: left;
  margin-top: 40px;
}
.productLP-options .productLP-videoPDF-PDF {
  margin-left: 0;
}
.productLP-options-topBG {
  -webkit-box-shadow: 0 121px 80px -110px rgba(0, 0, 0, 0.1) inset, 0 -25px 80px -89px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 121px 80px -110px rgba(0, 0, 0, 0.1) inset, 0 -25px 80px -89px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 121px 80px -110px rgba(0, 0, 0, 0.1) inset, 0 -25px 80px -89px rgba(0, 0, 0, 0.1) inset;
  height: 100px;
}
.productLP-options-topBG-black {
  height: 15px;
  background: #292521;
}
.productLP-options-topBG-blackArrow {
  display: block;
  width: 100%;
}
.productLP-options-topBG-blackArrowContent {
  background: url('../images/baseMatrix-transparent.png') -288px -1046px no-repeat;
  margin: 0 auto 0 auto;
  width: 55px;
  height: 39px;
  margin-left: 933px;
  /*    margin-left: 134px;*/

}
.page-2-rows .productLP-options-topBG-blackArrowContent {
  margin-left: 610px;
}
.productLP-options-rightTop {
  padding: 120px 0 90px 0;
  text-align: center;
}
.productLP-options-rightTop img {
  float: none;
  height: 100%;
}
.productLP-options-rightTop p {
  font-family: robotoblack;
  font-size: 30px;
}
.productLP-options-rightTop span {
  font-family: robotolight;
  font-size: 24px;
  margin-bottom: 20px;
  display: block;
}
.productLP-options-rightBottom-textContainer {
  float: left;
  margin-left: 45px;
}
.productLP-options-rightBottom {
  float: right !important;
  -webkit-box-shadow: -10px 73px 80px -60px rgba(0, 0, 0, 0.1) inset, -40px 65px 80px -9px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: -10px 73px 80px -60px rgba(0, 0, 0, 0.1) inset, -40px 65px 80px -9px rgba(0, 0, 0, 0.1) inset;
  box-shadow: -10px 73px 80px -60px rgba(0, 0, 0, 0.1) inset, -40px 65px 80px -9px rgba(0, 0, 0, 0.1) inset;
}
.productLP-options-rightBottom img {
  position: relative;
  z-index: -1;
}
.productLP-options-rightBottom .largeClaim {
  width: 200px;
  margin-top: 90px;
}
.productLP-options-rightBottom .regularText {
  margin-right: 20px;
  margin-top: 20px;
  width: 350px;
  padding-bottom: 30px;
}
.productLP-options-rightBottom-arrowIMG {
  clear: left;
  background: url('../images/baseMatrix-transparent.png') -262px -1114px no-repeat;
  width: 106px;
  height: 105px;
  margin: 0 auto 0 auto;
}
.sample-slider-wrapper button.rm-cart {
  width: 100%;
  height: 25px;
  border: none;
  background-color: #a5a5a5;
  cursor: pointer;
}
.sample-slider-wrapper button.rm-cart span {
  color: #fff;
  font-family: robotoregular;
}
.blockElement-productLP-options a {
  font-family: robotoblack;
  color: #292521;
}
.blockElement-productLP-options .blockElement-grayInfoBox-block {
  padding-bottom: 99999px;
  margin-bottom: -99999px;
}
.blockElement-productLP-options .blockElement-grayInfoBox-block .grid-content {
  padding-bottom: 99999px;
  margin-bottom: -99999px;
  border-top: 1px dashed #292521;
  border-left: 1px dashed #292521;
  box-sizing: border-box;
}
.blockElement-productLP-options .blockElement-grayInfoBox-block img {
  float: none;
  clear: left;
  max-height: 500px;
}
.BildOhneAbstand {
  margin-left: -30px;
}
.productLP-options-bottom .productLP-options-topBG {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.productLP-options-bottom .productLP-options-topBG-blackArrow {
  margin-left: 5px;
}
.page-3-rows .productLP-options-bottom .productLP-options-topBG-blackArrowContent {
  margin-left: 293px;
}
.page-2-rows .productLP-options-bottom {
  display: none;
}
.blockElement-productLP-shadowTop {
  margin-top: 100px;
}
.blockElement-productLP-iPad-ShadowTop {
  -webkit-box-shadow: 0 121px 80px -110px rgba(0, 0, 0, 0.1) inset, 0 -25px 80px -89px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 121px 80px -110px rgba(0, 0, 0, 0.1) inset, 0 -25px 80px -89px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 121px 80px -110px rgba(0, 0, 0, 0.1) inset, 0 -25px 80px -89px rgba(0, 0, 0, 0.1) inset;
  height: 100px;
  z-index: 120;
}
.blockElement-productLP-iPad-ShadowBottom {
  -webkit-box-shadow: 0 121px 80px -280px rgba(0, 0, 0, 0.1) inset, 0 -125px 80px -89px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 121px 80px -280px rgba(0, 0, 0, 0.1) inset, 0 -125px 80px -89px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 121px 80px -280px rgba(0, 0, 0, 0.1) inset, 0 -125px 80px -89px rgba(0, 0, 0, 0.1) inset;
  height: 100px;
  z-index: 120;
}
.blockElement-productLP-shadowBottom {
  margin-bottom: 65px;
}
.blockElement-productLP-iPad {
  height: 552px;
}
.productLP-iPad-iPad {
  position: absolute;
  z-index: 110;
  margin-top: 21px;
  margin-left: 194px;
}
.productLP-iPad-IMG {
  position: absolute;
  z-index: 100;
  margin: 49px 0 0 468px;
  max-width: 400px;
}
.productLP-iPad-IMG img {
  transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -webkit-transition: width 0.5s ease-in-out;
  width: 355px;
  margin-top: 40px;
}
.productLP-iPad-textContainer {
  clear: left;
  width: 320px;
  margin: 50px 0 0 945px;
  padding-top: 30px;
}
.productLP-iPad-textContainer .regularText {
  margin-top: 40px;
}
.productLP-iPad-textContainer .linkButton {
  width: 234px;
  margin: 62px 0 0 90px;
}
.productLP-iPad-CTA {
  position: absolute;
  margin: 415px 0 0 -300px;
  z-index: 130;
  font-family: robotoregular;
  font-size: 18px;
}
.productLP-iPad-CTA a {
  padding: 11px 0 0 20px;
  width: 355px;
  height: 33px;
  display: block;
  color: #fff;
  text-decoration: none;
}
.productLP-iPad-CTA a:hover {
  text-decoration: underline;
}
.blockElement-fullSizeSliderWithText-descBlock {
  float: right;
  display: block;
  width: 640px;
}
.blockElement-fullSizeSliderWithText-descBlockIMG img {
  width: 640px;
  height: 815px;
}
.blockElement-fullSizeSliderWithText-descBlock-content {
  margin: 46px 0 0 81px;
}
.blockElement-fullSizeSliderWithText-descBlock-content-back a {
  padding-left: 20px;
  font-size: 14px;
  text-decoration: none;
  color: #292521;
  font-family: robotoregular;
}
.blockElement-fullSizeSliderWithText-descBlock-content-back a:hover {
  text-decoration: underline;
}
.blockElement-fullSizeSliderWithText-descBlock-content-claim {
  margin-top: 20px;
}
.blockElement-fullSizeSliderWithText-descBlock-content-subText {
  margin-top: 10px;
  font-family: robotoblack;
}
.blockElement-fullSizeSliderWithText-descBlock-CTA {
  width: 268px;
  height: 103px;
  position: absolute;
  display: block;
  margin-top: 713px;
  cursor: pointer;
}
.blockElement-fullSizeSliderWithText-descBlock-CTA:hover {
  background: url('../images/baseMatrix-transparent.png') 0 -1368px no-repeat;
}
.blockElement-fullSizeSliderWithText-bubble {
  position: absolute;
  margin: 270px 0 0 390px;
}
.productLP_stickContainer_indicator {
  /*    position: absolute;*/

  z-index: 2015;
  /*    background: #fff;
        height: 50px;*/

}
@media only screen and (min-width: 768px) {
  .productConfig_sticky {
    margin-left: 20px;
  }
}
.productLP-topBG {
  -webkit-box-shadow: 0 121px 80px -280px rgba(0, 0, 0, 0.1) inset, 0 -125px 30px -89px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 121px 80px -280px rgba(0, 0, 0, 0.1) inset, 0 -125px 30px -89px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 121px 80px -280px rgba(0, 0, 0, 0.1) inset, 0 -125px 30px -89px rgba(0, 0, 0, 0.1) inset;
  height: 100px;
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  margin-top: -30px;
  z-index: -1;
}
.sticky-active,
.sticky-stopped {
  position: fixed !important;
}
.sticky-active .productLP-topBG,
.sticky-stopped .productLP-topBG {
  box-shadow: none;
}
.sticky-active {
  top: 0px !important;
}
.productLP_stickContainer_indicator.sticky-active {
  top: 0px !important;
}
body.page-2-rows .productLP_stickContainer_indicator {
  width: 1000px;
}
body.page-2-rows .productLP_stickContainer_indicator.sticky-active {
  top: 61px !important;
  -webkit-transform: translateZ(0);
}
body.page-2-rows .productLP_stickContainer_indicator .productConfig_sticky {
  overflow: hidden;
}
body.page-3-rows .productLP_stickContainer_indicator .productLP-topBG,
body.page-2-rows .productLP_stickContainer_indicator .productLP-topBG {
  display: none;
}
.productLP_stickContainer_indicator .productLP_indicator {
  width: auto;
  height: 36px;
  display: block;
  counter-reset: scroll-nav;
}
body.page-2-rows .productLP_stickContainer_indicator .productLP_indicator {
  height: 30px;
  transform: translateX(0);
  -ms-transition: transform .3s;
  transition: transform .3s;
}
.productLP_stickContainer_indicator .productLP_indicator a {
  position: relative;
  border-radius: 2px 0 0 2px;
  display: block;
  float: left;
  height: 36px;
  padding: 0 10px 0 65px;
  background: #c1c1c0;
  color: #fff;
  text-decoration: none;
  counter-increment: scroll-nav;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.productLP_stickContainer_indicator .productLP_indicator a span {
  display: block;
  font-family: robotoblack;
  font-size: 14px;
  line-height: 18px;
  padding: 9px 0;
  position: relative;
}
.productLP_stickContainer_indicator .productLP_indicator a span:before {
  content: counter(scroll-nav);
  font-family: robotoblack;
  font-size: 31px;
  position: absolute;
  left: -30px;
  margin-top: -1px;
}
.productLP_stickContainer_indicator .productLP_indicator a:after,
.productLP_stickContainer_indicator .productLP_indicator a:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.productLP_stickContainer_indicator .productLP_indicator a:after {
  border-color: transparent;
  border-left-color: #c1c1c0;
  border-width: 18px;
  margin-top: -18px;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -ms-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.productLP_stickContainer_indicator .productLP_indicator a:before {
  border-color: transparent;
  border-left-color: #fff;
  border-width: 19px;
  margin-top: -19px;
}
.productLP_stickContainer_indicator .productLP_indicator a:hover,
.productLP_stickContainer_indicator .productLP_indicator a.active {
  background-color: #263587;
}
.productLP_stickContainer_indicator .productLP_indicator a:hover:after,
.productLP_stickContainer_indicator .productLP_indicator a.active:after {
  border-left-color: #263587;
}
body.page-3-rows .productLP_stickContainer_indicator .productLP_indicator a {
  padding-left: 40px;
  height: 30px;
}
body.page-3-rows .productLP_stickContainer_indicator .productLP_indicator a:after {
  border-width: 14px;
  margin-top: -14px;
}
body.page-3-rows .productLP_stickContainer_indicator .productLP_indicator a:before {
  border-width: 15px;
  margin-top: -15px;
}
body.page-3-rows .productLP_stickContainer_indicator .productLP_indicator a span {
  padding: 6px 0;
}
body.page-3-rows .productLP_stickContainer_indicator .productLP_indicator a span:before {
  font-size: 24px;
  left: -20px;
}
body.page-2-rows .productLP_stickContainer_indicator .productLP_indicator a {
  padding-left: 20px;
  height: 30px;
}
body.page-2-rows .productLP_stickContainer_indicator .productLP_indicator a:after {
  border-width: 14px;
  margin-top: -14px;
}
body.page-2-rows .productLP_stickContainer_indicator .productLP_indicator a:before {
  border-width: 15px;
  margin-top: -15px;
}
body.page-2-rows .productLP_stickContainer_indicator .productLP_indicator a span {
  padding: 6px 0;
}
body.page-2-rows .productLP_stickContainer_indicator .productLP_indicator a span:before {
  content: none;
}
.payment-list {
  list-style: none outside none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.payment-list li {
  width: 53px;
  height: 34px;
  float: left;
  background-image: url(../images/baseMatrix.jpg);
  background-repeat: no-repeat;
}
.payment-list li + li {
  margin-left: 5px;
}
.payment-list li.paypal {
  background-position: -106px -377px;
}
.payment-list li.vorkasse {
  background-position: -106px -411px;
}
.legal-shipping-table > table {
  width: 100%;
}
.legal-shipping-table > table > tbody > tr > td b {
  font-weight: bold;
}
.legal-shipping-table > table > tbody > tr > td > table {
  margin-top: 1em;
  width: 75%;
}
body.page-2-rows .legal-shipping-table > table > tbody > tr > td > table {
  width: 90%;
}
.legal-shipping-table > table > tbody > tr > td > table tr > td + td {
  text-align: right;
}
.imprint-typo h2 {
  margin: 30px 0 10px 0;
}
.imprint-typo h3,
.imprint-typo h4,
.imprint-typo p,
.imprint-typo ul {
  line-height: 1.35em;
  margin: .75em 0 0 0;
}
.imprint-typo ul {
  list-style: disc outside;
  padding: 0 0 0 20px;
}
.imprint-typo .counterpart-list {
  overflow: hidden;
  list-style: none outside none;
  padding: 0;
  margin: 10px 0 0 0;
}
.imprint-typo .counterpart-list li {
  float: left;
  width: 20%;
}
.imprint-typo .counterpart-list li img {
  display: block;
  float: none;
  width: auto;
  height: 100px;
}
.two-col-right .content.col-left {
  width: 70%;
  margin-right: 0px;
  padding-right: 10px;
  box-sizing: border-box;
}
.two-col-right .col-right {
  width: 30%;
}
.trustedrating-rateus {
  margin-top: 20px;
  text-align: center;
}
.paypal-review-table .item-options dt {
  font-weight: bold;
}
body.touchdevice-portrait .wrapper.frame {
  position: absolute;
  overflow: hidden !important;
  right: 0;
  left: 0;
  width: 100%;
}
body.touchdevice-landscape {
  width: 100% !important;
}
body.touchdevice-landscape .wrapper.frame {
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  overflow-x: hidden !important;
  left: 0;
  right: 0;
}
body.touchdevice-landscape .wrapper.frame .blockElement-categoryProductGrid-productList {
  width: auto;
}
body.touchdevice-landscape .wrapper.frame .blockElement-categoryProductGrid-productList ul {
  overflow: hidden;
  width: 100%;
}
.sp-methods {
  overflow: hidden;
  border-bottom: none !important;
  /* Overwrite for LEONEX/UI */

}
.sp-methods .iways_paypalplus_payment {
  margin: -24px 0 -24px -15px !important;
}
.sp-methods .payment-paypal_express-wrapper img {
  display: none;
}
.sp-methods .icon-input {
  margin: 6px 6px 6px 0;
  display: block;
  float: left;
}
.sp-methods .icon-label {
  line-height: 34px;
}
.sp-methods .checkout-icon-payment {
  width: 53px;
  height: 34px;
  float: left;
  background-image: url(../images/baseMatrix.png);
  background-repeat: no-repeat;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-top: 13px;
}
.sp-methods .checkout-icon-payment.payment-paypal_express,
.sp-methods .checkout-icon-payment.payment-iways_paypalinstalments {
  background-position: -106px -377px;
}
.sp-methods .checkout-icon-payment.payment-banktransfer {
  background-position: -106px -411px;
}
.sp-methods .checkout-icon-payment.payment-payone_wallet {
  background-position: -39px -473px;
  width: 110px !important;
  height: 40px !important;
  margin-top: 12px;
}
.sp-methods .checkout-agreements {
  margin-top: 0 !important;
  padding-top: 20px;
  font-size: 12px !important;
}
.sp-methods dd > ul,
.sp-methods dd > fieldset {
  padding-left: 125px;
}
.sp-methods dd label {
  float: none !important;
  display: block;
  padding: 10px 0;
}
/* Overwrite for LEONEX/UI */
#checkout-step-payment .buttons-set {
  border-top: none !important;
}
.sp-methods .payment-payone_online_bank_transfer {
  background-position: -159px -377px;
  width: 106px;
}
.sp-methods .payment-payone_creditcard {
  background-position: 0px -377px;
  width: 106px;
}
.sp-methods > dt > .checkout-icon-payment {
  position: absolute;
}
.sp-methods > dt > label {
  text-indent: 115px;
}
.payments div {
  height: 34px;
  float: left;
  background-image: url(../images/baseMatrix.png);
  background-repeat: no-repeat;
  margin-bottom: 5px;
  margin-right: 5px;
  width: 53px;
}
.payments div:nth-of-type(4) {
  clear: both;
}
.payments .vorkasse {
  background-position: -106px -411px;
}
.payments .visa {
  background-position: 0px -377px;
}
.payments .mastercard {
  background-position: -53px -377px;
}
.payments .sofort-ueberweisung {
  background-position: -159px -377px;
}
.payments .giropay {
  background-position: -212px -377px;
}
.payments .paypal {
  background-position: -106px -377px;
}
.payments .paydirekt {
  padding-top: 5px;
  background-position: -41px -474px;
  width: 105px;
  float: none;
  clear: both;
}
.cms-text > strong {
  display: block;
  margin: 10px 0;
}
.page-3-rows .expand-2column-tablet .grid-block-1 {
  display: none;
}
.page-3-rows .expand-2column-tablet .grid-block-2 {
  float: none;
  margin: auto;
}
.page-3-rows .dashed-nav-hide-overlay {
  position: relative;
}
.page-3-rows .dashed-nav-hide-overlay:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: #fff;
  width: 160px;
  z-index: 10;
}
@media only screen and (max-device-width: 767px) and (orientation: portrait), (max-device-width: 767px) and (orientation: landscape), (max-width: 767px) {
  .cms-page-view .grid-block {
    padding: 0 20px;
  }
  .cms-page-view .grid-block .grid-content .regularText .lightbox-2col .lightbox-2col-left .dashed-nav .dashed-nav-spacer {
    display: none;
  }
  .cms-page-view .grid-block .grid-content .regularText .lightbox-2col .lightbox-2col-left .dashed-nav .dashed-nav-spacer .dashed-border-top-left-half {
    display: none;
  }
  .cms-page-view .grid-block .grid-content .regularText .lightbox-2col .lightbox-2col-left .dashed-nav .dashed-nav-spacer.indicator-center-arrow:before {
    display: none;
  }
  .cms-page-view .grid-block .grid-content .regularText .lightbox-2col .lightbox-2col-left .dashed-nav .dashed-nav-spacer.indicator-center-arrow:after {
    display: none;
  }
  .cms-page-view .grid-block .grid-content .regularText .lightbox-2col .lightbox-2col-left .dashed-nav .dashed-nav-left {
    padding-top: 0px;
    display: block;
    border: none;
  }
  .cms-page-view .grid-block .grid-content .regularText .lightbox-2col .lightbox-2col-left .dashed-nav .dashed-nav-left h5 {
    display: none;
    padding: 0;
  }
  .cms-page-view .grid-block .grid-content .regularText .lightbox-2col .lightbox-2col-left .dashed-nav .dashed-nav-left form {
    padding: 0;
  }
  .cms-page-view .grid-block .grid-content .regularText .lightbox-2col .lightbox-2col-left .dashed-nav .dashed-nav-left form input {
    width: 70%;
  }
  .cms-page-view .grid-block .grid-content .regularText .lightbox-2col .lightbox-2col-left .dashed-nav .dashed-nav-left form textarea {
    width: 70% !important;
  }
  .cms-page-view .grid-block .grid-content .regularText .lightbox-2col .lightbox-2col-left .dashed-nav .dashed-nav-left form .linkButton-black {
    margin: 20px !important;
  }
  .cms-page-view h2 {
    padding: 0 20px;
  }
  .cms-page-view h3 {
    padding-top: 15px;
  }
  .cms-page-view div.regularText {
    line-height: 44px;
    width: 70%;
  }
  .cms-page-view div.regularText p {
    padding-left: 20px;
  }
  .cms-page-view div.regularText h2,
  .cms-page-view div.regularText h3,
  .cms-page-view div.regularText h4 {
    padding-left: 20px;
  }
  .cms-page-view .grid-block .grid-content .form-lightbox .linkButton-black {
    text-align: center;
    margin: 0 !important;
  }
  .cms-page-view .grid-block .grid-content .form-lightbox .linkButton-black span {
    padding: 0px 0 5px 0px;
  }
  .cms-page-view .grid-block .grid-content h2 {
    padding: 0;
    width: 60%;
  }
}
.cms-page-view .grid-block .grid-content .form-lightbox .linkButton-black {
  text-align: center;
}
.cms-page-view .grid-block .grid-content .form-lightbox .linkButton-black span {
  padding: 5px 0 5px 0px;
}
.cms-page-view .grid-block .grid-content .dashed-nav-spacer h2 {
  text-align: center;
}
.cms-page-view .grid-content ul li,
.cms-page-view .grid-content ol li {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 18px;
  padding: 5px 0;
  padding-right: 20px;
}
.cms-team .claim-img img {
  float: none;
}
.cms-team .team_gallery {
  margin-top: 30px;
}
.cms-team .team_gallery .grid-block img {
  padding: 10px 10px 0 0;
  width: 140px;
  height: auto;
}
.cms-faq .std h1 {
  font-size: 30px;
}
.cms-faq .std h2 {
  font-size: 24px;
}
#productConfigurator ul.messages {
  padding-left: 0px !important;
  padding-bottom: 20px;
}
#productConfigurator ul.messages ul {
  padding-left: 0px !important;
}
.productLP-iPad-IMG {
  height: 275px !important;
  overflow: hidden;
  width: 355px !important;
}
.productLP-iPad-IMG img {
  margin-top: 0px;
}
.cms-stoffmuster-lexikon .to-top {
  display: none;
}
.cms-stoffmuster-lexikon .lightbox-2col-right {
  display: none;
}
.catalog-product-view.page-2-rows .product-image-main {
  display: none;
}
.catalog-product-view.page-2-rows .sticky-product-image {
  z-index: 10000;
  position: fixed;
  width: 100%;
  bottom: 0;
  transform: translate(0px, 0px) !important;
  background-color: #FFF;
  box-shadow: 0px 0px 10px #333;
}
.catalog-product-view.page-2-rows .sticky-product-image img {
  height: 100px;
  width: auto;
  position: absolute;
}
.catalog-product-view.page-2-rows .sticky-product-image .price-wrap {
  padding-bottom: 5px;
}
.catalog-product-view.page-2-rows .sticky-product-image .price-wrap .price-title {
  margin: 0px;
  font-size: 26px;
}
.scroll-back-to-top {
  display: none;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  background: #707070;
  color: #FFF;
  right: 20px;
  bottom: 30px;
}
.scroll-back-to-top.active {
  display: block;
}
.scroll-back-to-top:after {
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  background: url('../images/baseMatrix-transparent.png') -20px -225px no-repeat;
  position: absolute;
  left: 20px;
  top: 18px;
}
.cms-umweltschutz .content h1,
.cms-umweltschutz .content p {
  margin: 0 0 20px 0;
}
.cms-umweltschutz .image {
  margin: 0 0 20px 0;
}
.cms-umweltschutz .image img {
  display: block;
  float: none;
  max-width: 100%;
}
.cms-umweltschutz .title {
  margin: 10px 0 10px 0;
  font-family: robotoregular;
}
.cms-umweltschutz .sidebar {
  margin-top: 47px;
}
.cms-umweltschutz.page-3-rows .col-left,
.cms-umweltschutz.page-3-rows .col-right {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.cms-umweltschutz.page-3-rows .col-left {
  padding-left: 20px;
}
.cms-umweltschutz.page-3-rows .col-right {
  padding-right: 20px;
}
.reload-overlay {
  z-index: 9999;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}
.reload-overlay img {
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -50px;
  position: absolute;
}
.reload-overlay.active {
  display: block !important;
}
.shipping-box {
  width: 100%;
  overflow: hidden;
}
.shipping-box > div {
  float: none !important;
  margin: 0 auto;
}
.js-preloader {
  background-image: url(../images/spinner.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
.shop-usabilty-award {
  background: url(../images/shop_usabilty_award.png);
  position: fixed;
  right: 0;
  bottom: 90px;
  display: block;
  z-index: 99999;
  width: 82px;
  height: 162px;
}
.rabatte {
  overflow: hidden;
  padding: 20px 20px 0 20px;
}
.rabatte h1 {
  padding-bottom: 20px;
}
.rabatte h2 {
  padding: 10px 0 10px 0;
}
.rabatte .right {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .rabatte .left {
    float: left;
    width: 70%;
  }
  .rabatte .right {
    display: block;
    width: 25%;
    padding-left: 5%;
    float: right;
  }
  .rabatte .right img {
    max-width: 100%;
  }
}
@media (max-width: 1025px) {
  #tsbadge4_db8d3657bdbe440c985ae127463eaad4 {
    display: none !important;
  }
}
/* Main Navigation */
/* --[] ---------------------------- */
.mainNav {
  position: absolute;
  z-index: 8000;
  display: inline-block;
  background: #fff;
  padding: 0 20px 20px 20px;
}
.mainNav-content .only-mobile {
  display: none;
}
.mainNav-logo a {
  width: 93px;
  height: 75px;
  margin-right: 27px;
  background: url('../images/baseMatrix.jpg') no-repeat;
  float: left;
}
@media (max-width: 1200px) {
  .mainNav-logo a {
    margin-right: 15px;
  }
}
.mainNav-contact {
  float: left;
  font-family: robotolight;
  font-size: 24px;
  white-space: nowrap;
}
.mainNav-contact a,
.mainNav-contact a:visited {
  color: #292521;
  text-decoration: none;
  text-transform: uppercase;
}
.header {
  position: fixed;
  z-index: 8100;
  will-change: transform;
  transition: transform .2s linear;
  width: 100%;
}
.header + * {
  padding-top: 20px;
}
@media (min-width: 801px) {
  .header + * {
    padding-top: 181px;
  }
}
body.nav-expand .header {
  transform: translateY(0%);
}
body.nav-expand .header #mobile-header {
  transform: translateY(0%);
}
body.nav-expand.below-offset .header .mainNav {
  -webkit-box-shadow: 0px -5px 10px 3px #000000;
  -moz-box-shadow: 0px -5px 10px 3px #000000;
  box-shadow: 0px -5px 10px 3px #000000;
}
body.nav-collapse .header {
  transform: translateY(-100%);
}
body.nav-collapse .header #mobile-header {
  display: none;
}
.category-top-text {
  margin: 20px 20px 10px 20px;
  line-height: 24px;
}
.mainNav-firstLevelNav-active,
.mainNav-firstLevelNav > ul > li:hover > a,
.mainNav-firstLevelNav > ul > li.active > a {
  color: #263587 !important;
  border-bottom: 3px solid #263587;
}
.mainNav-secondLevelNav-claim,
.mainNav-secondLevelNav-TrustedShops {
  display: none;
}
.mainNav-secondLevelNav-TrustedShops a {
  width: 75px;
  height: 75px;
  display: block;
  background: url('../images/baseMatrix.jpg') -93px 0 no-repeat;
}
.mainNav-secondLevelNav-TrustedShops a span {
  display: none;
}
.mainNav-secondLevelNav-cart .imageMatrix {
  width: 6px;
  height: 7px;
  float: right;
  margin: 6px 0 0 10px;
  background: url('../images/baseMatrix.jpg') -168px 0 no-repeat;
}
.mainNav-secondLevelNav-cart a {
  font-family: robotoregular;
  font-size: 18px;
  color: #292521;
  text-decoration: none;
  text-transform: uppercase;
  background: url('../images/baseMatrix.jpg') -2000px -2000px no-repeat;
}
.mainNav-secondLevelNav-cart a.fa-shopping-cart {
  font-family: FontAwesome;
}
.mainNav-secondLevelNav-links,
.mainNav-secondLevelNav-links a,
.mainNav-secondLevelNav-links a:visited {
  font-family: robotolight;
  font-size: 14px;
  color: #292521;
  text-decoration: none;
}
.mainNav-wrapper {
  display: inline-block;
}
.mainNav-secondLevelNav {
  padding-left: 130px;
}
.mainNav-secondLevelNav ul {
  padding-top: 30px;
  font-size: 18px;
  font-family: robotolight;
  float: left;
}
.mainNav-secondLevelNav ul li {
  float: left;
}
.mainNav-secondLevelNav ul li:not(:last-child):after {
  content: '|';
  padding: 0 10px;
}
.mainNav-secondLevelNav .mainNav-secondLevelNav-linkSection {
  padding-right: 35px;
  z-index: 10000;
  float: right;
}
.mainNav-secondLevelNav:after {
  content: '';
  clear: both;
  display: block;
}
.mainNav-secondLevelNav-linkSection {
  margin: 10px 0 0 10px;
  padding: 10px 10px 27px 10px;
  position: relative;
}
.mainNav-secondLevelNav-linkSection .cart-content {
  display: none;
  position: absolute;
  box-sizing: border-box;
  width: 350px;
  padding: 25px 0 20px;
  background: rgba(0, 0, 0, 0.8);
  right: 0;
  top: 100%;
  color: #fff;
}
.mainNav-secondLevelNav-linkSection .cart-content p.block-subtitle {
  font-family: robotothin;
  font-size: 24px;
  line-height: 1.2em;
  padding: 0 20px;
}
.mainNav-secondLevelNav-linkSection .cart-content ol.mini-products-list li.item {
  overflow: hidden;
  position: relative;
  padding: 30px 20px 20px;
}
.mainNav-secondLevelNav-linkSection .cart-content ol.mini-products-list li.item a.remove-cart-item {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 30px;
  right: 20px;
  cursor: pointer;
  background: url(../images/remove-cart-item.png) no-repeat center center;
}
.mainNav-secondLevelNav-linkSection .cart-content ol.mini-products-list li.item img.product-img {
  display: block;
  float: left;
  margin-right: 15px;
  width: 70px;
  height: auto;
}
.mainNav-secondLevelNav-linkSection .cart-content ol.mini-products-list li.item h4.product-heading {
  font-family: robotoblack;
  font-size: 18px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  line-height: 15px;
  margin-right: 20px;
  color: #fff;
}
.mainNav-secondLevelNav-linkSection .cart-content ol.mini-products-list li.item span.product-subline {
  display: block;
  font-family: robotoregular;
  font-size: 12px;
  letter-spacing: -0.04em;
  line-height: 15px;
  margin-right: 20px;
}
.mainNav-secondLevelNav-linkSection .cart-content ol.mini-products-list li.item span.product-price {
  margin-top: 25px;
  display: block;
  font-family: robotoregular;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 15px;
}
.mainNav-secondLevelNav-linkSection .cart-content ol.mini-products-list li.item span.product-price span {
  display: inline-block;
}
.mainNav-secondLevelNav-linkSection .cart-content ol.mini-products-list li.item span.product-price span + span {
  padding-left: 10px;
  border-left: 1px solid #fff;
  margin-left: 10px;
}
.mainNav-secondLevelNav-linkSection .cart-content ol.mini-products-list li.item + li.item {
  border-top: 1px solid #474747;
}
.mainNav-secondLevelNav-linkSection .cart-content .cart-value {
  padding: 10px 30px 10px 20px;
  margin-top: 20px;
  border-top: 1px solid #474747;
  border-bottom: 1px solid #474747;
  text-align: right;
}
.mainNav-secondLevelNav-linkSection .cart-content .cart-value span {
  font-family: robotothin;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}
.mainNav-secondLevelNav-linkSection .cart-content .cart-value span + span {
  font-family: robotoblack;
  font-size: 18px;
  letter-spacing: -0.04em;
  text-transform: none;
}
.mainNav-secondLevelNav-linkSection .cart-content .cart-links {
  overflow: hidden;
  padding: 10px 30px;
}
.mainNav-secondLevelNav-linkSection .cart-content .cart-links a {
  display: block;
  float: left;
  padding: 5px 10px;
  font-family: robotoblack;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  background: #000;
  color: #fff;
  border: 1px solid #838383;
  text-decoration: none;
}
.mainNav-secondLevelNav-linkSection .cart-content .cart-links a + a {
  padding: 5px 15px;
  margin-left: 20px;
  background: #fff;
  color: #000;
  border-color: #1b2a39;
}
.mainNav-secondLevelNav-linkSection .cart-content .cart-links a:hover {
  text-decoration: underline;
}
.mainNav-secondLevelNav-linkSection .cart-content .cart-hint span {
  display: block;
  text-align: center;
  font-family: robotothin;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 15px;
  clear: both;
}
.mainNav-secondLevelNav-linkSection:hover {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.mainNav-secondLevelNav-linkSection:hover .mainNav-secondLevelNav-cart a {
  color: #fff;
}
.mainNav-secondLevelNav-linkSection:hover .mainNav-secondLevelNav-links span {
  color: #fff;
}
.mainNav-secondLevelNav-linkSection:hover .mainNav-secondLevelNav-links a {
  color: #fff;
}
.mainNav-secondLevelNav-linkSection:hover .cart-content {
  display: block;
}
.mainNav-secondLevelNav-linkSection:hover .imageMatrix {
  display: none;
}
.mainNav-secondLevelNav-linkSection:after {
  content: '';
  clear: both;
  display: block;
}
.mainNav-firstLevelNav {
  display: inline-block;
  padding: 0 0 45px 130px;
  position: relative;
}
.mainNav-firstLevelNav .mainNav-logo {
  position: absolute;
  left: 0;
  top: 0;
}
.mainNav-firstLevelNav > ul > li.active > ul.md-menu {
  visibility: visible;
  left: 0;
  right: 0;
}
.mainNav-firstLevelNav ul li {
  font-family: robotolight;
  font-size: 24px;
  white-space: nowrap;
  padding-right: 55px;
}
.mainNav-firstLevelNav ul li a,
.mainNav-firstLevelNav ul li a:visited {
  color: #292521;
  text-decoration: none;
  text-transform: uppercase;
}
.mainNav-firstLevelNav ul li.active > ul {
  display: block !important;
}
.mainNav-firstLevelNav ul li ul.top {
  border-top: 1px solid #444440;
  position: absolute;
  left: 0;
  margin-top: 7px;
}
.mainNav-firstLevelNav ul li ul.top > li {
  float: left;
}
.mainNav-firstLevelNav ul li ul.top > li.hover {
  background: #263587;
}
.mainNav-firstLevelNav ul li ul.top > li.hover a {
  color: #fff;
}
.mainNav-firstLevelNav ul li ul.top > li.hover ul.md-menu {
  visibility: visible;
  left: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .mainNav-firstLevelNav ul li ul {
    left: 108px;
  }
}
.mainNav-firstLevelNav ul li ul li {
  font-family: robotolight;
  font-size: 15px;
  padding: 15px 5px;
}
.mainNav-firstLevelNav ul li ul li.active {
  background-color: #263587 !important;
}
.mainNav-firstLevelNav ul li ul li.active a {
  color: #FFF;
}
.mainNav-firstLevelNav ul li ul.md-menu {
  min-height: 310px;
  border: 0 none;
  border-top: 1px dotted #fff;
  margin: 15px 0 0;
  position: absolute;
  visibility: hidden;
  background: #FFF;
  float: none;
  overflow: hidden;
  box-shadow: 0 4px 7px #333;
}
.mainNav-firstLevelNav ul li ul.md-menu .column > li {
  float: none;
  padding: 0 0 15px;
  white-space: normal;
}
.mainNav-firstLevelNav ul li ul.md-menu .column > li a {
  color: #fff;
  font-family: robotoregular;
  font-size: 18px;
  display: block;
  text-transform: none;
}
.mainNav-firstLevelNav ul li ul.md-menu .column > li a span {
  display: block;
  font-family: robotoregular;
  font-size: 12px;
}
.mainNav-firstLevelNav ul li ul.md-menu .column > li a:hover {
  text-decoration: underline;
}
.mainNav-firstLevelNav ul li ul.md-menu .column {
  float: left;
}
.mainNav-firstLevelNav ul li ul.md-menu .column > li {
  padding: 0;
  margin: 26px;
}
.mainNav-firstLevelNav ul li ul.md-menu > li {
  min-height: 310px;
  padding: 0 !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.navigation {
  background: #263587;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info {
  overflow: hidden;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container {
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: auto;
  position: relative;
  padding: 25px 35px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container.coloured-bg {
  color: #FFF;
  text-shadow: 2px 2px #333;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container.coloured-bg .textbox {
  padding: 5px;
  background: rgba(0, 0, 0, 0.7);
  width: 75%;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container.coloured-bg .textbox.contactbox {
  position: absolute;
  bottom: 20px;
  left: 35px;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container.coloured-bg .textbox.contactbox .tel,
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container.coloured-bg .textbox.contactbox .mail,
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container.coloured-bg .textbox.contactbox .contact-link {
  padding: 10px 0;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container.coloured-bg .textbox.contactbox .tel a,
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container.coloured-bg .textbox.contactbox .mail a,
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container.coloured-bg .textbox.contactbox .contact-link a {
  color: #FFF;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container.coloured-bg .textbox.contactbox .contact-link {
  color: #FFF;
  display: block;
  text-decoration: underline;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container.coloured-bg .textbox.contactbox .label {
  width: 100px;
  display: inline-block;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container.coloured-bg .textbox.handmade {
  position: absolute;
  right: 35px;
  bottom: 20px;
  display: inline-block;
  width: auto;
  font-size: 24px;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container .headline {
  font-size: 24px;
  text-transform: uppercase;
  white-space: normal;
  margin-bottom: 15px;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container ul {
  margin-left: 18px;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container ul li {
  list-style-type: disc;
  font-style: italic;
  padding: 5px 0;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container .bubble {
  position: absolute;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 110px;
  height: 110px;
  background: url('../images/bubble.png');
  text-align: center;
  color: #FFF;
  padding-top: 20px;
  font-size: 12px;
  line-height: 20px;
  font-style: italic;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container .landing-button {
  position: absolute;
  bottom: 20px;
  left: 35px;
  display: inline-block;
  background: #2b2222;
  color: #FFF;
  height: 35px;
  line-height: 35px;
  padding: 0 12px;
  text-transform: none;
  padding-right: 40px;
}
.mainNav-firstLevelNav ul li ul.md-menu > li.nav-info .container .landing-button:after {
  content: '\203A';
  padding-left: 20px;
  display: inline;
  font-size: 25px;
  position: absolute;
  right: 16px;
  top: -2px;
}
.mainNav-firstLevelNav ul li ul.md-menu:after {
  content: '';
  clear: both;
  display: block;
}
.mainNav-firstLevelNav:after {
  content: '';
  clear: both;
  display: block;
}
.mainNav-secondLevelNav-links a:hover {
  text-decoration: underline;
}
.page-4-rows .mainNav-secondLevelNav-TrustedShops {
  display: block;
  float: left;
}
.page-4-rows .mainNav-secondLevelNav-linkSection {
  margin: 10px 0 0 10px;
  padding: 10px 10px 27px 10px;
  position: relative;
}
.page-4-rows .mainNav-firstLevelNav > ul {
  display: flex;
  justify-content: space-between;
  width: 800px;
}
.page-4-rows .mainNav-firstLevelNav > ul > li {
  float: left;
}
.page-4-rows .mainNav-secondLevelNav {
  position: relative;
}
.page-3-rows .mainNav-firstLevelNav:not(li) > ul > li,
.page-3-rows .mainNav-contact {
  font-size: 20px;
}
.page-3-rows .mainNav-firstLevelNav:not(li) > ul > li {
  padding-right: 10px;
  margin-right: 0;
  height: 27px;
}
.page-3-rows .mainNav-firstLevelNav:not(li) > ul > li.badge {
  padding-right: 35px;
}
.page-3-rows .mainNav-firstLevelNav:not(li) > ul > li.last {
  padding-right: 0;
}
.page-3-rows .mainNav-firstLevelNav:not(li) > ul > li ul {
  margin-top: 6px;
}
.page-3-rows .mainNav-secondLevelNav-linkSection {
  position: absolute;
  margin: -23px 0 0 745px;
  padding: 10px 10px 7px 10px;
  right: 35px;
  top: 25px;
}
.page-3-rows .mainNav-firstLevelNav {
  padding-top: 10px;
}
.page-3-rows .mainNav-firstLevelNav > ul > li {
  float: left;
}
.page-3-rows .mainNav-secondLevelNav > ul {
  padding-top: 10px;
  padding-bottom: 10px;
}
.page-2-rows .mainNav {
  top: 0;
  height: 173px;
  position: fixed;
  display: none;
}
.page-2-rows .mainNav-wrapper {
  position: absolute;
  display: none;
  background: #263587;
  width: 100%;
  height: 59px;
  margin-top: 90px;
  left: 0;
}
.page-2-rows .mainNav-secondLevelNav-claim {
  position: absolute;
  left: 0;
  margin-left: 61px;
  display: block;
  font-family: robotothin;
  font-size: 24px;
  color: #292521;
  text-transform: uppercase;
  margin-top: 40px;
}
.page-2-rows .mainNav-logo a {
  width: 69px;
  height: 56px;
  background-position: -174px 0;
  float: right;
  margin: 20px 0 0 0;
}
.page-2-rows .mainNav-firstLevelNav ul li,
.page-2-rows .mainNav-secondLevelNav-links {
  display: none;
}
.page-2-rows .mainNav-contact {
  float: right;
  border-left: 1px solid #fff;
  padding: 0 20px 0 20px;
  margin-top: -14px;
}
.page-2-rows .mainNav-contact a {
  font-size: 24px;
  color: #fff;
  font-family: robotothin;
}
.page-2-rows .mainNav-secondLevelNav-cart {
  float: right;
  padding-right: 20px;
  margin-top: -14px;
}
.page-2-rows .mainNav-secondLevelNav-cart a {
  font-size: 24px;
  color: #fff;
}
.page-2-rows .mainNav-hamburgerLink {
  position: absolute;
  margin: 6px 0 0 55px;
  height: 45px;
  width: 45px;
  background: url('../images/baseMatrix.jpg') -243px 0 no-repeat;
  cursor: pointer;
}
.page-2-rows .mainNav-secondLevelNav-cart .imageMatrix {
  display: none;
}
/* badges */
.mainNav-firstLevelNav.columnized > ul > li > ul {
  display: none;
  visibility: visible;
}
.mainNav-firstLevelNav > ul {
  position: relative;
}
.mainNav-firstLevelNav > ul > li {
  padding-right: 30px;
  margin-right: 0;
  height: 31px;
}
.mainNav-firstLevelNav > ul > li.badge {
  padding-right: 40px;
}
.mainNav-firstLevelNav > ul > li.last {
  padding-right: 0;
}
.mainNav-firstLevelNav > ul > li > a.cart-badge {
  position: relative;
}
.mainNav-firstLevelNav > ul > li > a.cart-badge:after {
  position: absolute;
  right: -23px;
  top: -3px;
  content: attr(data-cart);
  background: #263587;
  border-radius: 2px;
  color: #fff;
  font-family: robotoblack;
  font-size: 12px;
  padding: 3px 6px;
}
body.page-3-rows .mainNav-firstLevelNav > ul > li > a.cart-badge:after {
  top: 3px;
  right: -25px;
}
.mainNav-firstLevelNav > ul > li > ul {
  visibility: hidden;
  background: #fff;
  width: 800px;
}
.mainNav-firstLevelNav > ul > li > ul > li > a.cart-badge {
  position: relative;
  margin-right: 35px;
}
.mainNav-firstLevelNav > ul > li > ul > li > a.cart-badge:after {
  position: absolute;
  right: -28px;
  top: 0;
  content: attr(data-cart);
  background: #263587;
  border-radius: 2px;
  color: #fff;
  font-family: robotoblack;
  font-size: 16px;
  padding: 3px 6px;
}
.fabric-cart-wrapper .fabric-left {
  float: left;
  width: 640px;
  position: relative;
  transform: translate3d(0, 0, 0);
  transition: transform .3s;
}
.fabric-cart-wrapper .fabric-left form.show-validations input.ng-invalid,
.fabric-cart-wrapper .fabric-left form.show-validations select.ng-invalid {
  border-color: #d00;
}
.fabric-cart-wrapper .fabric-left.active {
  transform: translate3d(-100%, 0, 0);
}
.fabric-cart-wrapper .fabric-left .dashed-nav {
  padding: 0;
}
.fabric-cart-wrapper .fabric-left .dashed-nav .dashed-nav-left {
  padding-top: 50px;
  display: block;
}
.fabric-cart-wrapper .fabric-left a.prev-view {
  background: url(../images/lightbox/back.png) no-repeat left center;
  padding-left: 15px;
}
.fabric-cart-wrapper .fabric-left .slick-slider {
  width: 600px;
  padding: 0 60px 0 90px;
  margin: 0;
}
.fabric-cart-wrapper .fabric-left .slick-slider .slick-slide {
  cursor: pointer;
}
.fabric-cart-wrapper .fabric-left .group-container .slick-slider .fabric-group-item {
  box-sizing: border-box;
  width: 140px;
  height: 140px;
  margin: 0 5px;
  border: 3px solid #e0dfdf;
  overflow: hidden;
  transition: border-color 0.5s ease;
}
.fabric-cart-wrapper .fabric-left .group-container .slick-slider .fabric-group-item:hover,
.fabric-cart-wrapper .fabric-left .group-container .slick-slider .fabric-group-item.active {
  border-color: #263587;
}
.fabric-cart-wrapper .fabric-left .group-container .slick-slider .fabric-group-item .title {
  text-align: center;
  font-family: robotoregular;
  font-size: 16px;
  line-height: 21.5px;
  padding: 5px 0 10px;
}
.fabric-cart-wrapper .fabric-left .group-container .slick-slider .fabric-group-item .image-wrapper {
  height: 90px;
}
.fabric-cart-wrapper .fabric-left .group-container .slick-slider .fabric-group-item .image-wrapper img {
  display: block;
  height: 100%;
  margin: auto;
}
.fabric-cart-wrapper .fabric-left .sample-container {
  background: #e0e0e0;
  box-shadow: 0 50px 50px -50px rgba(100, 100, 100, 0.8) inset;
  height: 200px;
  position: relative;
}
.fabric-cart-wrapper .fabric-left .sample-container .loading-indicator {
  transition: opacity 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
.fabric-cart-wrapper .fabric-left .sample-container .loading-indicator.loading {
  opacity: 1;
}
.fabric-cart-wrapper .fabric-left .sample-container .loading-indicator .center-helper {
  display: inline-block;
  height: 50%;
  margin-top: 25px;
}
.fabric-cart-wrapper .fabric-left .sample-container .loading-indicator i {
  font-size: 50px;
  color: #8e8e8e;
}
.fabric-cart-wrapper .fabric-left .sample-container .sample-slider-wrapper {
  transition: opacity 0.5s ease;
  opacity: 1;
}
.fabric-cart-wrapper .fabric-left .sample-container .sample-slider-wrapper.loading {
  opacity: 0;
}
.fabric-cart-wrapper .fabric-left .sample-container .sample-slider-wrapper > .sample-item {
  visibility: hidden;
}
.fabric-cart-wrapper .fabric-left .sample-container .slick-slider {
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 0;
}
.fabric-cart-wrapper .fabric-left .sample-container .slick-slider .sample-item {
  box-sizing: border-box;
  width: 140px;
  height: 140px;
  margin: 0 5px;
  border: 3px solid #e0dfdf;
  background: #fff;
  overflow: hidden;
}
.fabric-cart-wrapper .fabric-left .sample-container .slick-slider .sample-item > label {
  position: static;
}
.fabric-cart-wrapper .fabric-left .sample-container .slick-slider .sample-item .title {
  text-align: center;
  font-family: robotoregular;
  font-size: 16px;
  line-height: 21.5px;
  padding: 5px 0;
  background-color: #FFF;
}
.fabric-cart-wrapper .fabric-left .sample-container .slick-slider .sample-item .image-wrapper {
  height: 100px;
  overflow: hidden;
}
.fabric-cart-wrapper .fabric-left .sample-container .slick-slider .sample-item .image-wrapper img {
  display: block;
  width: 100%;
}
.fabric-cart-wrapper .fabric-left .sample-container .slick-slider .sample-item .actions {
  display: block;
  margin-top: 3px;
  text-align: center;
  width: 100%;
  background-color: #fff;
  position: absolute;
  bottom: 0;
}
.fabric-cart-wrapper .fabric-left .sample-container .slick-slider .sample-item .actions input {
  display: inline-block;
  vertical-align: middle;
}
.fabric-cart-wrapper .fabric-left .sample-container .slick-slider .sample-item .actions span {
  display: inline-block;
  vertical-align: middle;
  font-family: robotoregular;
  font-size: 14px;
  line-height: 24px;
}
.fabric-cart-wrapper .fabric-left .fabric-container .slick-slider .sample-item {
  box-sizing: border-box;
  width: 140px;
  height: 140px;
  margin: 0 5px;
  border: 3px solid #e0dfdf;
  background: #fff;
  overflow: hidden;
}
.fabric-cart-wrapper .fabric-left .fabric-container .slick-slider .sample-item .title {
  text-align: center;
  font-family: robotoregular;
  font-size: 16px;
  line-height: 21.5px;
  padding: 5px 0;
}
.fabric-cart-wrapper .fabric-left .fabric-container .slick-slider .sample-item .image-wrapper {
  height: 75px;
  overflow: hidden;
}
.fabric-cart-wrapper .fabric-left .fabric-container .slick-slider .sample-item .image-wrapper img {
  display: block;
  width: 100%;
}
.fabric-cart-wrapper .fabric-left .fabric-container .slick-slider .sample-item .actions {
  display: inline-block;
  margin-top: 3px;
  text-align: center;
  width: 100%;
}
.fabric-cart-wrapper .fabric-left .fabric-container .slick-slider .sample-item .actions input {
  display: inline-block;
  vertical-align: middle;
}
.fabric-cart-wrapper .fabric-left .fabric-container .slick-slider .sample-item .actions label {
  display: inline-block;
  vertical-align: middle;
  font-family: robotoregular;
  font-size: 14px;
  line-height: 24px;
}
.fabric-cart-wrapper .fabric-left .dashed-nav-spacer.indicator-center-arrow {
  height: 25px !important;
}
.fabric-cart-wrapper .fabric-left .dashed-nav-spacer.indicator-center-arrow:after {
  top: 25px;
}
.fabric-cart-wrapper .fabric-left .config-summary {
  padding: 50px 0 50px;
}
.fabric-cart-wrapper .fabric-left .config-summary p {
  text-align: center;
  color: #292521;
  font-family: robotoblack;
  font-size: 14px;
  line-height: 24px;
  padding: 0;
  margin: 0 0 30px;
}
.fabric-cart-wrapper .fabric-left .config-summary .linkButton {
  display: block;
  margin: 0 auto;
  width: 320px;
}
.fabric-cart-wrapper .fabric-left .config-summary .linkButton i {
  color: #FFF;
  margin-right: 10px;
}
.fabric-cart-wrapper .fabric-left form.short-label {
  padding-bottom: 30px;
}
.fabric-cart-wrapper .fabric-left form.short-label .form-row label {
  width: 100px;
}
.fabric-cart-wrapper .fabric-left form.short-label .form-row select {
  width: 408px;
}
.fabric-cart-wrapper .fabric-left form.short-label .form-row input[type=text],
.fabric-cart-wrapper .fabric-left form.short-label .form-row input[type=email],
.fabric-cart-wrapper .fabric-left form.short-label .form-row textarea {
  width: 400px;
  max-height: 100px;
  overflow: auto;
}
.fabric-cart-wrapper .fabric-left form.short-label .form-row .input-short {
  display: inline-block;
}
.fabric-cart-wrapper .fabric-left form.short-label .form-row .input-short select {
  width: 140px;
}
.fabric-cart-wrapper .fabric-left form.short-label .form-row .input-short input[type=text],
.fabric-cart-wrapper .fabric-left form.short-label .form-row .input-short textarea {
  width: 132px;
}
.fabric-cart-wrapper .fabric-left form.short-label .form-row .input-short + .input-short {
  margin-left: 20px;
}
.fabric-cart-wrapper .fabric-left .fabric-order {
  position: absolute;
  width: 100%;
  left: 100%;
  top: 0;
}
.fabric-cart-wrapper .fabric-right {
  position: absolute;
  padding: 35px 0 0 30px;
  box-sizing: border-box;
  width: 300px;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../images/lightbox/lightbox-group-select-side.jpg) no-repeat 0 0;
}
.fabric-cart-wrapper .fabric-right .fabric-right-logo img {
  float: none;
  display: block;
}
.fabric-cart-wrapper .fabric-right .fabric-right-step-indicator {
  margin-top: 10px;
  width: 106px;
  border-bottom: 2px solid #fff;
  padding: 5px 0;
}
.fabric-cart-wrapper .fabric-right .fabric-right-step-indicator span {
  font-size: 18px;
  line-height: 27px;
  font-family: robotoregular;
  color: #fff;
}
.fabric-cart-wrapper .fabric-right .fabric-right-step-indicator span span {
  font-family: robotoblack;
}
.fabric-cart-wrapper .fabric-right .fabric-right-step-claim {
  margin-top: 10px;
}
.fabric-cart-wrapper .fabric-right .fabric-right-step-claim span {
  display: block;
  font-size: 48px;
  line-height: 1.2em;
  font-family: robotothin;
  color: #fff;
}
.fabric-cart-wrapper.reverse .fabric-left {
  transform: translate3d(100%, 0, 0);
}
.fabric-cart-wrapper.reverse .fabric-left .fabric-selection {
  position: absolute;
  width: 100%;
  right: 100%;
  top: 0;
}
.fabric-cart-wrapper.reverse .fabric-left .fabric-order {
  position: static;
  width: auto;
  left: unset;
  top: unset;
}
.fabric-cart-wrapper.reverse .fabric-left.active {
  transform: translate3d(0, 0, 0);
}
.configurator-box .fancybox-inner {
  -ms-transition: height .3s;
  -webkit-transition: height .3s;
  transition: height .3s;
}
/*
.phoneFixedHeader-offset {
    margin-top: 45px;
    display: none;

    body.page-2-rows & {
        display: block;
    }
}
*/
#mobile-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 25;
  transform: translate(0, 0);
  display: none;
}
body.page-2-rows #mobile-top {
  display: block;
}
body.page-2-rows #mobile-top #mobile-header {
  overflow: hidden;
  padding: 2% 5%;
  background: #fff;
}
body.page-2-rows #mobile-top #mobile-header .mobile-header-claim {
  display: block;
  float: left;
  font-family: robotothin;
  font-size: 18px;
  line-height: 75px;
  color: #292521;
  text-transform: uppercase;
}
@media (max-width: 800px) {
  body.page-2-rows #mobile-top #mobile-header .mobile-header-claim {
    font-size: 20px;
  }
}
body.page-2-rows #mobile-top #mobile-header .mobile-header-logo {
  width: 93px;
  height: 75px;
  background-position: -174px 0;
  float: right;
  background: url('../images/baseMatrix.jpg') no-repeat;
}
@media (max-width: 450px) {
  body.page-2-rows #mobile-top #mobile-header .mobile-header-logo {
    width: 51px;
    height: 42px;
    background-size: 313%;
    margin-top: 15px;
  }
}
body.page-2-rows #mobile-top #mobile-nav {
  padding: 60px 0 0;
  background: #263587;
  position: relative;
  height: 60px;
  border-bottom: 1px solid #fff;
  overflow: hidden;
  will-change: height;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.page-2-rows #mobile-top #mobile-nav * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.page-2-rows #mobile-top #mobile-nav .mainNav-firstLevelNav-active {
  color: #fff !important;
}
body.page-2-rows #mobile-top #mobile-nav .mobile-nav-control {
  display: block;
  width: 80px;
  height: 60px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
body.page-2-rows #mobile-top #mobile-nav .mobile-nav-control .sandwich {
  margin: 7px 0 0 10px;
  position: relative;
  display: block;
  background: url('../images/baseMatrix.jpg') -243px 0 no-repeat;
  width: 39px;
  height: 35px;
  padding: 0;
}
body.page-2-rows #mobile-top #mobile-nav .mobile-nav-quicklinks {
  position: absolute;
  top: 15px;
  right: 0;
  overflow: hidden;
}
body.page-2-rows #mobile-top #mobile-nav .mobile-nav-quicklinks > a {
  display: block;
  float: left;
  height: 30px;
  padding: 5px 15px;
  cursor: pointer;
  color: #fff;
  font-family: robotoblack;
  text-decoration: none;
}
body.page-2-rows #mobile-top #mobile-nav .mobile-nav-quicklinks > a:hover {
  text-decoration: none;
}
body.page-2-rows #mobile-top #mobile-nav .mobile-nav-quicklinks > a > span {
  display: block;
  height: 19px;
}
body.page-2-rows #mobile-top #mobile-nav .mobile-nav-quicklinks > a + a {
  font-family: robotoregular;
}
body.page-2-rows #mobile-top #mobile-nav .mobile-nav-quicklinks .mobile-nav-contact span {
  text-transform: uppercase;
  font-family: robotoblack;
  color: #fff;
}
body.page-2-rows #mobile-top #mobile-nav .mobile-nav-quicklinks .mobile-nav-search {
  border-left: 1px solid #fff;
}
body.page-2-rows #mobile-top #mobile-nav .mobile-nav-quicklinks .mobile-nav-search span {
  width: 19px;
}
body.page-2-rows #mobile-top #mobile-nav > h3 {
  display: none;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > .menu-head {
  background: #292521;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > .menu-head span {
  font-family: robotoregular;
  color: #fff;
  font-size: 24px;
  display: block;
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 30px;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li {
  float: none;
  overflow: hidden;
  border-bottom: 1px solid #fff;
  padding: 0;
  z-index: 5;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li.active {
  border-color: #fff;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li.hover {
  border-color: #fff;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li.hover.parent > a:after {
  content: none;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li.open > ul {
  display: block;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li + li {
  margin-left: 0;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li > a {
  display: block;
  height: 60px;
  line-height: 60px;
  width: 100%;
  float: left;
  font-family: robotoblack;
  color: #fff;
  font-size: 30px;
  padding: 0 0 0 30px;
  text-decoration: none;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li > a:hover {
  text-decoration: none;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li ul {
  list-style: none outside none;
  padding: 0;
  position: absolute;
  display: none;
  right: auto;
  left: 100%;
  top: 0;
  margin: 0;
  width: 100%;
  height: auto;
  background: #263587;
  z-index: 10;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li ul > .menu-head {
  background: #292521;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li ul > .menu-head a {
  width: 100%;
  color: #fff;
  font-size: 24px;
  display: block;
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 60px;
  background: url(../images/mobile-back-arrow-white.png) no-repeat 30px center;
  cursor: pointer;
  font-family: robotothin;
  text-decoration: none;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li ul > .menu-head a:hover {
  text-decoration: none;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li ul li {
  float: none;
  overflow: hidden;
  border-bottom: 1px solid #fff;
  padding: 0;
  z-index: 5;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li ul li a {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  float: left;
  font-family: robotoblack;
  color: #fff;
  font-size: 30px;
  padding: 0 0 0 30px;
  text-decoration: none;
}
body.page-2-rows #mobile-top #mobile-nav .main-nav-wrapper > ul > li ul li a:hover {
  text-decoration: none;
}
#mobile-top .desktop-only {
  display: none;
}
.ui-icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
}
.fabric-order form {
  display: inline-block;
  opacity: 1;
  transition: opacity .3s linear;
}
.fabric-order form.submitted input.ng-invalid,
.fabric-order form.submitted textarea.ng-invalid,
.fabric-order form.submitted select.ng-invalid {
  border: 1px solid red !important;
}
.fabric-order form.disabled {
  opacity: 0.4;
}
.fabric-order form.disabled .overlay {
  display: block;
}
.fabric-order form .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.form-lightbox .lightbox-2col-right-text p {
  padding-right: 20px !important;
  margin-top: 20px !important;
}
.form-lightbox .lightbox-form {
  padding: 20px 0;
}
.form-lightbox .lightbox-form textarea {
  min-height: 100px;
  max-height: 240px;
  width: 475px !important;
  font-family: robotoregular;
}
.form-lightbox .actions {
  margin-top: 35px;
  margin-bottom: 35px;
}
.form-lightbox .actions .button-spinner {
  margin-right: 10px;
  color: #fff;
}
.form-lightbox form {
  display: inline-block;
  opacity: 1;
  transition: opacity .3s linear;
}
.form-lightbox form.submitted input.ng-invalid,
.form-lightbox form.submitted textarea.ng-invalid,
.form-lightbox form.submitted select.ng-invalid {
  border: 1px solid red !important;
}
.form-lightbox form.disabled {
  opacity: 0.4;
}
.form-lightbox form.disabled .overlay {
  display: block;
}
.form-lightbox form .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.form-lightbox form .linkButton-black.success {
  background-color: #263587;
}
.form-lightbox input.ng-dirty.ng-invalid,
.form-lightbox textarea.ng-dirty.ng-invalid,
.form-lightbox select.ng-dirty.ng-invalid {
  border: 1px solid red !important;
}
.form-lightbox .form-row input {
  transition: border 1s linear;
}
.form-lightbox .form-row input.datehours,
.form-lightbox .form-row input.dateminutes {
  width: 2em !important;
  display: inline-block;
}
.form-lightbox .form-row input[type='number'] {
  font-size: 18px;
  border: 1px solid #292521;
  border-radius: 3px;
  padding: 3px;
  color: #292521;
  box-shadow: 0 8px 10px -10px rgba(0, 0, 0, 0.4) inset;
}
.form-lightbox .form-row em {
  color: red;
}
.form-lightbox .linkButton-black span {
  color: #fff;
  text-decoration: none;
  height: 29px;
  font-family: robotoregular;
  font-size: 14px;
  display: block;
  padding: 15px 0 0 20px;
  width: auto;
}
.form-lightbox .linkButton-black {
  margin: auto !important;
  display: block !important;
  cursor: pointer;
}
.form-lightbox .linkButton-black.success {
  background-color: #263587;
}
.productLP-intro-topNav-mobile {
  display: none;
  margin-left: 20px;
}
.productLP-intro-topNav-mobile .productLP-intro-topNav-nextPrev {
  margin-right: 20px;
}
/*phones*/
@media only screen and (max-device-width: 767px) and (orientation: portrait), (max-device-width: 767px) and (orientation: landscape), (max-width: 767px) {
  .mobile-padding > .wrapper > .content {
    padding-top: 120px;
  }
  .checkout-onepage-index .two-col-right .content.col-left {
    width: 100%;
  }
  .checkout-onepage-index .two-col-right .col-right {
    width: 100%;
    margin-top: 10px;
  }
  .checkout-onepage-index .two-col-right .col-right #checkout-progress-wrapper {
    padding-right: 10px;
  }
  .checkout-onepage-index .two-col-right .col-right .block {
    width: 100%;
  }
  .customer-account .col-main {
    width: 100%;
  }
  .customer-account .col-left {
    width: 100%;
  }
  .customer-account .col-left .block {
    width: 100%;
    border: none;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 768px) and (orientation: portrait), (max-width: 1280px) and (min-width: 768px) and (orientation: landscape) {
  .customer-account .col-main {
    width: 100%;
  }
  .customer-account .col-left {
    width: 100%;
  }
  .customer-account .col-left .block {
    width: 100%;
    border: none;
    padding-left: 20px;
  }
  .catalog-category-view .productDetailsBlock {
    width: 100%;
  }
  .catalog-category-view .placeholder-grid {
    display: none;
    height: 0;
  }
}
.fancybox-wrap.std {
  font-family: robotoregular, "Helvetica Neue", Verdana, Arial, sans-serif;
}
.fancybox-wrap.std .lightbox {
  padding: 20px;
}
/* Tools */
.hidden {
  display: block !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
.nobr {
  white-space: nowrap !important;
}
.wrap {
  white-space: normal !important;
}
.a-left {
  text-align: left !important;
}
.a-center {
  text-align: center !important;
}
.a-right {
  text-align: right !important;
}
.v-top {
  vertical-align: top;
}
.v-middle {
  vertical-align: middle;
}
.f-left,
.left {
  float: left !important;
}
.f-right,
.right {
  float: right !important;
}
.f-none {
  float: none !important;
}
.f-fix {
  float: left;
  width: 100%;
}
.no-display {
  display: none;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-bg {
  background: none !important;
}
.clear-fix {
  clear: both;
}
/* Structure */
.will-translate {
  transition: transform 0.6s linear;
}
.will-translate-slow {
  transition: transform 1s ease;
}
.padding-top {
  padding-top: 50px;
}
#sticky-configure-button {
  left: 0;
  width: 100%;
  overflow: hidden;
  position: fixed;
  background-color: #263587;
  top: 0;
  height: 48px;
  color: white;
  text-align: center;
  line-height: 48px;
  font-size: 20px;
  cursor: pointer;
  text-transform: uppercase;
  opacity: 1;
  font-weight: bold;
  z-index: 10000;
  /*position: fixed;
        top: -181px;*/

  /*&.headroom--pinned {
            display: block;
        }
        &.headroom--unpinned {
            display: none;
        }*/

}
#sticky-configure-button .headroom {
  will-change: transform;
  transition: transform 200ms linear;
}
#sticky-configure-button.headroom--pinned {
  transform: translateY(0%);
}
#sticky-configure-button.headroom--unpinned {
  transform: translateY(-100%);
}