@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.center {
  text-align: center; }

.container:after {
  content: "";
  display: table;
  clear: both; }

.row {
  display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; 
}

.gr-3, .gr-4, .gr-6, .gr-8, .gr-9, .gr-12 {
  -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; padding-left: 10px; 
}

@media screen and (max-width: 480px) {
  .gr-12\@mobile {
    -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; padding-left: 10px; 
  } 
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .gr-12\@tablet {
    -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; padding-left: 10px; 
  } 
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .gr-6\@desktop {
    -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; padding-left: 10px; 
  }
}

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: device-width; } }

.gr-3 {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.gr-4 {
  -webkit-flex-basis: 33.33333%;
  -moz-flex-basis: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
  max-width: 33.33333%; }

.gr-6 {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.gr-8 {
  -webkit-flex-basis: 66.66667%;
  -moz-flex-basis: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
  flex-basis: 66.66667%;
  max-width: 66.66667%; }

.gr-9 {
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.gr-12 {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.float-right {
  float: right; }

.row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.row-align-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

body {
  direction: ltr; }

@media screen and (max-width: 480px) {
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-12\@mobile {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .hide\@mobile {
    display: none; }
  body {
    direction: ltr; } }

@media screen and (min-width: 481px) and (max-width: 768px) {
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-12\@tablet {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  body {
    direction: ltr; } }

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .gr-6\@desktop {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  body {
    direction: ltr; } }

@media screen and (min-width: 1025px) and (max-width: 1400px) {
  body {
    direction: ltr; } }

@media screen and (min-width: 1400px) {
  body {
    direction: ltr; } }

@media (orientation: landscape) {
  body {
    direction: ltr; } }

[class*="gr-"] > [class^="row"] {
  margin-left: -10px;
  margin-right: -10px; }

@media screen and (max-width: 480px) {
  [class*="gr-"] > [class^="row"] {
    margin-left: -10px;
    margin-right: -10px; } }

@media screen and (min-width: 481px) and (max-width: 768px) {
  [class*="gr-"] > [class^="row"] {
    margin-left: -10px;
    margin-right: -10px; } }

@media screen and (min-width: 769px) and (max-width: 1024px) {
  [class*="gr-"] > [class^="row"] {
    margin-left: -10px;
    margin-right: -10px; } }

@media screen and (min-width: 1025px) and (max-width: 1400px) {
  [class*="gr-"] > [class^="row"] {
    margin-left: -10px;
    margin-right: -10px; } }

@media screen and (min-width: 1400px) {
  [class*="gr-"] > [class^="row"] {
    margin-left: -10px;
    margin-right: -10px; } }

@media (orientation: landscape) {
  [class*="gr-"] > [class^="row"] {
    margin-left: -10px;
    margin-right: -10px; } }

@font-face {
  font-family: 'MuseoSans-100';
  src: url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-100/MuseoSans-100.eot");
  /* IE9 Compatibility Modes */
  src: url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-100/MuseoSans-100.eot") format("embedded-opentype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-100/MuseoSans-100.otf") format("opentype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-100/MuseoSans-100.woff") format("woff"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-100/MuseoSans-100.ttf") format("truetype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-100/MuseoSans-100.svg#MuseoSans-100") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSans-300';
  src: url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-300/MuseoSans-300.eot");
  /* IE9 Compatibility Modes */
  src: url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-300/MuseoSans-300.eot") format("embedded-opentype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-300/MuseoSans-300.otf") format("opentype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-300/MuseoSans-300.woff") format("woff"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-300/MuseoSans-300.ttf") format("truetype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-300/MuseoSans-300.svg#MuseoSans-300") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSans-500';
  src: url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-500/MuseoSans-500.eot");
  /* IE9 Compatibility Modes */
  src: url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-500/MuseoSans-500.eot") format("embedded-opentype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-500/MuseoSans-500.otf") format("opentype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-500/MuseoSans-500.woff") format("woff"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-500/MuseoSans-500.ttf") format("truetype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-500/MuseoSans-500.svg#MuseoSans-500") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSans-700';
  src: url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-700/MuseoSans-700.eot");
  /* IE9 Compatibility Modes */
  src: url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-700/MuseoSans-700.eot") format("embedded-opentype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-700/MuseoSans-700.otf") format("opentype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-700/MuseoSans-700.woff") format("woff"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-700/MuseoSans-700.ttf") format("truetype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-700/MuseoSans-700.svg#MuseoSans-700") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSans-900';
  src: url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-900/MuseoSans-900.eot");
  /* IE9 Compatibility Modes */
  src: url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-900/MuseoSans-900.eot") format("embedded-opentype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-900/MuseoSans-900.otf") format("opentype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-900/MuseoSans-900.woff") format("woff"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-900/MuseoSans-900.ttf") format("truetype"), url("https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-900/MuseoSans-900.svg#MuseoSans-900") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal; }

html, body, div, span, h1, h2, p, a, img, strong, i, ul, li, fieldset, form, label, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
section {
  display: block; }

body {
  margin: 0;
  padding: 0;
  font-family: "MuseoSans-300";
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

ul {
  list-style: none; }

.header .middle {
  padding: 15px 0; }
  .header .middle img {
    width: 200px; }
  .header .middle .status-checkout {
    font-size: .85em; }
    .header .middle .status-checkout i {
      font-size: 1.2em; }

.header .top {
  font-family: "MuseoSans-100";
  color: #f3f3f3;
  height: 30px;
  line-height: 30px;
  background: black;
  text-transform: uppercase;
  font-size: .9em; }
  .header .top .row {
    margin: 0 10px; }
    .header .top .row * {
      padding: 0 20px; }
  .header .top .icons-support {
    text-align: right; }
  .header .top .myaccount {
    display: inline-block;
    cursor: default; }
  .header .top a {
    display: inline-block;
    color: #f3f3f3;
    text-decoration: none; }

strong {
  font-family: "MuseoSans-700"; }

.footer {
  min-height: 40px;
  background: #f3f3f3;
  position: relative; }
  .footer p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

.info {
  border-top: 4px solid #f3f3f3;
  width: 90%;
  margin: 0 auto; }
  .info .row {
    padding: 10px 0; }
  .info .info-text {
    text-transform: none;
    font-size: .9em; }
    .info .info-text strong {
      text-transform: uppercase; }

.text-right {
  text-align: right; }

.container {
  max-width: 1240px;
  margin: 0 auto;
  width: 90%; }

.container .top {
  padding: 10px 0 30px 0; }
  .container .top h1 {
    text-transform: uppercase;
    font-family: "MuseoSans-900";
    font-size: 3.2em;
    padding: 25px 0; }

.container .middle .single-product {
  padding: 20px 0; }

.container .middle .order-summary {
  padding: 20px 10px;
  min-height: 400px;
  background: #f3f3f3; 
}
@media only screen and (min-width: 768px){
  .container .middle .order-summary {
    padding: 20px 10px;
  }  
}

  .container .middle .order-summary h2 {
    text-transform: uppercase;
    font-family: "MuseoSans-900";
    font-size: 1.4em; }
  .container .middle .order-summary .product-summary {
    box-sizing: border-box;
    padding: 10px;
    width: calc(100% - 20px);
    margin: 12px auto;
    background: #fff; }
    .container .middle .order-summary .product-summary .product-info {
      padding: 5px; }
      .container .middle .order-summary .product-summary .product-info .title {
        font-family: "MuseoSans-700"; }
      .container .middle .order-summary .product-summary .product-info .model {
        padding: 0 0 8px 0;
        font-size: .92em; }
      .container .middle .order-summary .product-summary .product-info .price {
        font-family: "MuseoSans-700"; }
        .container .middle .order-summary .product-summary .product-info .price .oldprice {
          font-family: "MuseoSans-300";
          color: #ee3124;
          text-decoration: line-through;
          padding: 0 8px 0 0; }
      .container .middle .order-summary .product-summary .product-info .action {
        margin-top: 10px; }
        .container .middle .order-summary .product-summary .product-info .action a {
          padding: 0 10px 0 0; }
        .container .middle .order-summary .product-summary .product-info .action .edit {
          color: black; }
        .container .middle .order-summary .product-summary .product-info .action .remove {
          color: #ee3124; }
    .container .middle .order-summary .product-summary .product-img img {
      max-width: 100%; }

.total {
  padding: 20px 0;
  width: 85%;
  margin: 0 auto;
  font-family: "MuseoSans-900";
  color: #ee3124;
  border-bottom: 2px solid black; }
  .total .row {
    margin: 0 auto;
    width: 90%; }

.cards {
  padding: 20px 10px; }
  .cards img {
    margin: 0 15px;
    width: 100px;
    border-radius: 3px; }
    @media screen and (max-width: 480px) {
      .cards img {
        width: 80px;
        margin: 0 2px; } }

.svg-spectrum-logo {
  width: 100px;
  display: inline-block; }

.shop-action {
  width: 90%;
  text-align: center;
  font-family: "MuseoSans-700";
  margin: 0 auto; }
  .shop-action .extra {
    padding: 10px 0;
    font-size: .8em;
    font-family: "MuseoSans-100"; }
  .shop-action .button {
    padding: 12px 5px;
    color: white;
    margin: 0px 0;
    position: relative; }
  .shop-action a {
    text-decoration: none; }
  .shop-action i {
    font-size: 1.6em;
    padding-left: 20px; }
  .shop-action .checkout {
    background: #ee3124; }
  .shop-action .paypal {
    background: #009cdd; }

.form-start {
  border: 2px solid #f3f3f3;
  margin: 0 auto; }
  .form-start .form-head {
    background: #f3f3f3;
    font-family: "MuseoSans-700";
    font-size: 1.15em;
    padding: 18px 5%; }
    .form-start .form-head .status {
      font-size: .9em;
      position: relative;
      margin-right: 45px; }
      .form-start .form-head .status i {
        font-size: 2.4em;
        top: -8px;
        right: -49px;
        position: absolute; }
      .form-start .form-head .status a {
        color: black;
        font-family: "MuseoSans-300"; }
  .form-start .form-container {
    width: 90%;
    margin: 0 auto; }
    .form-start .form-container .alert {
      width: 70%; }
    .form-start .form-container h2 {
      font-family: "MuseoSans-100";
      font-size: 1.15em;
      padding: 20px 0 0 0; }
      .form-start .form-container h2.extra-pad {
        padding: 20px 0; }
    .form-start .form-container form {
      padding: 15px 0;
      box-sizing: border-box; }
    .form-start .form-container input[type='text'], .form-start .form-container input[type='email'] {
      padding: 10px 10px;
      width: 70%;
      text-transform: uppercase;
      font-family: "MuseoSans-300";
      border: 1px solid black; }
      .form-start .form-container input[type='email'].has-errors {
        border: 2px solid #ee3124; }
    .form-start .form-container label {
      font-size: .8em;
      display: block;
      padding: 11px 0; }
    .form-start .form-container .input-field {
      position: relative;
      width: 100%; }
      .form-start .form-container .input-field i {
        font-size: 1.5em;
        text-align: right; }
      .form-start .form-container .input-field .correct, .form-start .form-container .input-field .errors {
        position: absolute;
        bottom: 10px;
        right: 10px; }
      .form-start .form-container .input-field .errors {
        background-color: #ee3124;
        color: white;
        display: block;
        width: 25px;
        text-align: center;
        top: 50%;
        height: 25px; }
    .form-start .form-container .btn-submit {
      padding: 30px 0; }
    .form-start .form-container button[type='submit'] {
      background: #000;
      color: #fff;
      font-family: "MuseoSans-100";
      font-size: 1.15em;
      padding: 15px 40px;
      text-align: center;
      text-transform: uppercase;
      border: none;
      outline: none; }
    .form-start .form-container fieldset {
      padding: 0px;
      position: relative;
      width: 30%; }
      @media screen and (max-width: 480px) {
        .form-start .form-container fieldset {
          width: 100%; } }
      .form-start .form-container fieldset select {
        text-transform: uppercase;
        font-family: "MuseoSans-300";
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 10px 50px 10px 10px; }
      .form-start .form-container fieldset:after {
        width: 40px;
        height: 100%;
        background: #000;
        color: white;
        pointer-events: none;
        text-align: center;
        line-height: 36px;
        font-family: 'FontAwesome';
        content: '\f0d7';
        display: block;
        top: 0;
        right: 0;
        z-index: 0;
        position: absolute; }

.alert {
  font-size: 0.95em;
  width: 100%;
  padding: 7px 10px;
  position: relative;
  color: #fff; }
  .alert.alert-big {
    padding: 17px 10px;
    margin: 10px 0; }
  .alert p {
    margin-left: 10px;
    font-family: "MuseoSans-300";
    text-transform: none;
    display: inline-block; }
  .alert i {
    color: #fff;
    bottom: 0;
    vertical-align: middle;
    width: 15px;
    display: inline-block; }
  .alert.alert-error {
    background: #ee3124;
    border: 1px solid #f4746b; }
  .alert.alert-success {
    background: #47B765;
    border: 1px solid #7ecd93; }
  .alert.alert-warning {
    background: #EFAE12;
    border: 1px solid #f4c65a; }
  .alert.alert-info {
    background: #35A5CF;
    border: 1px solid #73c1de; }

.form-start .form-container input[type="text"],
.form-start .form-container input[type="email"],
.form-start .form-container fieldset select {
  text-transform: none; }

.form-start .form-container .input-field .errors,
.form-start .form-container .input-field .correct {
  display: none; }

.form-start .form-container input[type=text],
.form-start .form-container input[type=email],
.form-start .form-container fieldset {
  -webkit-appearance: none; }

.form-start .form-container input.has-errors:placeholder-shown {
  border: 2px solid #ee3124;
  outline: none; }

.form-start .form-container input.has-errors:valid,
.form-start .form-container input.has-errors:focus:valid,
.form-start .form-container input:placeholder-shown {
  border: 1px solid black; }

.form-start .form-container input:valid ~ .correct,
.form-start .form-container input:focus:valid ~ .correct {
  display: inline-block; }

.form-start .form-container input:placeholder-shown ~ .errors,
.form-start .form-container input:placeholder-shown ~ .correct {
  display: none; }

.form-start .form-container input.has-errors:placeholder-shown ~ .errors {
  display: inline-block; }

input[type="checkbox"] {
  padding: 0;
  width: 15px;
  height: 15px;
  line-height: 0;
  margin-bottom: 0px;
  background: #fff;
  border: 1px solid #c2c2c2;
  -webkit-appearance: none; }

input[type="checkbox"]:checked {
  background: #000; }

#tabs {
  width: 100%; }
  #tabs p {
    text-transform: none;
    padding: 15px 0;
    line-height: 1.35em; }
  #tabs ul {
    width: 100%; }
  #tabs a {
    text-decoration: none;
    color: black;
    display: block;
    padding: 20px 15px; }
    #tabs a:focus {
      outline: none; }
  #tabs button {
    padding: 0;
    margin: 0 auto;
    font-family: "MuseoSans-300";
    width: 90%;
    border: none; }
  #tabs .ui-state-active {
    background: #f3f3f3; }
    #tabs .ui-state-active input[type="checkbox"] {
      background: #000;
      padding: 2px; }
  #tabs li {
    display: inline-block;
    border: 2px solid #f3f3f3; }
    #tabs li:focus {
      outline: none; }

    #tabs .checkboxes-agb {
      display: block;
      margin: 10px;
    }

#tabs .checkboxes-agb a {
  display: inline-block;
  padding: 0;
}


#tabs .checkboxes-privacy {
      display: block;
      margin: 20px 10px;
    }

#tabs .checkboxes-privacy a {
  display: inline-block;
  padding: 0;
}


.breadcrumb {
  background-color: #000;
  color: #fff;
  margin: 0;
  padding: 5px 0;
  text-align: center; }
  .breadcrumb ul {
    list-style: none;
    margin: 5px 0; }
    .breadcrumb ul li {
      padding: 0 10px;
      margin-top: 10px;
      margin-bottom: 10px;
      display: inline-block;
      vertical-align: top;
      position: relative; }
      .breadcrumb ul li a {
        color: #fff; }
      .breadcrumb ul li:after {
        border-right: 2px solid #6a6d70;
        position: absolute;
        display: block;
        height: 25px;
        width: 5px;
        right: -5px;
        top: -5px;
        transform: rotate(18deg);
        content: ' '; }
      .breadcrumb ul li::last-child:after {
        border: 0; }

.address { border: 1px solid #f1f1f1; padding: 1em; overflow: hidden; margin-bottom: 1em; }
.address-selected { background-color: #f1f1f1; }
.address address { float: left; text-transform: none; font-size: 0.9em; font-style: normal; margin-bottom: 0; line-height: 1.5em; }
.address .change-address { font-size: 0.9em; float: right; display: block; background-color: #9f9f9f; color: white; padding: 0.5em 1em; text-decoration: none; }
.checkout .form-container { padding: 2em 0; }
.checkout__basic-details { text-transform: none; }
.checkout__basic-details-content { margin-bottom: 1em; }
.checkout__basic-details a:link, 
.checkout__basic-details a:visited  { display: block; border: 3px solid black; text-decoration: none; color: black; font-size: 0.9em; text-transform: uppercase; padding: 12px; text-align: center; }