.menu-shortcuts li i.logout:after {
  content: "o";
}

.company .menu-shortcuts li i.logout {
  color: #51c1c1;
}

.color-section-2 .menu-shortcuts li i.logout {
  color: #F37875;
}

.color-section-2.company .menu-shortcuts li i.logout {
  color: #1f99c9;
}

.color-section-3 .menu-shortcuts li i.logout {
  color: #EE4A56;
}

.color-section-3.company .menu-shortcuts li i.logout {
  color: #009692;
}

.menu-shortcuts li i.setting,
.menu-shortcuts li i.notification,
.menu-shortcuts li i.logout {
  font-size: 66px;
  font-weight: 300;
  line-height: 0.8;
  color: #fff;
}

.company .menu-shortcuts li i.setting,
.company .menu-shortcuts li i.notification,
.company .menu-shortcuts li i.logout {
  color: #fff;
}

.menu-shortcuts li i .counter-badge {
  font-family: 'Helvetica', Arial;
  color: #ec7575;
  background-color: #fff;
  top: 10px;
  right: 8px;
}

.company .menu-shortcuts li i .counter-badge {
  color: #1f99c9;
}

.menu-shortcuts li a.st-active i {
  opacity: 1;
}

.menu-shortcuts li:hover a span {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.menu-shortcuts li:hover i {
  opacity: 1;
  -webkit-transform: translate(-50%, -11%) scale(0.94);
  -ms-transform: translate(-50%, -11%) scale(0.94);
  transform: translate(-50%, -11%) scale(0.94);
}

.price-box {
  font-size: 28px;
  word-spacing: -5px;
  margin-top: 1rem;
  white-space: nowrap;
  color: #30302e;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .price-box {
    font-size: 24px;
  }
}

.price-box > strong {
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  line-height: 0.75em;
}

.price-box > span {
  margin-left: 3px;
}

.price-box span {
  text-align: left;
  vertical-align: top;
  display: inline-block;
  font-weight: bold;
}

.price-box span.price-heading,
.price-box span.price-footer {
  text-align: inherit;
  font-size: 10px;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
  word-spacing: 0;
}

.price-box span.price-heading {
  margin: 0 0 3px 0;
}

.price-box span.price-footer {
  margin: 3px 0 0 0;
}

.price-box span > span {
  font-weight: bold;
  font-size: 0.46666667em;
  margin-left: 0;
  display: block;
  line-height: 0.84em;
}

.price-box s {
  text-decoration: none;
  vertical-align: top;
  display: inline-block;
  color: #30302e;
  opacity: 0.4;
  margin-left: 14px;
  font-weight: 600;
}

.price-box s > strong {
  text-decoration: none;
  overflow: visible;
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 0.75em;
}

.price-box s > strong:after {
  content: "";
  position: absolute;
  left: -4px;
  right: -4px;
  top: 50%;
  height: 0;
  border-top: 1px solid;
}

.price-box s > span {
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
}

.price-box.price-box-large-price > strong {
  font-size: 48px;
  line-height: 0.65em;
  margin-bottom: 0.1em;
}

.price-box.price-box-vertical-price s {
  margin-left: 0;
  margin-top: 0.5rem;
  display: block;
}

.your-choice-wrapper .price-box s {
  margin-left: 0;
  margin-top: 0.5rem;
  display: block;
}

.striker {
  text-decoration: none;
  overflow: visible;
  position: relative;
}

.striker:after {
  content: "";
  position: absolute;
  left: -4px;
  right: -4px;
  top: 50%;
  height: 0;
  border-top: 1px solid;
}

.tabordion.tabordion-active .tabordion-content > * .tabordion-tab-content {
  display: none;
}

.tabordion.tabordion-active .tabordion-content > *.st-active .tabordion-tab-content {
  display: inherit;
}

.tabordion .tabordion-nav,
.tabordion .tabordion-mobile-nav {
  background-color: #f2f2f2;
}

.tabordion .tabordion-nav a,
.tabordion .tabordion-mobile-nav a {
  color: #30302e;
}

.company .tabordion .tabordion-nav a,
.company .tabordion .tabordion-mobile-nav a {
  color: #30302e;
}

.tabordion .tabordion-nav ul {
  margin-top: 0;
  margin-bottom: 0;
}

.tabordion .tabordion-nav li {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  box-sizing: border-box;
  text-align: center;
  font-size: 1rem;
  line-height: 1.14285714em;
  margin: 0;
  padding: 15px 0;
  transition: all 0.3s;
}

.tabordion .tabordion-nav li.st-active,
.tabordion .tabordion-nav li:hover {
  background-color: #e0dcd0;
}

.tabordion .tabordion-nav li:hover {
  cursor: pointer;
}

.tabordion .tabordion-nav a {
  font-weight: 600;
}

.tabordion .tabordion-nav .tabordion-nav-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.lt-ie10 .tabordion .tabordion-nav .tabordion-nav-list {
  display: block;
  *zoom: 1;
}

.lt-ie10 .tabordion .tabordion-nav .tabordion-nav-list:before,
.lt-ie10 .tabordion .tabordion-nav .tabordion-nav-list:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .tabordion .tabordion-nav .tabordion-nav-list:after {
  clear: both;
}

.lt-ie10 .tabordion .tabordion-nav .tabordion-nav-list > * {
  float: left;
}

.lt-ie10 .tabordion .tabordion-nav .tabordion-nav-list {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 10;
}

.lt-ie10 .tabordion .tabordion-nav .tabordion-nav-list:after,
.lt-ie10 .tabordion .tabordion-nav .tabordion-nav-list:before {
  display: none;
}

.lt-ie10 .tabordion .tabordion-nav .tabordion-nav-list > * {
  float: none;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}

@media screen and (max-width: 659px) {
  .tabordion .tabordion-nav {
    display: none;
  }
}

.tabordion .tabordion-mobile-nav {
  display: none;
}

@media screen and (max-width: 659px) {
  .tabordion .tabordion-mobile-nav {
    display: block;
    margin: 0 auto;
    padding-left: 25px !important;
    padding-right: 25px !important;
    max-width: 1064px;
  }

  .tabordion .tabordion-mobile-nav a {
    font-weight: bold;
    position: relative;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .tabordion .tabordion-mobile-nav a:after {
    content: '';
    display: inline-block;
    color: #30302e;
    position: absolute;
    -webkit-transform: translate(0.4em, 0.4em) rotate(135deg);
    -ms-transform: translate(0.4em, 0.4em) rotate(135deg);
    transform: translate(0.4em, 0.4em) rotate(135deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid;
    border-right: 2px solid;
  }

  .tabordion .tabordion-mobile-nav a:after {
    border-color: #30302e;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(135deg);
    -ms-transform: translate(0, -50%) rotate(135deg);
    transform: translate(0, -50%) rotate(135deg);
  }
}

@media screen and (max-width: 659px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .tabordion .tabordion-mobile-nav {
    max-width: 852px;
  }
}

@media screen and (max-width: 659px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .tabordion .tabordion-mobile-nav {
    max-width: 852px;
  }
}

.tabordion .tabordion-content > .st-active .tabordion-mobile-nav a {
  color: #F7931D;
}

.company .tabordion .tabordion-content > .st-active .tabordion-mobile-nav a {
  color: #51c1c1;
}

.tabordion .tabordion-content > .st-active .tabordion-mobile-nav a:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.color-section-2 .tabordion .tabordion-content > .st-active .tabordion-mobile-nav a {
  color: #F37875;
}

.color-section-2.company .tabordion .tabordion-content > .st-active .tabordion-mobile-nav a {
  color: #1f99c9;
}

.color-section-3 .tabordion .tabordion-content > .st-active .tabordion-mobile-nav a {
  color: #EE4A56;
}

.color-section-3.company .tabordion .tabordion-content > .st-active .tabordion-mobile-nav a {
  color: #009692;
}

.tabordion.symbol-tabs .tabordion-nav a:before,
.tabordion.symbol-tabs .tabordion-mobile-nav a:before {
  font-size: 80px;
  font-style: normal;
  font-family: "treiconNeue2", sans-serif;
  font-weight: 300;
  line-height: 1em;
  color: #F7931D;
  content: "";
  font-size: 50px;
  font-weight: 400;
  vertical-align: middle;
  color: currentColor;
}

.tabordion.symbol-tabs .tabordion-nav a:before:after,
.tabordion.symbol-tabs .tabordion-mobile-nav a:before:after {
  content: "";
}

.company .tabordion.symbol-tabs .tabordion-nav a:before,
.company .tabordion.symbol-tabs .tabordion-mobile-nav a:before {
  color: #51c1c1;
}

.color-section-2 .tabordion.symbol-tabs .tabordion-nav a:before,
.color-section-2 .tabordion.symbol-tabs .tabordion-mobile-nav a:before {
  color: #F37875;
}

.color-section-2.company .tabordion.symbol-tabs .tabordion-nav a:before,
.color-section-2.company .tabordion.symbol-tabs .tabordion-mobile-nav a:before {
  color: #1f99c9;
}

.color-section-3 .tabordion.symbol-tabs .tabordion-nav a:before,
.color-section-3 .tabordion.symbol-tabs .tabordion-mobile-nav a:before {
  color: #EE4A56;
}

.color-section-3.company .tabordion.symbol-tabs .tabordion-nav a:before,
.color-section-3.company .tabordion.symbol-tabs .tabordion-mobile-nav a:before {
  color: #009692;
}

.tabordion.symbol-tabs .tabordion-nav a:before:after,
.tabordion.symbol-tabs .tabordion-mobile-nav a:before:after {
  content: "";
}

.company .tabordion.symbol-tabs .tabordion-nav a:before,
.company .tabordion.symbol-tabs .tabordion-mobile-nav a:before {
  color: #51c1c1;
}

.color-section-2 .tabordion.symbol-tabs .tabordion-nav a:before,
.color-section-2 .tabordion.symbol-tabs .tabordion-mobile-nav a:before {
  color: #F37875;
}

.color-section-2.company .tabordion.symbol-tabs .tabordion-nav a:before,
.color-section-2.company .tabordion.symbol-tabs .tabordion-mobile-nav a:before {
  color: #1f99c9;
}

.color-section-3 .tabordion.symbol-tabs .tabordion-nav a:before,
.color-section-3 .tabordion.symbol-tabs .tabordion-mobile-nav a:before {
  color: #EE4A56;
}

.color-section-3.company .tabordion.symbol-tabs .tabordion-nav a:before,
.color-section-3.company .tabordion.symbol-tabs .tabordion-mobile-nav a:before {
  color: #009692;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .tabordion.symbol-tabs .tabordion-nav a:before,
  .tabordion.symbol-tabs .tabordion-mobile-nav a:before {
    font-size: 50px;
    font-weight: 400;
  }
}

.tabordion.symbol-tabs .tabordion-nav a:before.symbol-xsmall,
.tabordion.symbol-tabs .tabordion-mobile-nav a:before.symbol-xsmall {
  font-size: 40px;
  font-weight: 400;
}

.tabordion.symbol-tabs .tabordion-nav a:before.symbol-small,
.tabordion.symbol-tabs .tabordion-mobile-nav a:before.symbol-small {
  font-size: 50px;
  font-weight: 400;
}

.tabordion.symbol-tabs .tabordion-nav a:before.symbol-large,
.tabordion.symbol-tabs .tabordion-mobile-nav a:before.symbol-large {
  font-size: 100px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .tabordion.symbol-tabs .tabordion-nav a:before.symbol-large,
  .tabordion.symbol-tabs .tabordion-mobile-nav a:before.symbol-large {
    font-size: 80px;
    font-weight: 300;
  }
}

.company .tabordion.symbol-tabs .tabordion-nav a:before,
.company .tabordion.symbol-tabs .tabordion-mobile-nav a:before {
  color: currentColor;
}

.tabordion.symbol-tabs .tabordion-nav .tabordion-nav-list li {
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  padding: 0;
}

.tabordion.symbol-tabs .tabordion-nav .tabordion-nav-list li.st-active,
.tabordion.symbol-tabs .tabordion-nav .tabordion-nav-list li:hover {
  background-color: transparent;
}

.tabordion.symbol-tabs .tabordion-nav .tabordion-nav-list li.st-active a,
.tabordion.symbol-tabs .tabordion-nav .tabordion-nav-list li:hover a {
  color: #F7931D;
}

.company .tabordion.symbol-tabs .tabordion-nav .tabordion-nav-list li.st-active a,
.company .tabordion.symbol-tabs .tabordion-nav .tabordion-nav-list li:hover a {
  color: #51c1c1;
}

.tabordion.symbol-tabs .tabordion-nav .tabordion-nav-list li.st-active a:before,
.tabordion.symbol-tabs .tabordion-nav .tabordion-nav-list li:hover a:before {
  color: currentColor;
}

.tabordion.symbol-tabs .tabordion-nav a {
  height: 100px;
  line-height: 100px;
  font-size: 1.07692308em;
}

.tabordion.symbol-tabs .tabordion-mobile-nav a {
  font-size: 1rem;
  padding-top: 5px;
  padding-bottom: 5px;
}

.tabordion.symbol-tabs .tabordion-mobile-nav a:before {
  margin-right: 10px;
  margin-left: -10px;
}

.smart-symbol-cross {
  font-size: 1em;
  width: 1em;
  height: 1em;
  display: block;
}

.smart-symbol-cross:after,
.smart-symbol-cross:before {
  content: '';
  display: block;
  color: inherit;
  position: absolute;
  width: 1em;
  top: 50%;
  border-top: 2px solid;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
}

.smart-symbol-cross:after {
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  -ms-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
}

.smart-symbol-cross-centered {
  font-size: 25px;
  width: 1em;
  height: 1em;
  display: block;
}

.smart-symbol-cross-centered:after,
.smart-symbol-cross-centered:before {
  content: '';
  display: block;
  color: inherit;
  position: absolute;
  width: 1em;
  top: 50%;
  border-top: 2px solid;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
}

.smart-symbol-cross-centered:after {
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  -ms-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
}

.smart-symbol-cross-centered:before {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.smart-symbol-cross-centered:after {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.smart-symbol-arrow:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(45deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(45deg);
  transform: translate(0.4em, 0.4em) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.smart-symbol-arrow.arrow-left {
  padding-left: 20px;
}

.smart-symbol-arrow.arrow-left:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.smart-symbol-arrow.arrow-left:after {
  left: 0;
}

.smart-symbol-arrow.arrow-left:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.smart-symbol-arrow.arrow-left:after {
  left: 0;
}

.smart-symbol-arrow-left {
  padding-left: 20px;
}

.smart-symbol-arrow-left:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.smart-symbol-arrow-left:after {
  left: 0;
}

.smart-symbol-arrow-animated {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.smart-symbol-arrow-animated:after,
.smart-symbol-arrow-animated:before {
  line-height: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 1em;
  font-size: 5px;
  height: 2px;
  content: "";
  background-color: #30302e;
  transition: all 100ms, -webkit-transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5);
  transition: all 100ms, transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5);
  transition: all 100ms, transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5), -webkit-transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5);
}

.smart-symbol-arrow-animated:before {
  -webkit-transform: translate(27%, 0) rotate(-45deg);
  -ms-transform: translate(27%, 0) rotate(-45deg);
  transform: translate(27%, 0) rotate(-45deg);
}

.smart-symbol-arrow-animated:after {
  -webkit-transform: translate(-27%, 0) rotate(45deg);
  -ms-transform: translate(-27%, 0) rotate(45deg);
  transform: translate(-27%, 0) rotate(45deg);
}

.smart-symbol-arrow-animated-active:before {
  -webkit-transform: translate(27%, -0.15em) rotate(45deg);
  -ms-transform: translate(27%, -0.15em) rotate(45deg);
  transform: translate(27%, -0.15em) rotate(45deg);
}

.smart-symbol-arrow-animated-active:after {
  -webkit-transform: translate(-27%, -0.15em) rotate(-45deg);
  -ms-transform: translate(-27%, -0.15em) rotate(-45deg);
  transform: translate(-27%, -0.15em) rotate(-45deg);
}

.smart-symbol-hamburger {
  height: 20px;
  width: 20px;
  display: block;
  position: relative;
}

.smart-symbol-hamburger:before {
  height: 5px;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: currentColor;
  box-shadow: currentColor 0 8px, currentColor 0 16px;
}

.smart-symbol-grid {
  height: 20px;
  width: 20px;
  display: block;
  position: relative;
}

.smart-symbol-grid:before,
.smart-symbol-grid:after {
  height: 5px;
  width: 5px;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-color: currentColor;
  box-shadow: currentColor 0 8px, currentColor 0 16px;
}

.smart-symbol-grid:after {
  box-shadow: currentColor 0 8px, currentColor 0 16px, currentColor 8px 0, currentColor 8px 8px, currentColor 8px 16px;
  left: 8px;
}

.symbol {
  font-size: 80px;
  font-style: normal;
  font-family: "treiconNeue2", sans-serif;
  font-weight: 300;
  line-height: 1em;
  color: #F7931D;
  content: "";
}

.symbol:after {
  content: "";
}

.company .symbol {
  color: #51c1c1;
}

.color-section-2 .symbol {
  color: #F37875;
}

.color-section-2.company .symbol {
  color: #1f99c9;
}

.color-section-3 .symbol {
  color: #EE4A56;
}

.color-section-3.company .symbol {
  color: #009692;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .symbol {
    font-size: 50px;
    font-weight: 400;
  }
}

.symbol.symbol-xsmall {
  font-size: 40px;
  font-weight: 400;
}

.symbol.symbol-small {
  font-size: 50px;
  font-weight: 400;
}

.symbol.symbol-large {
  font-size: 100px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .symbol.symbol-large {
    font-size: 80px;
    font-weight: 300;
  }
}

.symbol-link {
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  padding-left: 35px !important;
  color: #30302e;
  transition: all 0.3s;
}

.symbol-link:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(45deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(45deg);
  transform: translate(0.4em, 0.4em) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.symbol-link:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(45deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(45deg);
  transform: translate(0.4em, 0.4em) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.symbol-link.arrow-left {
  padding-left: 20px;
}

.symbol-link.arrow-left:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.symbol-link.arrow-left:after {
  left: 0;
}

.symbol-link.arrow-left:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.symbol-link.arrow-left:after {
  left: 0;
}

.symbol-link:before {
  border: 2px solid;
  border-radius: 1000px;
  content: "";
  width: 21px;
  height: 21px;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 0;
}

.symbol-link:after {
  left: 0;
  top: 50%;
  -webkit-transform: translate(0.55em, -50%) rotate(45deg);
  -ms-transform: translate(0.55em, -50%) rotate(45deg);
  transform: translate(0.55em, -50%) rotate(45deg);
}

.symbol-link:hover {
  color: #F7931D;
}

.symbol-link:hover:before,
.symbol-link:hover:after {
  transition: all 0.3s;
  color: #F7931D;
}

.company .symbol-link:hover {
  color: #51c1c1;
}

.company .symbol-link:hover:before,
.company .symbol-link:hover:after {
  color: #51c1c1;
}

.symbol-link:active {
  color: #E87900;
}

.symbol-link:active:before,
.symbol-link:active:after {
  color: #E87900;
}

.company .symbol-link:active {
  color: #42A5A2;
}

.company .symbol-link:active:before,
.company .symbol-link:active:after {
  color: #42A5A2;
}

.symbol-link.symbol-link-neg {
  color: #fff;
}

.symbol-link.symbol-link-neg:hover,
.symbol-link.symbol-link-neg:active {
  color: #30302e;
}

.symbol-link.symbol-link-neg:hover:after,
.symbol-link.symbol-link-neg:active:after,
.symbol-link.symbol-link-neg:hover:before,
.symbol-link.symbol-link-neg:active:before {
  color: #30302e;
}

.shopflow-header {
  overflow: hidden;
  background-color: #fff;
  line-height: 1;
  margin-top: -15px;
  margin-bottom: -7px;
  padding-top: 80px;
  padding-bottom: 30px;
}

.shopflow-header.no-step .shopflow-title {
  padding-left: 0;
}

.shopflow-header.first-step .current-step:before {
  display: none;
}

.shopflow-header.step-done .current-step {
  background-color: #fff;
  color: #fff;
}

.shopflow-header.step-done .current-step:after {
  content: "a";
  font-family: "treicon";
  color: #fff;
  background-color: #F7931D;
  border-radius: 100%;
  font-size: 0.4375em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  display: block;
  text-align: center;
  position: absolute;
  right: -7px;
  bottom: -7px;
}

.company .shopflow-header.step-done .current-step:after {
  background-color: #51c1c1;
}

.shopflow-header span.step {
  top: -16px;
  left: 0;
  position: absolute;
  font-size: 28px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  display: inline-block;
  *display: inline;
  height: 1.8em;
  width: 1.8em;
  line-height: 1.8em;
  text-align: center;
  border: 3px solid #F7931D;
  border-radius: 100%;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .shopflow-header span.step {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .shopflow-header span.step {
    font-size: 18px;
  }
}

.shopflow-header span.step:first-child {
  margin-top: 0;
}

.shopflow-header span.step .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .shopflow-header span.step {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .shopflow-header span.step {
    font-size: 18px;
  }
}

.shopflow-header span.step:first-child {
  margin-top: 0;
}

.shopflow-header span.step .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

.company .shopflow-header span.step {
  border-color: #51c1c1;
}

.shopflow-header span.step:before {
  content: "";
  height: 3px;
  width: 1000px;
  background-color: #F7931D;
  position: absolute;
  right: 3px;
  margin-right: 100%;
  top: 50%;
  margin-top: -2px;
}

.company .shopflow-header span.step:before {
  background-color: #51c1c1;
}

.shopflow-header span.step.next-step {
  border-color: #999;
  color: #999;
  left: auto;
  top: 77px;
  right: 20px;
  font-weight: bold;
}

.shopflow-header span.step.next-step:before {
  content: '';
  height: 3px;
  width: 400px;
  position: absolute;
  right: 3px;
  margin-right: 100%;
  *background-color: #999;
  background-image: linear-gradient(to right, #fff, #999);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff999999', GradientType=1);
  top: 50%;
  margin-top: -2px;
}

@media (max-width: 1200px) {
  .shopflow-header span.step.next-step:before {
    width: 300px;
  }
}

@media (max-width: 1130px) {
  .shopflow-header span.step.next-step:before {
    width: 250px;
  }
}

@media (max-width: 1000px) {
  .shopflow-header span.step.next-step:before {
    width: 200px;
  }
}

@media (max-width: 900px) {
  .shopflow-header span.step.next-step:before {
    width: 150px;
  }
}

@media (max-width: 800px) {
  .shopflow-header span.step.next-step:before {
    width: 100px;
  }
}

.shopflow-header span.step.next-step.short-tail:before {
  width: 50px;
}

@media screen and (max-width: 659px) {
  .shopflow-header span.step {
    border-width: 2px;
  }

  .shopflow-header span.step.next-step {
    display: none;
  }

  .shopflow-header span.step:before {
    height: 2px;
    right: 2px;
  }
}

.shopflow-header .container {
  position: relative;
}

.shopflow-header .shopflow-title {
  position: relative;
  display: inline-block;
  background-color: #fff;
  box-shadow: #fff 0 0 10px 10px;
  margin-top: 0;
  font-size: 28px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  padding-left: 80px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .shopflow-header .shopflow-title {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .shopflow-header .shopflow-title {
    font-size: 18px;
  }
}

.shopflow-header .shopflow-title:first-child {
  margin-top: 0;
}

.shopflow-header .shopflow-title .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .shopflow-header .shopflow-title {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .shopflow-header .shopflow-title {
    font-size: 18px;
  }
}

.shopflow-header .shopflow-title:first-child {
  margin-top: 0;
}

.shopflow-header .shopflow-title .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (max-width: 659px) {
  .shopflow-header .shopflow-title {
    padding-left: 40px;
  }
}

.shopflow-header .shopflow-title .step {
  left: -7px;
}

@media screen and (max-width: 659px) {
  .shopflow-header .shopflow-title .step {
    top: -11px;
  }
}

.shopflow-header .shopflow-title:first-child {
  margin-top: 1em;
}

.shopflow-header .shopflow-tools {
  position: absolute;
  right: 0;
  top: 25%;
  font-weight: 600;
}

.shopflow-header .shopflow-tools li {
  float: left;
  margin-right: 1.69230769em;
}

.shopflow-header .shopflow-tools li.active a:after {
  content: "r";
}

.shopflow-header .shopflow-tools li a {
  color: #7f7f7c;
  cursor: pointer;
}

.shopflow-header .shopflow-tools li a:hover {
  text-decoration: none;
}

.shopflow-header .shopflow-tools li a:after {
  font-family: "treicon";
  font-weight: 400;
  content: "w";
  color: #EE4A56;
  margin-left: .5em;
}

@media (max-width: 1200px) {
  .shopflow-header.first-step + .shopflow-header-expandible > .container:before {
    right: 64px;
  }
}

@media (max-width: 1130px) {
  .shopflow-header.first-step + .shopflow-header-expandible > .container:before {
    right: 124px;
  }
}

@media (max-width: 1200px) {
  .shopflow-header.first-step + .shopflow-header-expandible .shopflow-header-expandible-button {
    right: 60px;
  }
}

@media (max-width: 1130px) {
  .shopflow-header.first-step + .shopflow-header-expandible .shopflow-header-expandible-button {
    right: 120px;
    box-shadow: #fff 0 0 30px 20px;
  }
}

.shopflow-header {
  overflow: visible;
}

.shopflow-header > .container {
  position: static;
}

@media screen and (max-width: 659px) {
  .shopflow-header {
    background: none;
    margin-top: 2em;
    min-height: 3.1em;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .shopflow-header .shopflow-tools {
    display: none;
  }
}

.step-slider {
  overflow: hidden;
}

.step-slider .step-slider-inner {
  width: 200%;
  *zoom: 1;
}

.step-slider .step-slider-inner:before,
.step-slider .step-slider-inner:after {
  display: table;
  content: "";
  line-height: 0;
}

.step-slider .step-slider-inner:after {
  clear: both;
}

.step-slider .step-slider-inner.trans {
  transition: all 1s;
}

.step-slider .step-slider-inner .step-slide {
  float: left;
  width: 50%;
  z-index: 1;
  position: relative;
}

.step-slider .step-slider-inner .step-slide .shopflow-header .container > .next-step {
  border-color: #F7931D;
  color: #30302e;
  cursor: pointer;
}

.company .step-slider .step-slider-inner .step-slide .shopflow-header .container > .next-step {
  border-color: #51c1c1;
}

.step-slider .step-slider-inner .step-slide .shopflow-header .container > .next-step:before {
  width: 2000px;
  *background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=1);
  background-color: #F7931D;
}

.company .step-slider .step-slider-inner .step-slide .shopflow-header .container > .next-step:before {
  background-color: #51c1c1;
}

.step-slider .step-slider-inner .step-slide .shopflow-header .container > .next-step.trans {
  transition: all 1s;
}

.step-slider .step-slider-inner .step-slide .shopflow-header .container > .next-step.trans:before {
  transition: all 1s;
}

.step-slider .step-slider-inner .step-slide.before-active {
  z-index: 3;
}

.step-slider .step-slider-inner .step-slide.active {
  z-index: 2;
}

.step-slider .step-slider-inner .step-slide.active .shopflow-header .container > .next-step {
  border-color: #999;
  color: #999;
}

.step-slider .step-slider-inner .step-slide.active .shopflow-header .container > .next-step:before {
  width: 300px;
  background-color: #999;
}

@media (max-width: 1200px) {
  .step-slider .step-slider-inner .step-slide.active .shopflow-header .container > .next-step:before {
    width: 300px;
  }
}

@media (max-width: 1130px) {
  .step-slider .step-slider-inner .step-slide.active .shopflow-header .container > .next-step:before {
    width: 250px;
  }
}

@media (max-width: 1000px) {
  .step-slider .step-slider-inner .step-slide.active .shopflow-header .container > .next-step:before {
    width: 200px;
  }
}

@media (max-width: 900px) {
  .step-slider .step-slider-inner .step-slide.active .shopflow-header .container > .next-step:before {
    width: 150px;
  }
}

@media (max-width: 800px) {
  .step-slider .step-slider-inner .step-slide.active .shopflow-header .container > .next-step:before {
    width: 100px;
  }
}

.step-slider .step-slider-inner .step-slide + .step-slide h1 .step {
  display: none;
}

.show-more {
  position: relative;
  text-align: center;
  cursor: pointer;
}

.show-more a {
  display: block;
  padding-top: 2em;
  font-weight: 600;
  margin-bottom: 20px;
}

.show-more a:hover {
  text-decoration: none;
}

.show-more a .show {
  display: inline;
}

.show-more a .hide {
  display: none;
}

.show-more .show-more-arrow {
  position: absolute;
  left: 50%;
  top: -2px;
  width: 36px;
  margin-left: -18px;
  height: 1px;
  color: #fff;
  background-color: transparent;
}

.show-more .show-more-arrow:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 0px;
  width: 0;
  height: 0;
  border: 18px solid transparent;
  border-bottom: 15px solid transparent;
  border-top: 15px solid #fff;
}

.show-more .show-more-arrow:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0px;
  width: 0;
  height: 0;
  border: 18px solid transparent;
  border-top: 15px solid #f2f2f2;
  border-bottom: 15px solid transparent;
}

.rgba .show-more .show-more-arrow:before {
  border-top: 15px solid rgba(0, 0, 0, 0.1);
}

.show-more.st-active a .show {
  display: none;
}

.show-more.st-active a .hide {
  display: inline;
}

.show-more.st-active .show-more-arrow:after {
  top: -13px;
  border-bottom: 15px solid #ffffff;
  border-top: none;
}

.show-more.st-active .show-more-arrow:before {
  border: none;
}

.show-more.white-toned .show-more-arrow:after {
  border-top-color: #f2f2f2;
}

.show-more.fill-color .show-more-arrow:after {
  border-top-color: #F37875;
}

.show-more.dark-color .show-more-arrow:after {
  border-top-color: #F7931D;
}

.show-more.new-show-more {
  padding-bottom: 1em;
  *background-color: rgba(255, 255, 255, 0);
  background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0));
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: bottom center;
}

.show-more.new-show-more .show-more-arrow {
  width: 30;
  margin-left: -15px;
}

.show-more.new-show-more .show-more-arrow:after {
  border: 15px solid transparent;
  border-bottom: 12px solid transparent;
  border-top: 12px solid #f2f2f2;
}

.show-more.new-show-more .show-more-arrow:before {
  border: 15px solid transparent;
  border-top: 12px solid #f2f2f2;
  border-bottom: 12px solid transparent;
}

.rgba .show-more.new-show-more .show-more-arrow:before {
  border-top: 12px solid rgba(0, 0, 0, 0.1);
}

.show-more.new-show-more a {
  padding-top: 1em;
  font-size: 1.4em;
}

.show-more.new-show-more:hover,
.show-more.new-show-more:active {
  background-color: #f2f2f2;
}

.scroll-events-section > div {
  position: relative;
  overflow: hidden;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .scroll-events-section > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 45px);
  }

  html.lt-ie10 .scroll-events-section > div {
    min-height: 0;
  }
}

.scroll-events-section > div > div {
  z-index: 1;
  position: relative;
}

.scroll-events-section > div .next {
  z-index: 1;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  line-height: 1em;
  font-weight: 600;
  display: block;
  cursor: pointer;
  bottom: 60px;
  color: #30302e;
}

@media screen and (max-width: 768px) {
  .scroll-events-section > div .next {
    display: none;
  }
}

.scroll-events-section > div .next:after {
  margin: 10px auto 0;
  transition: all 0.1s;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.scroll-events-section > div .next:empty {
  color: #30302e;
}

.scroll-events-section > div .next:empty:after {
  width: 40px;
  height: 40px;
}

.scroll-events-section .parallax-background {
  position: absolute;
}

.two-featured-items {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-top: 1rem;
  margin-top: 0;
}

.lt-ie10 .two-featured-items {
  display: block;
  *zoom: 1;
}

.lt-ie10 .two-featured-items:before,
.lt-ie10 .two-featured-items:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .two-featured-items:after {
  clear: both;
}

.lt-ie10 .two-featured-items > * {
  float: left;
}

.two-featured-items > * {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: calc(Infinity% + Infinitypx);
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}

.two-featured-items > *:nth-child(0n) {
  margin-right: -15px;
}

.two-featured-items > *:nth-child(0n +1) {
  margin-left: -15px;
}

.lt-ie10 .two-featured-items > *:nth-child(0n +1) {
  clear: left;
}

.two-featured-items > * {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 !important;
}

.two-featured-items > *:first-child {
  padding-left: 0;
}

.two-featured-items > *:last-child {
  padding-right: 0;
}

.lt-ie10 .two-featured-items {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 10;
}

.lt-ie10 .two-featured-items:after,
.lt-ie10 .two-featured-items:before {
  display: none;
}

.lt-ie10 .two-featured-items > * {
  float: none;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}

.two-featured-items > .grow-2 {
  -webkit-flex-grow: 2.1;
  -moz-flex-grow: 2.1;
  -ms-flex-grow: 2.1;
  -ms-flex-positive: 2.1;
  flex-grow: 2.1;
}

.two-featured-items > .grow-3 {
  -webkit-flex-grow: 3.2;
  -moz-flex-grow: 3.2;
  -ms-flex-grow: 3.2;
  -ms-flex-positive: 3.2;
  flex-grow: 3.2;
}

@media screen and (max-width: 768px) {
  .two-featured-items {
    display: block;
  }

  .two-featured-items > div {
    padding: 0;
  }

  .two-featured-items > div + div {
    margin-top: 1rem !important;
  }
}

.two-featured-items > div {
  padding: 0;
}

.two-featured-items > div .inner {
  padding: 50px;
  max-width: 640px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-top: 1rem;
}

.lt-ie10 .two-featured-items > div .inner {
  display: block;
  *zoom: 1;
}

.lt-ie10 .two-featured-items > div .inner:before,
.lt-ie10 .two-featured-items > div .inner:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .two-featured-items > div .inner:after {
  clear: both;
}

.lt-ie10 .two-featured-items > div .inner > * {
  float: left;
}

.two-featured-items > div .inner > * {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: calc(Infinity% + Infinitypx);
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}

.two-featured-items > div .inner > *:nth-child(0n) {
  margin-right: -15px;
}

.two-featured-items > div .inner > *:nth-child(0n +1) {
  margin-left: -15px;
}

.lt-ie10 .two-featured-items > div .inner > *:nth-child(0n +1) {
  clear: left;
}

.two-featured-items > div .inner > * {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 !important;
}

.two-featured-items > div .inner > *:first-child {
  padding-left: 0;
}

.two-featured-items > div .inner > *:last-child {
  padding-right: 0;
}

.lt-ie10 .two-featured-items > div .inner {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 10;
}

.lt-ie10 .two-featured-items > div .inner:after,
.lt-ie10 .two-featured-items > div .inner:before {
  display: none;
}

.lt-ie10 .two-featured-items > div .inner > * {
  float: none;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}

.two-featured-items > div .inner > .grow-2 {
  -webkit-flex-grow: 2.1;
  -moz-flex-grow: 2.1;
  -ms-flex-grow: 2.1;
  -ms-flex-positive: 2.1;
  flex-grow: 2.1;
}

.two-featured-items > div .inner > .grow-3 {
  -webkit-flex-grow: 3.2;
  -moz-flex-grow: 3.2;
  -ms-flex-grow: 3.2;
  -ms-flex-positive: 3.2;
  flex-grow: 3.2;
}

@media screen and (max-width: 768px) {
  .two-featured-items > div .inner {
    display: block;
  }

  .two-featured-items > div .inner > div {
    padding: 0;
  }

  .two-featured-items > div .inner > div + div {
    margin-top: 1rem !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .two-featured-items > div .inner {
    padding: 40px;
  }
}

@media screen and (max-width: 768px) {
  .two-featured-items > div .inner {
    margin-top: 0 !important;
    padding: 25px;
    max-width: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 1rem;
  }

  .lt-ie10 .two-featured-items > div .inner {
    display: block;
    *zoom: 1;
  }

  .lt-ie10 .two-featured-items > div .inner:before,
  .lt-ie10 .two-featured-items > div .inner:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .lt-ie10 .two-featured-items > div .inner:after {
    clear: both;
  }

  .lt-ie10 .two-featured-items > div .inner > * {
    float: left;
  }

  .two-featured-items > div .inner > * {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(Infinity% + Infinitypx);
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }

  .two-featured-items > div .inner > *:nth-child(0n) {
    margin-right: -15px;
  }

  .two-featured-items > div .inner > *:nth-child(0n +1) {
    margin-left: -15px;
  }

  .lt-ie10 .two-featured-items > div .inner > *:nth-child(0n +1) {
    clear: left;
  }

  .two-featured-items > div .inner > * {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-basis: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 !important;
  }

  .two-featured-items > div .inner > *:first-child {
    padding-left: 0;
  }

  .two-featured-items > div .inner > *:last-child {
    padding-right: 0;
  }

  .lt-ie10 .two-featured-items > div .inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    position: relative;
    z-index: 10;
  }

  .lt-ie10 .two-featured-items > div .inner:after,
  .lt-ie10 .two-featured-items > div .inner:before {
    display: none;
  }

  .lt-ie10 .two-featured-items > div .inner > * {
    float: none;
    display: table-cell;
    vertical-align: top;
    margin: 0;
  }

  .two-featured-items > div .inner > .grow-2 {
    -webkit-flex-grow: 2.1;
    -moz-flex-grow: 2.1;
    -ms-flex-grow: 2.1;
    -ms-flex-positive: 2.1;
    flex-grow: 2.1;
  }

  .two-featured-items > div .inner > .grow-3 {
    -webkit-flex-grow: 3.2;
    -moz-flex-grow: 3.2;
    -ms-flex-grow: 3.2;
    -ms-flex-positive: 3.2;
    flex-grow: 3.2;
  }

  .two-featured-items > div .inner > div:first-child {
    padding-right: 12px !important;
  }

  .two-featured-items > div .inner > div:last-child {
    margin-top: 0 !important;
    padding-left: 12px !important;
    -webkit-flex-grow: 3 !important;
    -ms-flex-positive: 3 !important;
    flex-grow: 3 !important;
  }
}

@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .two-featured-items > div .inner {
    display: block;
  }

  .two-featured-items > div .inner > div {
    padding: 0;
  }

  .two-featured-items > div .inner > div + div {
    margin-top: 1rem !important;
  }
}

.two-featured-items > div .inner > div:last-child {
  -webkit-flex-grow: 1.5;
  -ms-flex-positive: 1.5;
  flex-grow: 1.5;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .two-featured-items > div .inner > div:last-child {
    -webkit-flex-grow: 2.5;
    -ms-flex-positive: 2.5;
    flex-grow: 2.5;
  }
}

.two-featured-items > div .inner h2 {
  font-size: 44px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .two-featured-items > div .inner h2 {
    font-size: 38px;
  }
}

@media screen and (max-width: 768px) {
  .two-featured-items > div .inner h2 {
    font-size: 30px;
  }
}

.two-featured-items > div .inner p,
.two-featured-items > div .inner h6 {
  line-height: 1.5em;
}

.two-featured-items > div .inner h6 + p {
  margin-top: 0;
}

.two-featured-items > div .inner .price-box + p {
  margin-top: 2em;
}

.two-featured-items > div:first-child {
  background-color: #e0dcd0;
}

.two-featured-items > div:first-child .inner {
  margin-left: auto !important;
}

.two-featured-items > div:first-child .inner > div:first-child {
  padding-right: 25px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .two-featured-items > div:first-child .inner > div:first-child {
    padding-right: 20px;
  }
}

.two-featured-items > div:first-child .inner > div:last-child {
  padding-left: 25px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .two-featured-items > div:first-child .inner > div:last-child {
    padding-left: 20px;
  }
}

.two-featured-items > div:first-child .inner .btn {
  color: #30302e;
  border-color: #30302e;
}

.two-featured-items > div:first-child .inner .btn:hover {
  background-color: #30302e;
  border-color: #30302e;
  color: #fff;
}

.two-featured-items > div:first-child .inner .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.two-featured-items > div:first-child .inner .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.two-featured-items > div:first-child .inner .btn.loading:after {
  background-color: #999;
}

@media screen and (max-width: 768px) {
  .two-featured-items > div:first-child .inner .btn {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.two-featured-items > div:last-child {
  *background-color: #ec7575;
  background-image: linear-gradient(to right, #f18d2d, #ec7575);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff18d2d', endColorstr='#ffec7575', GradientType=1);
}

.two-featured-items > div:last-child > .inner > div:first-child {
  padding-right: 0;
  padding-left: 25px;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .two-featured-items > div:last-child > .inner > div:first-child {
    padding-left: 20px;
  }
}

.two-featured-items > div:last-child > .inner > div:last-child {
  padding-left: 0;
  padding-right: 25px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .two-featured-items > div:last-child > .inner > div:last-child {
    padding-right: 20px;
  }
}

.company .two-featured-items > div:last-child {
  *background-color: #1f99c9;
  background-image: linear-gradient(to right, #51c1c1, #1f99c9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51c1c1', endColorstr='#ff1f99c9', GradientType=1);
}

.two-featured-items > div:last-child .inner {
  margin-right: auto !important;
}

@media screen and (max-width: 768px) {
  .two-featured-items > div:last-child .inner > div:first-child {
    padding-left: 12px !important;
    padding-right: 0 !important;
  }

  .two-featured-items > div:last-child .inner > div:last-child {
    padding-right: 12px !important;
    padding-left: 0 !important;
    -webkit-flex-grow: 2.7 !important;
    -ms-flex-positive: 2.7 !important;
    flex-grow: 2.7 !important;
  }
}

.two-featured-items > div:last-child .inner p,
.two-featured-items > div:last-child .inner h1,
.two-featured-items > div:last-child .inner h2,
.two-featured-items > div:last-child .inner h3,
.two-featured-items > div:last-child .inner h4,
.two-featured-items > div:last-child .inner h5,
.two-featured-items > div:last-child .inner h6 {
  color: #fff;
}

.two-featured-items > div:last-child .inner .btn {
  color: #fff;
  border-color: #fff;
}

.two-featured-items > div:last-child .inner .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

.two-featured-items > div:last-child .inner .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.two-featured-items > div:last-child .inner .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.two-featured-items > div:last-child .inner .btn.loading:after {
  background-color: #999;
}

.two-featured-items > div:last-child .inner .price-box * {
  color: #fff;
}

.two-featured-items > div.has-bleed-image {
  position: relative;
}

.two-featured-items > div.has-bleed-image .inner > div:last-child {
  -webkit-flex-grow: 1.1 !important;
  -ms-flex-positive: 1.1 !important;
  flex-grow: 1.1 !important;
}

.two-featured-items > div.has-bleed-image .inner .offer-pic {
  position: static;
}

.two-featured-items > div.has-bleed-image .inner .offer-pic .crop-image {
  overflow: visible;
  position: absolute;
  top: 0;
  bottom: 0;
  padding-top: 0 !important;
  height: auto;
}

.two-featured-items > div.has-bleed-image .inner .offer-pic .crop-image img {
  position: relative;
  top: auto;
  left: auto;
  max-width: none;
  height: 100%;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  width: auto !important;
}

.two-featured-items > div.has-bleed-image:first-child .inner {
  padding-left: 0;
}

.two-featured-items > div.has-bleed-image:first-child .inner .offer-pic {
  direction: rtl;
}

.two-featured-items > div.has-bleed-image:last-child .inner {
  padding-right: 0;
}

@media screen and (max-width: 768px) {
  .two-featured-items > div,
  .two-featured-items > div + div {
    margin-top: 0 !important;
  }
}

html.lt-ie10 .two-featured-items > div {
  padding: 50px 0;
}

html.lt-ie10 .two-featured-items > div:last-child .inner .offer-pic {
  float: right;
  width: 45%;
}

html.lt-ie10 .two-featured-items > div:last-child .inner .offer-pic + div {
  width: 55%;
  display: block;
  padding-left: 50px;
}

.product-gallery-hero {
  background-color: #f2f2f2;
}

.product-gallery-hero > div {
  position: relative;
  overflow: hidden;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .product-gallery-hero > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 45px);
  }

  html.lt-ie10 .product-gallery-hero > div {
    min-height: 0;
  }
}

.product-gallery-hero > div > div {
  z-index: 1;
  position: relative;
}

.product-gallery-hero > div .next {
  z-index: 1;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  line-height: 1em;
  font-weight: 600;
  display: block;
  cursor: pointer;
  bottom: 60px;
  color: #30302e;
}

@media screen and (max-width: 768px) {
  .product-gallery-hero > div .next {
    display: none;
  }
}

.product-gallery-hero > div .next:after {
  margin: 10px auto 0;
  transition: all 0.1s;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.product-gallery-hero > div .next:empty {
  color: #30302e;
}

.product-gallery-hero > div .next:empty:after {
  width: 40px;
  height: 40px;
}

.product-gallery-hero .parallax-background {
  position: absolute;
}

.product-gallery-hero > div {
  position: relative;
  overflow: hidden;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .product-gallery-hero > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 45px);
  }

  html.lt-ie10 .product-gallery-hero > div {
    min-height: 0;
  }
}

.product-gallery-hero > div > div {
  z-index: 1;
  position: relative;
}

.product-gallery-hero > div .next {
  z-index: 1;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  line-height: 1em;
  font-weight: 600;
  display: block;
  cursor: pointer;
  bottom: 60px;
  color: #30302e;
}

@media screen and (max-width: 768px) {
  .product-gallery-hero > div .next {
    display: none;
  }
}

.product-gallery-hero > div .next:after {
  margin: 10px auto 0;
  transition: all 0.1s;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.product-gallery-hero > div .next:empty {
  color: #30302e;
}

.product-gallery-hero > div .next:empty:after {
  width: 40px;
  height: 40px;
}

.product-gallery-hero .parallax-background {
  position: absolute;
}

.product-gallery-hero .container {
  overflow: visible;
  max-width: 1064px;
  position: relative;
}

.product-gallery-hero .container .back-button {
  position: absolute;
  color: #30302e;
  font-weight: 600;
  top: 55px;
  left: 25px;
  z-index: 2;
  padding-left: 16px;
}

.product-gallery-hero .container .back-button:after {
  content: '';
  display: inline-block;
  color: currentColor;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.product-gallery-hero .container .back-button:after {
  left: 0;
  top: -2px;
}

.product-gallery-hero .container .flex-columns {
  position: relative;
  margin-top: 0;
  width: 100%;
  padding: 80px 0 140px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-height: 70vh;
}

@media screen and (max-width: 768px) {
  .product-gallery-hero .container .flex-columns {
    padding: 30px 0 30px;
    max-height: none;
  }
}

.product-gallery-hero .container .flex-columns > div {
  padding-left: 0;
  padding-right: 0;
}

.product-gallery-hero .container .flex-columns > div.image {
  text-align: center;
  position: relative;
}

@media screen and (min-width: 769px) {
  .product-gallery-hero .container .flex-columns > div.image {
    padding-right: 150px;
    direction: rtl;
  }
}

@media screen and (max-width: 768px) {
  .product-gallery-hero .container .flex-columns > div.image .thumbnails {
    margin-top: 15px;
  }
}

@media screen and (min-width: 769px) {
  .product-gallery-hero .container .flex-columns > div.image .thumbnails {
    right: 50px;
    width: 50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.product-gallery-hero .container .flex-columns > div.image .thumbnails > div {
  cursor: pointer;
  width: 48px;
  height: 48px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 2px;
}

.product-gallery-hero .container .flex-columns > div.image .thumbnails > div:first-child:last-child {
  display: none;
}

@media screen and (min-width: 769px) {
  .product-gallery-hero .container .flex-columns > div.image .thumbnails > div {
    margin-right: 0;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
  }
}

@media screen and (min-width: 769px) {
  .product-gallery-hero .container .flex-columns > div.image img {
    width: auto;
    max-width: none;
    height: 60vh;
  }
}

.product-gallery-hero .container .flex-columns > div.image img.switch {
  -webkit-animation: switch-image 0.5s;
  animation: switch-image 0.5s;
}

@-webkit-keyframes switch-image {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  48%, 52% {
    opacity: 0;
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes switch-image {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  48%, 52% {
    opacity: 0;
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@media screen and (max-width: 768px) {
  .product-gallery-hero .container .flex-columns > div.text {
    text-align: center;
  }
}

@media screen and (min-width: 769px) {
  .product-gallery-hero .container .flex-columns > div.text > div {
    width: 426px;
  }
}

.product-gallery-hero .container .flex-columns > div.text > div h2 {
  font-size: 48px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .product-gallery-hero .container .flex-columns > div.text > div h2 {
    font-size: 36px;
  }
}

@media screen and (max-width: 768px) {
  .product-gallery-hero .container .flex-columns > div.text > div h2 {
    font-size: 30px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .product-gallery-hero .container .flex-columns > div.text > div h2 {
    font-size: 36px;
  }
}

@media screen and (max-width: 768px) {
  .product-gallery-hero .container .flex-columns > div.text > div h2 {
    font-size: 30px;
  }
}

@media screen and (max-width: 768px) {
  .product-gallery-hero .container .flex-columns > div.text > div .btn {
    display: block;
    width: 100%;
  }
}

html.lt-ie10 .product-gallery-hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
}

html.lt-ie10 .product-gallery-hero .container .image img {
  height: 400px;
}

.section-with-sidebar {
  position: relative;
  margin-top: 60px;
}

.section-with-sidebar header,
.section-with-sidebar .info {
  width: 100%;
}

@media screen and (min-width: 659px) {
  .section-with-sidebar header,
  .section-with-sidebar .info {
    width: 70%;
  }
}

@media screen and (min-width: 660px) and (max-width: 768px) {
  .section-with-sidebar header,
  .section-with-sidebar .info {
    width: 60%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .section-with-sidebar header,
  .section-with-sidebar .info {
    width: 60%;
  }
}

.section-with-sidebar aside {
  width: 100%;
  margin-top: 20px;
}

@media screen and (min-width: 659px) {
  .section-with-sidebar aside {
    margin-top: 0;
    max-width: 308px;
    float: right;
    width: 30%;
  }
}

@media screen and (min-width: 660px) and (max-width: 768px) {
  .section-with-sidebar aside {
    width: 40%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .section-with-sidebar aside {
    width: 40%;
  }
}

.section-with-sidebar aside header {
  width: 100%;
}

.section-with-sidebar aside hr {
  margin-top: 20px;
}

.section-with-sidebar aside header {
  color: #fff;
  text-align: center;
}

.section-with-sidebar aside header h1 {
  margin-top: 0;
  text-align: center;
}

.section-with-sidebar aside header hr {
  width: 100%;
}

.right-image-above-the-line {
  position: relative;
  overflow: hidden;
  background-color: #e0dcd0;
}

.right-image-above-the-line.background-color-salt {
  background-color: #f2f2f2;
}

.right-image-above-the-line.background-color-sand {
  background-color: #e0dcd0;
}

.right-image-above-the-line.background-color-white {
  background-color: #fff;
}

.right-image-above-the-line p {
  margin-top: 2em;
}

.right-image-above-the-line > div.parallax-3 {
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

@media screen and (max-width: 768px) {
  .right-image-above-the-line > div.parallax-3 {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    top: auto;
    bottom: 0;
    padding-bottom: calc(70% - 50px);
  }
}

.right-image-above-the-line > div.container {
  position: relative;
  z-index: 1;
}

.right-image-above-the-line > div.container > div {
  max-width: 50%;
  padding-top: 80px;
  padding-bottom: 80px;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .right-image-above-the-line > div.container > div {
    max-width: none;
    padding-top: 40px;
    text-align: center;
    padding-bottom: 70%;
  }
}

.right-image-above-the-line > div.container > div .btn {
  color: #30302e;
  border-color: #30302e;
}

.right-image-above-the-line > div.container > div .btn:hover {
  background-color: #30302e;
  border-color: #30302e;
  color: #fff;
}

.right-image-above-the-line > div.container > div .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.right-image-above-the-line > div.container > div .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.right-image-above-the-line > div.container > div .btn.loading:after {
  background-color: #999;
}

.info-bubble {
  border-collapse: separate;
  display: block;
  margin-top: 1rem;
  position: relative;
}

@media screen and (min-width: 1025px) {
  .info-bubble {
    cursor: default;
    display: inline-block;
  }
}

.info-bubble .info-bubble-inner > label {
  cursor: pointer;
  color: #7f7f7c;
}

.info-bubble .info-bubble-inner > label:after {
  content: '?';
  display: inline-block;
  background-color: #7f7f7c;
  color: #fff;
  text-align: center;
  width: 15px;
  line-height: 15px;
  border-radius: 10000px;
  font-size: 11px;
  font-weight: 600;
  margin-left: 5px;
}

.info-bubble .info-bubble-inner .info-bubble-content {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 15px) scale(0.7, 0.7);
  -ms-transform: translate(0, 15px) scale(0.7, 0.7);
  transform: translate(0, 15px) scale(0.7, 0.7);
  transition: all 0.1s;
  -webkit-transform-origin: 90% -10%;
  -ms-transform-origin: 90% -10%;
  transform-origin: 90% -10%;
  position: absolute;
  display: block;
  width: 350px;
  right: -38px;
  background: #f2f2f2;
  -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.25));
  padding: 20px;
}

@media screen and (max-width: 1024px) {
  .info-bubble .info-bubble-inner .info-bubble-content {
    position: relative;
    right: auto;
    width: auto;
    display: none;
  }
}

html.no-cssfilters .info-bubble .info-bubble-inner .info-bubble-content {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.info-bubble .info-bubble-inner .info-bubble-content:after {
  content: '';
  background-image: url('/gui/svg/tongue.svg');
  background-repeat: no-repeat;
  fill: #fff;
  position: absolute;
  top: -10px;
  right: 20px;
  width: 50px;
  height: 10px;
  -webkit-transform: translate(0, 1px) rotate(180deg);
  -ms-transform: translate(0, 1px) rotate(180deg);
  transform: translate(0, 1px) rotate(180deg);
}

@media screen and (max-width: 1024px) {
  .info-bubble .info-bubble-inner .info-bubble-content:after {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 1px) rotate(180deg);
    -ms-transform: translate(-50%, 1px) rotate(180deg);
    transform: translate(-50%, 1px) rotate(180deg);
  }
}

.info-bubble .info-bubble-inner .info-bubble-content > strong {
  color: #30302e;
  font-weight: 600;
  display: block;
}

.info-bubble .info-bubble-inner .info-bubble-content > span {
  display: block;
  color: #7f7f7c;
  margin-top: .5rem;
  line-height: 1.5em;
}

@media screen and (min-width: 1025px) {
  .info-bubble:hover .info-bubble-inner label {
    color: #30302e;
  }

  .info-bubble:hover .info-bubble-inner label:after {
    background-color: #30302e;
  }

  .info-bubble:hover .info-bubble-content {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 15px) scale(1, 1);
    -ms-transform: translate(0, 15px) scale(1, 1);
    transform: translate(0, 15px) scale(1, 1);
  }
}

.info-bubble > input {
  visibility: hidden;
  position: absolute;
}

@media screen and (max-width: 1024px) {
  .info-bubble > input:checked + .info-bubble-inner > label:after {
    content: '×';
    font-size: 13px;
    height: 15px;
    line-height: 13px;
  }

  .info-bubble > input:checked + .info-bubble-inner .info-bubble-content {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 15px) scale(1, 1);
    -ms-transform: translate(0, 15px) scale(1, 1);
    transform: translate(0, 15px) scale(1, 1);
    display: block;
  }
}

.back-link a {
  padding-left: 10px;
  color: #30302e !important;
  font-weight: 600;
}

.back-link a::before {
  content: '';
  display: inline-block;
  color: inherit;
  -webkit-transform: translate(-0.4em, -0.07em) rotate(225deg);
  -ms-transform: translate(-0.4em, -0.07em) rotate(225deg);
  transform: translate(-0.4em, -0.07em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

@media screen and (max-width: 768px) {
  .back-link {
    text-align: center;
  }
}

.two-line-heading {
  text-align: center;
}

.two-line-heading span {
  display: block;
  line-height: 1em;
  letter-spacing: -0.02em;
}

.two-line-heading span:first-child {
  font-size: 54px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .two-line-heading span:first-child {
    font-size: 36px;
  }
}

@media screen and (max-width: 768px) {
  .two-line-heading span:first-child {
    font-size: 24px;
  }
}

.two-line-heading span:first-child + span {
  margin-top: 0.2em;
  font-size: 72px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .two-line-heading span:first-child + span {
    font-size: 54px;
  }
}

@media screen and (max-width: 768px) {
  .two-line-heading span:first-child + span {
    font-size: 36px;
  }
}

.two-line-heading.two-line-heading-first-gradient span:first-child {
  color: #ec7575;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .two-line-heading.two-line-heading-first-gradient span:first-child {
  background: linear-gradient(to right, #f18d2d, #ec7575);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.company .two-line-heading.two-line-heading-first-gradient span:first-child {
  color: #1f99c9;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .company .two-line-heading.two-line-heading-first-gradient span:first-child {
  background: linear-gradient(to right, #51c1c1, #1f99c9);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.c-progress {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  height: 24px;
  width: 100%;
}

.lt-ie10 .c-progress {
  display: block;
  *zoom: 1;
}

.lt-ie10 .c-progress:before,
.lt-ie10 .c-progress:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .c-progress:after {
  clear: both;
}

.lt-ie10 .c-progress > * {
  float: left;
}

.c-progress > span {
  margin: 0 0.5em;
}

.lt-ie10 .c-progress {
  display: table;
}

.lt-ie10 .c-progress > * {
  display: table-cell;
}

.c-progress span + div {
  width: 80%;
}

.progress-bar {
  height: 24px;
  background: #f2f2f2;
  border-radius: 14px;
  display: inline-block;
  position: relative;
  padding: 0px;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}

.progress-bar span.fill {
  display: block;
  height: 24px;
  background: #F7931D;
  border-radius: 11px 0 0 11px;
  min-width: 11px;
}

.company .progress-bar span.fill {
  background: #51c1c1;
}

.circle-image {
  display: block;
  border-radius: 1000px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 164px;
  height: 164px;
}

.lt-ie10 .circle-image {
  margin: 0 auto;
}

.tool-tip {
  position: relative;
}

.tool-tip.tool-tip-light .tool-tip-content {
  background: #fff;
}

.tool-tip.tool-tip-light .tool-tip-content:after {
  background-image: url('/gui/svg/tongue-white.svg');
}

.tool-tip .tool-tip-content {
  position: absolute;
  display: block;
  transition: all 0.1s;
  visibility: hidden;
  opacity: 0;
  top: -2px;
  left: 50%;
  -webkit-transform: translate(-50%, -80%) scale(0.7, 0.7);
  -ms-transform: translate(-50%, -80%) scale(0.7, 0.7);
  transform: translate(-50%, -80%) scale(0.7, 0.7);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  white-space: nowrap;
  background: #f2f2f2;
  padding: 5px 15px;
}

.tool-tip .tool-tip-content:after {
  content: '';
  background-image: url('/gui/svg/tongue.svg');
  background-repeat: no-repeat;
  fill: #fff;
  position: absolute;
  bottom: -9px;
  left: 50%;
  right: auto;
  width: 40px;
  height: 10px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.is-ie .tool-tip .tool-tip-content:after {
  bottom: -7px;
}

.tool-tip .tool-tip-content > span {
  display: block;
  line-height: 26px;
  font-size: 14px;
  color: #7f7f7c;
  transition: all 0.18s;
  -webkit-transform: translate(0, 50%) scale(0.7, 0.7);
  -ms-transform: translate(0, 50%) scale(0.7, 0.7);
  transform: translate(0, 50%) scale(0.7, 0.7);
}

.tool-tip:hover .tool-tip-content,
.tool-tip:active .tool-tip-content {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -100%) scale(1, 1);
  -ms-transform: translate(-50%, -100%) scale(1, 1);
  transform: translate(-50%, -100%) scale(1, 1);
}

@media screen and (max-width: 768px) {
  .tool-tip:hover .tool-tip-content,
  .tool-tip:active .tool-tip-content {
    visibility: hidden;
    opacity: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: anim-show-pause-hide;
    animation-name: anim-show-pause-hide;
  }
}

.tool-tip:hover .tool-tip-content > span,
.tool-tip:active .tool-tip-content > span {
  -webkit-transform: translate(0, 0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
}

@-webkit-keyframes anim-show-pause-hide {
  from {
    visibility: visible;
    opacity: 0;
    -webkit-transform: translate(-50%, -80%) scale(0.7, 0.7);
    transform: translate(-50%, -80%) scale(0.7, 0.7);
  }

  6% {
    opacity: 1;
    -webkit-transform: translate(-50%, -100%) scale(1, 1);
    transform: translate(-50%, -100%) scale(1, 1);
  }

  90% {
    opacity: 1;
    -webkit-transform: translate(-50%, -100%) scale(1, 1);
    transform: translate(-50%, -100%) scale(1, 1);
  }

  99% {
    opacity: 0;
    -webkit-transform: translate(-50%, -80%) scale(0.7, 0.7);
    transform: translate(-50%, -80%) scale(0.7, 0.7);
  }

  to {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, -80%) scale(0, 0);
    transform: translate(-50%, -80%) scale(0, 0);
  }
}

@keyframes anim-show-pause-hide {
  from {
    visibility: visible;
    opacity: 0;
    -webkit-transform: translate(-50%, -80%) scale(0.7, 0.7);
    transform: translate(-50%, -80%) scale(0.7, 0.7);
  }

  6% {
    opacity: 1;
    -webkit-transform: translate(-50%, -100%) scale(1, 1);
    transform: translate(-50%, -100%) scale(1, 1);
  }

  90% {
    opacity: 1;
    -webkit-transform: translate(-50%, -100%) scale(1, 1);
    transform: translate(-50%, -100%) scale(1, 1);
  }

  99% {
    opacity: 0;
    -webkit-transform: translate(-50%, -80%) scale(0.7, 0.7);
    transform: translate(-50%, -80%) scale(0.7, 0.7);
  }

  to {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, -80%) scale(0, 0);
    transform: translate(-50%, -80%) scale(0, 0);
  }
}

.accessory-options-page {
  margin-top: 0;
  overflow: hidden;
}

.accessory-options-page > .summary {
  padding: 4em 0 2em 0;
  background-color: #f2f2f2;
}

@media screen and (max-width: 659px) {
  .accessory-options-page > .summary {
    background-color: #fff;
    text-align: center;
    padding-bottom: 0;
  }
}

.accessory-options-page > .summary h1 {
  font-size: 3.69230769em;
  text-align: center;
  margin-bottom: 0.2em;
}

.accessory-options-page > .summary img.device-image {
  width: 100%;
}

@media screen and (max-width: 659px) {
  .accessory-options-page > .summary img.device-image {
    width: 50%;
    display: inline-block;
    margin-bottom: 1.8em;
  }
}

.accessory-options-page > .summary .spec {
  padding-top: 1.5em;
}

.accessory-options-page > .summary .spec h2 {
  margin-top: 0;
}

.accessory-options-page > .summary .spec p {
  margin-top: 0.3em;
}

@media screen and (max-width: 659px) {
  .accessory-options-page > .summary .spec {
    border: #ddd 1px solid;
    padding: 1.5em;
    border-radius: 3px 3px 0 0;
    text-align: left;
    background-color: #fff;
  }

  .accessory-options-page > .summary .spec p {
    margin-top: 0;
  }

  .accessory-options-page > .summary .spec.sub-spec {
    border-radius: 0 0 3px 3px;
    background-image: none;
    margin-top: 0;
    border-top: 0;
  }
}

.accessory-options-page .summary-arrow-section {
  background-color: #f2f2f2;
  position: relative;
  text-align: center;
  z-index: 1;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .summary-arrow-section {
    min-height: 70px;
    margin-top: 1.7em;
  }
}

.accessory-options-page .summary-arrow-section:before,
.accessory-options-page .summary-arrow-section:after {
  content: '';
  background-color: #f2f2f2;
  display: block;
  position: absolute;
  left: 0;
  right: 50%;
  bottom: -75px;
  margin-bottom: 2%;
  height: 80px;
  -ms-transform: skewX(0deg) skewY(4.5deg);
  -webkit-transform: skew(0deg, 4.5deg);
  transform: skew(0deg, 4.5deg);
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .summary-arrow-section:before,
  .accessory-options-page .summary-arrow-section:after {
    -ms-transform: skewX(0deg) skewY(10deg);
    -webkit-transform: skew(0deg, 10deg);
    transform: skew(0deg, 10deg);
    -webkit-backface-visibility: hidden;
    bottom: -30px;
    height: 60px;
  }
}

.accessory-options-page .summary-arrow-section:after {
  left: 50%;
  right: 0;
  -ms-transform: skewX(0) skewY(-4.5deg);
  -webkit-transform: skew(0, -4.5deg);
  transform: skew(0, -4.5deg);
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .summary-arrow-section:after {
    -ms-transform: skewX(0deg) skewY(-10deg);
    -webkit-transform: skew(0deg, -10deg);
    transform: skew(0deg, -10deg);
    -webkit-backface-visibility: hidden;
  }
}

.accessory-options-page .summary-arrow-section .container {
  -webkit-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate(0, 30px);
  position: relative;
  z-index: 1;
}

.accessory-options-page .summary-arrow-section .container h3 {
  margin-top: 0;
  font-family: 'Helvetica', Arial;
  font-weight: 400;
  font-size: 3.38461538em;
  line-height: 1em;
  display: inline-block;
  max-width: 565px;
}

.accessory-options-page .summary-arrow-section .container h3 strong {
  font-weight: 400;
  color: #F7931D;
}

.accessory-options-page .summary-arrow-section .container h3 p {
  margin: 0;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .summary-arrow-section .container {
    background-image: none;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .accessory-options-page .summary-arrow-section .container h3 {
    margin-top: 0.7em;
    font-size: 2.5em;
  }
}

.accessory-options-page .summary-arrow-section + .tabordion {
  margin-top: 7em;
}

.accessory-options-page .feat-accessory {
  position: relative;
}

.accessory-options-page .feat-accessory .price-box + p {
  margin-top: 0;
}

.accessory-options-page .feat-accessory .container {
  z-index: 1;
  position: relative;
}

.accessory-options-page .feat-accessory .container .feat-content {
  z-index: 2;
  position: relative;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory .container .feat-content {
    width: auto;
    float: none;
  }
}

.accessory-options-page .feat-accessory .container .feat-content .accessory-text {
  max-width: 480px;
}

.accessory-options-page .feat-accessory .container .feat-content p.pre-heading {
  font-size: 1.23076923em;
  font-weight: 600;
  margin: 0 !important;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory .container .feat-content p.pre-heading {
    font-weight: 600;
  }
}

.accessory-options-page .feat-accessory .container .feat-content h4 {
  font-size: 28px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-weight: 600;
  font-family: 'Helvetica', Arial;
  font-weight: bold;
  margin-top: 0;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .accessory-options-page .feat-accessory .container .feat-content h4 {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .accessory-options-page .feat-accessory .container .feat-content h4 {
    font-size: 18px;
  }
}

.accessory-options-page .feat-accessory .container .feat-content h4:first-child {
  margin-top: 0;
}

.accessory-options-page .feat-accessory .container .feat-content h4 .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .accessory-options-page .feat-accessory .container .feat-content h4 {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .accessory-options-page .feat-accessory .container .feat-content h4 {
    font-size: 18px;
  }
}

.accessory-options-page .feat-accessory .container .feat-content h4:first-child {
  margin-top: 0;
}

.accessory-options-page .feat-accessory .container .feat-content h4 .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory .container .feat-content h4 {
    line-height: 0.85em;
  }
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory .container .feat-content .accessory-price {
    font-size: 9px;
  }
}

.accessory-options-page .feat-accessory .container .feat-content .accessory-price .price {
  position: relative;
  display: inline-block;
  margin-right: 0.5em;
}

.accessory-options-page .feat-accessory .container .feat-content .accessory-price .price .t-large-price {
  font-size: 4.30769231em;
  line-height: 0.8em;
  font-family: 'Helvetica', Arial;
  font-weight: 400;
}

.accessory-options-page .feat-accessory .container .feat-content .accessory-price .price .suffix {
  font-weight: 600;
  font-size: 1.23076923em;
}

.accessory-options-page .feat-accessory .container .feat-content .accessory-price .old-price {
  vertical-align: top;
  display: inline-block;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 400;
  font-size: 2.30769231em;
  position: relative;
}

.accessory-options-page .feat-accessory .container .feat-content .accessory-price .old-price .suffix {
  font-size: 0.43333333em;
  line-height: 1.8em;
  font-family: 'Helvetica', Arial;
  bottom: 0;
}

.accessory-options-page .feat-accessory.primary-feat-accessory {
  padding: 73px 0 0;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.primary-feat-accessory {
    padding: 40px 0 0;
  }
}

.accessory-options-page .feat-accessory.primary-feat-accessory .row .row {
  margin-top: 2em;
  padding-top: 1em;
  width: 90%;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.primary-feat-accessory .row .row {
    margin-top: 0.3em;
    padding-top: 0;
    background-image: none;
  }

  .accessory-options-page .feat-accessory.primary-feat-accessory .row .row.accessory-price {
    margin-top: 6px;
  }
}

.accessory-options-page .feat-accessory.primary-feat-accessory .accessory-image {
  background-repeat: no-repeat;
  background-position: right bottom;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 50%;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.primary-feat-accessory .accessory-image {
    right: 63%;
    margin-right: 2em;
    background-size: 100% auto;
    background-position: 100% 50%;
  }
}

.accessory-options-page .feat-accessory.primary-feat-accessory .feat-content {
  padding: 4em 0;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.primary-feat-accessory .feat-content {
    margin-left: 37%;
    padding: 3em 0;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories {
  background-color: #f1696b;
  color: #fff;
  *background-color: #fff;
  background-image: -o-radial-gradient(circle, #ddd, #fff);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  padding-bottom: 1px;
  *zoom: 1;
}

@media screen and (max-width: 768px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories {
    padding-bottom: 0;
    border-bottom: 1px solid #fff;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories:before,
.accessory-options-page .feat-accessory.secondary-feat-accessories:after {
  display: table;
  content: "";
  line-height: 0;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories:after {
  clear: both;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory {
  width: 50%;
  margin: 0;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:before {
  z-index: 0;
  content: '';
  display: block;
  position: absolute;
  left: -1000px;
  height: 200px;
  right: 0;
  -ms-transform: skewX(0) skewY(4.5deg);
  -webkit-transform: skew(0, 4.5deg);
  transform: skew(0, 4.5deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:before {
    display: none;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:after {
  content: '';
  display: block;
  position: absolute;
  left: -1000px;
  top: 0;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:after {
    right: -1000px;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .accessory-image {
  position: absolute;
  top: 0;
  bottom: 5.1em;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  z-index: 1;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .accessory-image {
    left: 0 !important;
    right: 64% !important;
    background-size: 100% auto;
    background-position: 0 50% !important;
    margin-right: 2em !important;
    margin-left: 0 !important;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .feat-content {
  margin-left: 29.661016949152547%;
  padding: 5em 0 3em;
  min-height: 270px;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .feat-content {
    padding: 3em 0 3em;
    min-height: 0;
    margin-left: 37%;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .feat-content h4 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 0.8em;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .feat-content h4 {
    margin-bottom: 0.2em;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .feat-content p {
  margin-bottom: 1em;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .feat-content .price-box {
  color: #fff;
  margin-bottom: 0;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .accessory-footer {
  z-index: 1;
  background-color: #fff;
  text-align: right;
  box-sizing: border-box;
  position: relative;
  padding: 1em 0;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .accessory-footer {
    text-align: center !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .accessory-footer .color-box {
    display: inline-block !important;
    float: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    min-width: 0 !important;
    vertical-align: middle;
    min-height: 0 !important;
  }

  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .accessory-footer .button {
    vertical-align: middle;
    margin-left: 1em;
    margin-top: 0;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .accessory-footer:before {
  content: '';
  background-color: #f2f2f2;
  position: absolute;
  display: block;
  top: 0;
  right: -1000px;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .accessory-footer:before {
    left: -1000px;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .accessory-footer > div {
  z-index: 1;
  position: relative;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .accessory-footer .color-box {
  min-height: 42px;
  margin-top: 0;
  margin-bottom: 0;
  float: right;
  min-width: 50%;
  text-align: left;
  box-sizing: border-box;
  padding-left: 2em;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory .accessory-footer .button {
  margin-top: 0;
  white-space: nowrap;
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child {
  background-color: #F7931D;
  position: relative;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child .accessory-image {
  left: -1000px;
  background-position: right bottom;
  right: 50%;
  margin-right: 50px;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child .accessory-footer {
  padding-right: 3em;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child .accessory-footer:before {
  left: -1000px;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:before {
  background-color: #F7931D;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:after {
  background-color: #F7931D;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child .accessory-footer:before {
  *background-color: rgba(0, 0, 0, 0);
  background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0));
  background-size: 1px 100%;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  left: -1000px;
  right: 0;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child .accessory-footer:before {
    right: -1000px;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child + .secondary-feat-accessory {
  background-color: #EE4A56;
  position: relative;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child + .secondary-feat-accessory .feat-content {
  margin-left: 12.711864406779661%;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child + .secondary-feat-accessory .feat-content {
    margin-left: 37%;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child + .secondary-feat-accessory .accessory-image {
  right: -1000px;
  background-position: left bottom;
  left: 50%;
  margin-left: 50px;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child + .secondary-feat-accessory .accessory-footer {
  text-align: left;
  padding-left: 4em;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child + .secondary-feat-accessory .accessory-footer .color-box {
  float: left;
  text-align: right;
  padding-left: 0;
  padding-right: 1em;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child + .secondary-feat-accessory .accessory-footer .button {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child + .secondary-feat-accessory:before {
  background-color: #EE4A56;
  left: 0;
  right: -1000px;
  -ms-transform: skewX(0) skewY(-4.5deg);
  -webkit-transform: skew(0, -4.5deg);
  transform: skew(0, -4.5deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child + .secondary-feat-accessory:after {
  background-color: #EE4A56;
  left: 0;
  right: -1000px;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child + .secondary-feat-accessory:after {
    left: -1000px;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:last-child {
  width: 100%;
  float: none;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:last-child:before {
  right: 50%;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:last-child:after {
  left: 50%;
  top: 0;
  bottom: auto;
  right: -1000px;
  height: 200px;
  -ms-transform: skewX(0) skewY(-4.5deg);
  -webkit-transform: skew(0, -4.5deg);
  transform: skew(0, -4.5deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:last-child:after {
    display: none;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:last-child .accessory-image {
  margin-right: 0;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:last-child .feat-content {
  margin-left: 55%;
  width: 45%;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:last-child .feat-content {
    width: auto;
    margin-left: 37%;
  }
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:last-child .accessory-footer {
  margin-left: 55%;
  width: 45%;
  text-align: left;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:last-child .accessory-footer .color-box {
  float: left;
  padding-right: 5em;
  padding-left: 0;
  text-align: left;
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:last-child .accessory-footer .button {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:last-child .accessory-footer:before {
  right: -1000px;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .feat-accessory.secondary-feat-accessories .secondary-feat-accessory:first-child:last-child .accessory-footer {
    margin-left: 0;
    width: auto;
    text-align: center;
  }
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories {
  padding-bottom: 3em;
  position: relative;
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories h3 {
  font-family: 'Helvetica', Arial;
  font-weight: 400;
  font-size: 4.30769231em;
  margin-top: 0.6em;
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories > .container > .row {
  margin-top: 2em;
  position: relative;
  padding-bottom: 8.7em;
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories .feat-content {
  padding: 0 3em;
  position: static;
  box-sizing: border-box;
  *background-color: rgba(0, 0, 0, 0);
  background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0));
  background-size: 1px 100%;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 1px 60%;
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories .feat-content:last-child {
  background-image: none;
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories .feat-content .accessory-image {
  display: inline-block;
  width: 50%;
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories .feat-content h4 {
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  font-size: 1.23076923em;
  margin-top: 1.5em;
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories .feat-content .color-box {
  margin-top: 1.4em;
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories .feat-content .accessory-footer {
  position: absolute;
  width: 30%;
  margin-top: 1.4em;
  margin-left: -3em;
  bottom: 0;
  box-sizing: border-box;
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories .feat-content .accessory-footer p {
  margin-top: 0;
  margin-bottom: 1em;
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories .feat-content .price {
  display: inline-block;
  padding-top: 0.3em;
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories .feat-content .price .suffix {
  font-size: 1.23076923em;
  font-weight: 600;
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories .feat-content .old-price {
  position: absolute;
  left: 0;
  right: 50%;
  margin-top: 2.3em;
}

.accessory-options-page .feat-accessory.tertiary-feat-accessories .feat-content .old-price .strike-through {
  font-size: 1.23076923em;
  font-weight: 600;
}

.accessory-options-page .feat-accessory.primary-feat-accessory + .tertiary-feat-accessories {
  background-color: #f2f2f2;
}

.accessory-options-page .feat-accessory.primary-feat-accessory + .tertiary-feat-accessories:before,
.accessory-options-page .feat-accessory.primary-feat-accessory + .tertiary-feat-accessories:after {
  z-index: 0;
  background-color: #f2f2f2;
  top: 0;
  content: '';
  display: block;
  position: absolute;
  height: 200px;
}

.accessory-options-page .feat-accessory.primary-feat-accessory + .tertiary-feat-accessories:before {
  left: -1000px;
  right: 50%;
  -ms-transform: skewX(0) skewY(4.5deg);
  -webkit-transform: skew(0, 4.5deg);
  transform: skew(0, 4.5deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.accessory-options-page .feat-accessory.primary-feat-accessory + .tertiary-feat-accessories:after {
  right: -1000px;
  left: 50%;
  -ms-transform: skewX(0) skewY(-4.5deg);
  -webkit-transform: skew(0, -4.5deg);
  transform: skew(0, -4.5deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.accessory-options-page .summary-arrow-section + .tertiary-feat-accessories {
  margin-top: 7em;
}

.accessory-options-page .tabordion .accessory-list .accessory-list-item {
  *background-color: rgba(0, 0, 0, 0);
  background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0));
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
}

@media screen and (max-width: 768px) {
  .accessory-options-page .tabordion .accessory-list .accessory-list-item {
    border-bottom: #f2f2f2 1px solid;
    margin-bottom: 2rem;
  }
}

.accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row {
  padding: 2em 0;
}

@media screen and (max-width: 768px) {
  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row {
    padding-bottom: 1em;
    position: relative;
  }

  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .row [class*="span"] {
    margin: 0;
    display: block;
    float: none;
    width: 100% !important;
  }

  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .row [class*="span"] .button-col {
    width: 60% !important;
    margin-left: auto;
  }
}

.accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row h4 {
  font-size: 1.23076923em;
  font-weight: 600;
  margin-top: 0;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row h4 {
    font-size: 13px;
  }
}

@media screen and (max-width: 659px) {
  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row p {
    margin: 0;
  }
}

.accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row label.read-more {
  cursor: pointer;
  font-weight: 600;
  color: #f18d2d;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row label.read-more {
    display: block;
    position: absolute;
    bottom: 2em;
  }
}

.accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .price .t-large-price {
  font-size: 2.15384615em;
  font-weight: 600;
}

.accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .price .suffix {
  font-weight: 600;
  font-size: 1.23076923em;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .price {
    margin-top: 0.3em;
    display: block;
  }

  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .price .t-large-price,
  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .price .suffix {
    font-size: 12px;
  }
}

.accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .old-price {
  vertical-align: top;
  display: inline-block;
  line-height: 1em;
  font-weight: 600;
  font-size: 1.23076923em;
  margin-left: 0.5em;
  position: relative;
}

.accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .old-price .suffix {
  font-size: 0.8125em;
  line-height: 1.8em;
  font-weight: 400;
  bottom: 0;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .old-price {
    margin: 0;
  }

  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .old-price .strike-through,
  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .old-price .suffix {
    font-size: 11px;
  }
}

@media screen and (max-width: 659px) {
  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .color-box {
    margin-bottom: 2em;
    margin-top: 1em;
  }

  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .color-box .color-box-copy p {
    font-size: 11px;
  }
}

.accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .button-col {
  text-align: right;
}

@media screen and (max-width: 659px) {
  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .button-col {
    float: left;
    width: 47% !important;
  }

  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .button-col .button {
    background-color: #1f99c9;
    color: #fff;
  }

  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .button-col .button.disabled {
    background-color: #f2f2f2;
    color: #999;
  }

  .accessory-options-page .tabordion .accessory-list .accessory-list-item > .container > .row .button-col input:checked + .button {
    background-color: #f1696b;
  }
}

.accessory-options-page .tabordion .accessory-list .accessory-list-item input.bubble-checkbox {
  display: none;
}

.accessory-options-page .tabordion .accessory-list .accessory-list-item input.bubble-checkbox:checked + .accessory-bubble {
  visibility: visible;
  max-height: 300px;
}

.accessory-options-page .tabordion .accessory-list .accessory-list-item input.bubble-checkbox:checked + .accessory-bubble .inner {
  padding: 2em 0;
  opacity: 1;
  -webkit-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  transform: translate(0, 0px);
  transition: opacity 0.3s ease 0.15s, padding 0.3s, -webkit-transform 0.3s ease 0.15s;
  transition: opacity 0.3s ease 0.15s, padding 0.3s, transform 0.3s ease 0.15s;
  transition: opacity 0.3s ease 0.15s, padding 0.3s, transform 0.3s ease 0.15s, -webkit-transform 0.3s ease 0.15s;
}

.accessory-options-page .tabordion .accessory-list .accessory-list-item input.bubble-checkbox:checked + .accessory-bubble:before {
  top: -20px;
  visibility: visible;
  transition: all 0.3s ease 0.1s;
}

.accessory-options-page span.toggle-button input.select-checkbox {
  display: none;
}

.accessory-options-page span.toggle-button label.btn {
  position: relative;
}

.accessory-options-page span.toggle-button label.btn span.selected {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: all 0.0s;
  position: absolute;
  left: 1.3rem;
  right: 0;
  text-align: center;
  color: #fff;
}

.accessory-options-page span.toggle-button label.btn span.selected:before {
  content: 'a';
  position: absolute;
  font-family: 'treicon', sans-serif;
  margin-right: 5px;
  font-size: 1.7em;
  line-height: 1.07142857rem;
  margin-left: -20px;
  margin-top: -5px;
}

.accessory-options-page span.toggle-button label.btn.disabled:before {
  content: "";
  position: absolute;
  border: 7px solid transparent;
  border-top-color: #efefef;
  left: 50%;
  margin-left: -7px;
  opacity: 0;
  top: 0;
}

.accessory-options-page span.toggle-button label.btn.disabled:after {
  opacity: 0;
  content: "Max 4000 kr per order.";
  font-size: 9px;
  font-weight: normal;
  position: absolute;
  color: #7f7f7c;
  line-height: 1.2em;
  left: 0;
  right: 0;
  top: 0;
  background: #efefef;
  border-radius: 3px;
  padding: 0.5em;
  white-space: normal;
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
}

.accessory-options-page span.toggle-button label.btn.disabled.override:after {
  content: "Du kan bara v\00E4lja en paketering.";
}

@media screen and (max-width: 659px) {
  .accessory-options-page span.toggle-button label.btn.disabled:before {
    display: none;
  }

  .accessory-options-page span.toggle-button label.btn.disabled:after {
    opacity: 1;
    font-size: 8px;
    background-color: #f2f2f2;
    border-radius: 0;
    padding: 0 8px;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.accessory-options-page span.toggle-button label.btn.disabled:hover:before {
  transition: all 0.5s;
  opacity: 1;
  top: -5px;
}

.accessory-options-page span.toggle-button label.btn.disabled:hover:after {
  transition: all 0.5s;
  opacity: 1;
  top: -5px;
}

.accessory-options-page span.toggle-button input.select-checkbox:checked + label.btn {
  background-color: #F7931D;
  color: #fff;
}

.accessory-options-page span.toggle-button input.select-checkbox:checked + label.btn .select {
  visibility: hidden;
}

.accessory-options-page span.toggle-button input.select-checkbox:checked + label.btn .selected {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 0.2s;
  transition-timing-function: cubic-bezier(0, 0.955, 0.56, 1.65);
  /* custom */
}

.accessory-options-page .button.no-accessories {
  margin-top: 4em;
}

.animated-markup {
  padding-top: 100%;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.animated-markup,
.animated-markup *,
.animated-markup *:after,
.animated-markup *:before {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.animated-markup.animated-markup-play,
.animated-markup.animated-markup-play *,
.animated-markup.animated-markup-play *:after,
.animated-markup.animated-markup-play *:before {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.animated-markup .canvas {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animated-markup .canvas .animation-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.animated-markup .canvas .animation-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animated-markup.one-sim-card {
  padding-top: 40%;
  -webkit-animation-name: bounce-in;
  animation-name: bounce-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated-markup.one-sim-card .animation-container {
  max-width: 50%;
  max-height: 100%;
  width: 50%;
  height: 100%;
}

.animated-markup.one-sim-card img {
  width: 40%;
}

@-webkit-keyframes bounce-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounce-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.animated-markup.new-sim-card {
  padding-top: 40%;
  -webkit-animation-name: bounce-in;
  animation-name: bounce-in;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-markup.new-sim-card .animation-container {
  max-width: 50%;
  max-height: 100%;
  width: 50%;
  height: 100%;
}

.animated-markup.new-sim-card .canvas img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-110%, -50%);
  -ms-transform: translate(-110%, -50%);
  transform: translate(-110%, -50%);
  width: 40%;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: move-left;
  animation-name: move-left;
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 2;
}

.animated-markup.new-sim-card .canvas img + img {
  z-index: 1;
  opacity: 1;
  -webkit-animation-name: duplicate;
  animation-name: duplicate;
  -webkit-transform: translate(10%, -50%);
  -ms-transform: translate(10%, -50%);
  transform: translate(10%, -50%);
}

@-webkit-keyframes move-left {
  0% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  100% {
    -webkit-transform: translate(-110%, -50%);
    transform: translate(-110%, -50%);
  }
}

@keyframes move-left {
  0% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  100% {
    -webkit-transform: translate(-110%, -50%);
    transform: translate(-110%, -50%);
  }
}

@-webkit-keyframes duplicate {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(10%, -50%);
    transform: translate(10%, -50%);
  }
}

@keyframes duplicate {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(10%, -50%);
    transform: translate(10%, -50%);
  }
}

.animated-markup.many-sim-discount {
  padding-top: 40%;
}

.animated-markup.many-sim-discount .animation-container {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  max-width: 50%;
  max-height: 100%;
  width: 50%;
  height: 100%;
}

.animated-markup.many-sim-discount .canvas img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-95%, -50%) rotate(-15deg);
  -ms-transform: translate(-95%, -50%) rotate(-15deg);
  transform: translate(-95%, -50%) rotate(-15deg);
  width: 40%;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: rotate-left;
  animation-name: rotate-left;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 1;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.animated-markup.many-sim-discount .canvas img + img {
  z-index: 2;
  -webkit-animation-name: rotate-right;
  animation-name: rotate-right;
  -webkit-transform: translate(-45%, -50%) rotate(15deg);
  -ms-transform: translate(-45%, -50%) rotate(15deg);
  transform: translate(-45%, -50%) rotate(15deg);
}

.animated-markup.many-sim-discount .canvas img + img + img {
  z-index: 3;
  -webkit-animation-name: rotate-right-more;
  animation-name: rotate-right-more;
  -webkit-transform-origin: 50% 150%;
  -ms-transform-origin: 50% 150%;
  transform-origin: 50% 150%;
  -webkit-transform: translate(10%, -15%) rotate(15deg);
  -ms-transform: translate(10%, -15%) rotate(15deg);
  transform: translate(10%, -15%) rotate(15deg);
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes rotate-left {
  0% {
    -webkit-transform: translate(-70%, -50%) rotate(0deg);
    transform: translate(-70%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-95%, -50%) rotate(-15deg);
    transform: translate(-95%, -50%) rotate(-15deg);
  }
}

@keyframes rotate-left {
  0% {
    -webkit-transform: translate(-70%, -50%) rotate(0deg);
    transform: translate(-70%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-95%, -50%) rotate(-15deg);
    transform: translate(-95%, -50%) rotate(-15deg);
  }
}

@-webkit-keyframes rotate-right {
  0% {
    -webkit-transform: translate(-70%, -50%) rotate(0deg);
    transform: translate(-70%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-45%, -50%) rotate(15deg);
    transform: translate(-45%, -50%) rotate(15deg);
  }
}

@keyframes rotate-right {
  0% {
    -webkit-transform: translate(-70%, -50%) rotate(0deg);
    transform: translate(-70%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-45%, -50%) rotate(15deg);
    transform: translate(-45%, -50%) rotate(15deg);
  }
}

@-webkit-keyframes rotate-right-more {
  0% {
    -webkit-transform: translate(-40%, -35%) rotate(0deg);
    transform: translate(-40%, -35%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(10%, -15%) rotate(15deg);
    transform: translate(10%, -15%) rotate(15deg);
  }
}

@keyframes rotate-right-more {
  0% {
    -webkit-transform: translate(-40%, -35%) rotate(0deg);
    transform: translate(-40%, -35%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(10%, -15%) rotate(15deg);
    transform: translate(10%, -15%) rotate(15deg);
  }
}

.animated-markup.individual-data {
  padding-top: 70%;
}

.animated-markup.individual-data.animated-markup-play .animation-container > div {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.animated-markup.individual-data .animation-container {
  height: 100%;
}

.animated-markup.individual-data .animation-container > div {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.animated-markup.individual-data .animation-container > div img {
  width: 40%;
  top: auto;
  bottom: 5%;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: inherit;
  animation-fill-mode: inherit;
  -webkit-animation-delay: inherit;
  animation-delay: inherit;
  -webkit-animation-play-state: inherit;
  animation-play-state: inherit;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.animated-markup.individual-data .animation-container > div > span {
  display: block;
  border-radius: 1000px;
  padding-top: 25%;
  border: 2px solid;
  width: 25%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #30302e;
  height: 0;
  -webkit-animation-name: data-in;
  animation-name: data-in;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-play-state: inherit;
  animation-play-state: inherit;
  -webkit-animation-fill-mode: inherit;
  animation-fill-mode: inherit;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media (max-width: 400px) {
  .animated-markup.individual-data .animation-container > div > span {
    font-size: 3.2vw;
  }
}

@-webkit-keyframes data-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 0) scale(0.5) rotate(90deg);
    transform: translate(-50%, 0) scale(0.5) rotate(90deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0) scale(1) rotate(0);
    transform: translate(-50%, 0) scale(1) rotate(0);
  }
}

@keyframes data-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 0) scale(0.5) rotate(90deg);
    transform: translate(-50%, 0) scale(0.5) rotate(90deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0) scale(1) rotate(0);
    transform: translate(-50%, 0) scale(1) rotate(0);
  }
}

.animated-markup.individual-data .animation-container > div > span:before {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: scale-in-b;
  animation-name: scale-in-b;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-play-state: inherit;
  animation-play-state: inherit;
  content: '';
  position: absolute;
  bottom: 0;
  height: 18px;
  left: 50%;
  color: #30302e;
  border-left: 2px solid;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@-webkit-keyframes scale-in-b {
  0% {
    -webkit-transform: translate(-50%, 100%) scale(1, 0);
    transform: translate(-50%, 100%) scale(1, 0);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(-50%, 100%) scale(1, 1);
    transform: translate(-50%, 100%) scale(1, 1);
  }
}

@keyframes scale-in-b {
  0% {
    -webkit-transform: translate(-50%, 100%) scale(1, 0);
    transform: translate(-50%, 100%) scale(1, 0);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(-50%, 100%) scale(1, 1);
    transform: translate(-50%, 100%) scale(1, 1);
  }
}

.animated-markup.individual-data .animation-container > div > span:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(45deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(45deg);
  transform: translate(0.4em, 0.4em) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.animated-markup.individual-data .animation-container > div > span:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate(-50%, 0) rotate(135deg);
  -ms-transform: translate(-50%, 0) rotate(135deg);
  transform: translate(-50%, 0) rotate(135deg);
  bottom: -18px;
  left: 50%;
  border-color: #30302e;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: scale-in-a;
  animation-name: scale-in-a;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-play-state: inherit;
  animation-play-state: inherit;
}

@-webkit-keyframes scale-in-a {
  0% {
    bottom: 0;
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  100% {
    bottom: -18px;
  }
}

@keyframes scale-in-a {
  0% {
    bottom: 0;
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  100% {
    bottom: -18px;
  }
}

.animated-markup.individual-data .animation-container > div > span span,
.animated-markup.individual-data .animation-container > div > span strong {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

.animated-markup.individual-data .animation-container > div > span span {
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.animated-markup.individual-data .animation-container > div:first-child > img,
.animated-markup.individual-data .animation-container > div:first-child > span {
  left: 10%;
}

.animated-markup.individual-data .animation-container > div:first-child > img {
  -webkit-animation-name: slide-left;
  animation-name: slide-left;
}

.animated-markup.individual-data .animation-container > div:first-child > span:after,
.animated-markup.individual-data .animation-container > div:first-child > span:before {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translate(-40%, 0);
    transform: translate(-40%, 0);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@keyframes slide-left {
  0% {
    -webkit-transform: translate(-40%, 0);
    transform: translate(-40%, 0);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.animated-markup.individual-data .animation-container > div:last-child > img,
.animated-markup.individual-data .animation-container > div:last-child > span {
  left: 90%;
}

.animated-markup.individual-data .animation-container > div:last-child > img {
  -webkit-animation-name: slide-right;
  animation-name: slide-right;
}

.animated-markup.individual-data .animation-container > div:last-child > span:after,
.animated-markup.individual-data .animation-container > div:last-child > span:before {
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
}

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translate(-60%, 0);
    transform: translate(-60%, 0);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@keyframes slide-right {
  0% {
    -webkit-transform: translate(-60%, 0);
    transform: translate(-60%, 0);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.animated-markup.shared-data {
  padding-top: 70%;
}

.animated-markup.shared-data.animated-markup-play .animation-container > div {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.animated-markup.shared-data .animation-container {
  height: 100%;
}

.animated-markup.shared-data .animation-container > div {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.animated-markup.shared-data .animation-container > div img {
  width: 40%;
  top: auto;
  bottom: 5%;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: inherit;
  animation-fill-mode: inherit;
  -webkit-animation-delay: inherit;
  animation-delay: inherit;
  -webkit-animation-play-state: inherit;
  animation-play-state: inherit;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.animated-markup.shared-data .animation-container > div > span {
  display: block;
  border-radius: 1000px;
  padding-top: 25%;
  border: 2px solid;
  width: 25%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #30302e;
  height: 0;
  -webkit-animation-name: data-in;
  animation-name: data-in;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-play-state: inherit;
  animation-play-state: inherit;
  -webkit-animation-fill-mode: inherit;
  animation-fill-mode: inherit;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media (max-width: 400px) {
  .animated-markup.shared-data .animation-container > div > span {
    font-size: 3.2vw;
  }
}

@keyframes data-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 0) scale(0.5) rotate(90deg);
    transform: translate(-50%, 0) scale(0.5) rotate(90deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0) scale(1) rotate(0);
    transform: translate(-50%, 0) scale(1) rotate(0);
  }
}

.animated-markup.shared-data .animation-container > div > span:before {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: scale-in-b;
  animation-name: scale-in-b;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-play-state: inherit;
  animation-play-state: inherit;
  content: '';
  position: absolute;
  bottom: 0;
  height: 18px;
  left: 50%;
  color: #30302e;
  border-left: 2px solid;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@keyframes scale-in-b {
  0% {
    -webkit-transform: translate(-50%, 100%) scale(1, 0);
    transform: translate(-50%, 100%) scale(1, 0);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(-50%, 100%) scale(1, 1);
    transform: translate(-50%, 100%) scale(1, 1);
  }
}

.animated-markup.shared-data .animation-container > div > span:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(45deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(45deg);
  transform: translate(0.4em, 0.4em) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.animated-markup.shared-data .animation-container > div > span:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate(-50%, 0) rotate(135deg);
  -ms-transform: translate(-50%, 0) rotate(135deg);
  transform: translate(-50%, 0) rotate(135deg);
  bottom: -18px;
  left: 50%;
  border-color: #30302e;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: scale-in-a;
  animation-name: scale-in-a;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-play-state: inherit;
  animation-play-state: inherit;
}

@keyframes scale-in-a {
  0% {
    bottom: 0;
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  100% {
    bottom: -18px;
  }
}

.animated-markup.shared-data .animation-container > div > span span,
.animated-markup.shared-data .animation-container > div > span strong {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

.animated-markup.shared-data .animation-container > div > span span {
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.animated-markup.shared-data .animation-container > div:first-child > img,
.animated-markup.shared-data .animation-container > div:first-child > span {
  left: 10%;
}

.animated-markup.shared-data .animation-container > div:first-child > img {
  -webkit-animation-name: slide-left;
  animation-name: slide-left;
}

.animated-markup.shared-data .animation-container > div:first-child > span:after,
.animated-markup.shared-data .animation-container > div:first-child > span:before {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

@keyframes slide-left {
  0% {
    -webkit-transform: translate(-40%, 0);
    transform: translate(-40%, 0);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.animated-markup.shared-data .animation-container > div:last-child > img,
.animated-markup.shared-data .animation-container > div:last-child > span {
  left: 90%;
}

.animated-markup.shared-data .animation-container > div:last-child > img {
  -webkit-animation-name: slide-right;
  animation-name: slide-right;
}

.animated-markup.shared-data .animation-container > div:last-child > span:after,
.animated-markup.shared-data .animation-container > div:last-child > span:before {
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
}

@keyframes slide-right {
  0% {
    -webkit-transform: translate(-60%, 0);
    transform: translate(-60%, 0);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.animated-markup.shared-data .animation-container div {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated-markup.shared-data .animation-container div img {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated-markup.shared-data .animation-container div span {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.animated-markup.shared-data .animation-container div span:after,
.animated-markup.shared-data .animation-container div span:before {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated-markup.shared-data .animation-container div span i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation-play-state: inherit;
  animation-play-state: inherit;
}

.animated-markup.shared-data .animation-container div span i + i {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-markup.shared-data .animation-container div span i:before {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: scale-in-b;
  animation-name: scale-in-b;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: inherit;
  animation-play-state: inherit;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  content: '';
  position: absolute;
  bottom: 0;
  height: 40px;
  left: 50%;
  color: #30302e;
  border-left: 2px solid;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animated-markup.shared-data .animation-container div span i:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(45deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(45deg);
  transform: translate(0.4em, 0.4em) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.animated-markup.shared-data .animation-container div span i:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate(-50%, 0) rotate(135deg);
  -ms-transform: translate(-50%, 0) rotate(135deg);
  transform: translate(-50%, 0) rotate(135deg);
  bottom: -40px;
  left: 50%;
  border-color: #30302e;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: scale-in-a2;
  animation-name: scale-in-a2;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: inherit;
  animation-play-state: inherit;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

@-webkit-keyframes scale-in-a2 {
  0% {
    bottom: 0;
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  100% {
    bottom: -40px;
  }
}

@keyframes scale-in-a2 {
  0% {
    bottom: 0;
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  100% {
    bottom: -40px;
  }
}

.animated-symbol-columns {
  text-align: center;
  box-sizing: border-box;
  padding-bottom: 120px;
  min-height: calc(100vh - 45px);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
}

html.lt-ie10 .animated-symbol-columns {
  min-height: 0;
}

@media screen and (max-width: 768px) {
  .animated-symbol-columns {
    padding-bottom: 40px;
  }
}

.animated-symbol-columns .container {
  max-width: 1280px;
  width: 100%;
}

.animated-symbol-columns .container .intro {
  max-width: 680px;
  margin: auto;
}

.animated-symbol-columns .container .intro h2 {
  font-size: 48px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .animated-symbol-columns .container .intro h2 {
    font-size: 30px;
  }
}

@media screen and (max-width: 768px) {
  .animated-symbol-columns .container .intro h2 {
    font-size: 20px;
  }
}

.animated-symbol-columns .container .intro > p {
  font-size: 18px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  color: #7f7f7c;
  line-height: 1.5em;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .animated-symbol-columns .container .intro > p {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .animated-symbol-columns .container .intro > p {
    font-size: 14px;
  }
}

.animated-symbol-columns .container .intro > p:first-child {
  margin-top: 0;
}

.animated-symbol-columns .container .intro > p .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .animated-symbol-columns .container .intro > p {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .animated-symbol-columns .container .intro > p {
    font-size: 14px;
  }
}

.animated-symbol-columns .container .intro > p:first-child {
  margin-top: 0;
}

.animated-symbol-columns .container .intro > p .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

.animated-symbol-columns .container .flex-columns {
  margin-top: 3rem;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.animated-symbol-columns .container .flex-columns > div {
  max-width: 426.66666667px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

html.flexboxtweener .animated-symbol-columns .container .flex-columns > div {
  max-width: none;
  box-sizing: content-box;
}

.animated-symbol-columns .container .flex-columns > div > div {
  max-width: 300px;
  margin: auto;
}

@media screen and (min-width: 769px) {
  .animated-symbol-columns .container .flex-columns.story-arrows.story-arrows-play > div + div:before,
  .animated-symbol-columns .container .flex-columns.story-arrows.story-arrows-play > div + div:after {
    -webkit-animation: 1s fade-in both;
    animation: 1s fade-in both;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }

  .animated-symbol-columns .container .flex-columns.story-arrows.story-arrows-play > div + div:nth-child(3):before,
  .animated-symbol-columns .container .flex-columns.story-arrows.story-arrows-play > div + div:nth-child(3):after {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
  }

  .animated-symbol-columns .container .flex-columns.story-arrows.story-arrows-play > div + div:before {
    content: '';
    position: absolute;
    left: 0;
    width: 14px;
    top: 50%;
    color: #30302e;
    border-top: 2px solid;
    -webkit-transform: translate(-4px, -50%);
    -ms-transform: translate(-4px, -50%);
    transform: translate(-4px, -50%);
  }

  .animated-symbol-columns .container .flex-columns.story-arrows.story-arrows-play > div + div:after {
    content: '';
    display: inline-block;
    color: inherit;
    position: absolute;
    -webkit-transform: translate(0.4em, 0.4em) rotate(45deg);
    -ms-transform: translate(0.4em, 0.4em) rotate(45deg);
    transform: translate(0.4em, 0.4em) rotate(45deg);
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
  }

  .animated-symbol-columns .container .flex-columns.story-arrows.story-arrows-play > div + div:after {
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    left: 0;
    top: 50%;
    border-color: #30302e;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
  }
}

.animated-symbol-columns .container .flex-columns p {
  margin-top: 1rem;
}

@media screen and (min-width: 769px) {
  .animated-symbol-columns .container .flex-columns + p {
    margin-top: 6rem;
  }
}

.animated-symbol-columns .container .btn {
  min-width: 200px;
}

.animated-symbol-columns.shaded {
  background-color: #f2f2f2;
}

.bottom-section {
  background-color: #f2f2f2;
  padding: 80px 0;
}

@media screen and (max-width: 768px) {
  .bottom-section {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .bottom-section .flex-columns {
    padding: 0 50px;
  }
}

.bottom-section .container {
  max-width: 1280px;
}

.bottom-section p {
  margin-top: 2rem;
  max-width: 550px;
}

.bottom-section .btn {
  color: #30302e;
  border-color: #30302e;
}

.bottom-section .btn:hover {
  background-color: #30302e;
  border-color: #30302e;
  color: #fff;
}

.bottom-section .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.bottom-section .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.bottom-section .btn.loading:after {
  background-color: #999;
}

.bottom-section img {
  padding-right: 9%;
  width: 100%;
  box-sizing: border-box;
}

.campaign-hero {
  background-color: #f2f2f2;
  padding: 90px 0 80px;
}

@media screen and (max-width: 768px) {
  .campaign-hero {
    padding: 30px 0;
  }
}

@media screen and (max-width: 768px) {
  .campaign-hero .hero-product .container {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .campaign-hero .hero-image > div {
    width: 160%;
    margin-left: -60%;
  }
}

.campaign-hero .hero-body h1 {
  font-size: 72px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .campaign-hero .hero-body h1 {
    font-size: 54px;
  }
}

@media screen and (max-width: 768px) {
  .campaign-hero .hero-body h1 {
    font-size: 36px;
  }
}

.campaign-hero .hero-body h1 + .preamble {
  margin-top: 2rem;
}

.campaign-hero .hero-body h1:first-child {
  margin-top: 0;
}

.campaign-hero .hero-body h1 .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .campaign-hero .hero-body h1 {
    font-size: 54px;
  }
}

@media screen and (max-width: 768px) {
  .campaign-hero .hero-body h1 {
    font-size: 36px;
  }
}

.campaign-hero .hero-body h1 + .preamble {
  margin-top: 2rem;
}

.campaign-hero .hero-body h1:first-child {
  margin-top: 0;
}

.campaign-hero .hero-body h1 .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .campaign-hero .hero-body h1 {
    font-size: 28px;
  }
}

.campaign-hero .hero-body h1 span {
  display: block;
}

.campaign-hero .hero-body h1 span:first-child {
  color: #ec7575;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .campaign-hero .hero-body h1 span:first-child {
  background: linear-gradient(to right, #f18d2d, #ec7575);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.company .campaign-hero .hero-body h1 span:first-child {
  color: #1f99c9;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .company .campaign-hero .hero-body h1 span:first-child {
  background: linear-gradient(to right, #51c1c1, #1f99c9);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.campaign-hero .hero-body ul {
  margin-top: 2em;
}

.campaign-hero .hero-body ul li {
  color: #30302e;
  font-weight: bold;
}

.campaign-hero .hero-body .color-box {
  margin-top: 2rem;
}

.campaign-hero .hero-body .delivery-time,
.campaign-hero .hero-body .upfront-price {
  display: inline-block;
  margin-top: 1rem;
}

.campaign-hero .hero-body .upfront-price {
  margin-left: -0.25em;
}

@media screen and (max-width: 768px) {
  .campaign-hero .hero-body .upfront-price {
    margin-left: 0;
  }
}

.campaign-hero .hero-body .upfront-price:before {
  content: "\2022";
  display: inline-block;
  margin: 0 1em;
}

@media screen and (max-width: 768px) {
  .campaign-hero .hero-body .upfront-price:before {
    display: none;
  }
}

.campaign-hero .hero-body .price-box {
  margin-top: 2rem;
}

.campaign-hero .hero-body .btn {
  color: #30302e;
  border-color: #30302e;
  padding-left: 4.5em;
  position: relative;
  font-family: "helvetica", sans-serif;
  margin-top: 2rem;
}

.campaign-hero .hero-body .btn:hover {
  background-color: #30302e;
  border-color: #30302e;
  color: #fff;
}

.campaign-hero .hero-body .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.campaign-hero .hero-body .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.campaign-hero .hero-body .btn.loading:after {
  background-color: #999;
}

.campaign-hero .hero-body .btn:before {
  font-size: 3em;
  position: absolute;
  content: "B";
  font-family: "treiconNeue2", sans-serif;
  left: 0.3em;
  font-weight: normal;
}

.campaign-list .campaign-list-item > div.campaign-list-item-image {
  display: none;
}

@media screen and (max-width: 768px) {
  .campaign-list .campaign-list-item > div.campaign-list-item-image {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .campaign-list .campaign-list-item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .lt-ie10 .campaign-list .campaign-list-item {
    display: block;
    *zoom: 1;
  }

  .lt-ie10 .campaign-list .campaign-list-item:before,
  .lt-ie10 .campaign-list .campaign-list-item:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .lt-ie10 .campaign-list .campaign-list-item:after {
    clear: both;
  }

  .lt-ie10 .campaign-list .campaign-list-item > * {
    float: left;
  }

  .campaign-list .campaign-list-item > * {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(Infinity% + Infinitypx);
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

  .campaign-list .campaign-list-item > *:nth-child(0n) {
    margin-right: -10px;
  }

  .campaign-list .campaign-list-item > *:nth-child(0n +1) {
    margin-left: -10px;
  }

  .lt-ie10 .campaign-list .campaign-list-item > *:nth-child(0n +1) {
    clear: left;
  }

  .campaign-list .campaign-list-item > * {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-basis: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 !important;
  }

  .campaign-list .campaign-list-item > *:first-child {
    padding-left: 0;
  }

  .campaign-list .campaign-list-item > *:last-child {
    padding-right: 0;
  }

  .lt-ie10 .campaign-list .campaign-list-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    position: relative;
    z-index: 10;
  }

  .lt-ie10 .campaign-list .campaign-list-item:after,
  .lt-ie10 .campaign-list .campaign-list-item:before {
    display: none;
  }

  .lt-ie10 .campaign-list .campaign-list-item > * {
    float: none;
    display: table-cell;
    vertical-align: top;
    margin: 0;
  }

  .campaign-list .campaign-list-item > div {
    -ms-flex-basis: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
  }

  .campaign-list .campaign-list-item > div.campaign-list-item-body {
    -webkit-flex-grow: 2;
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }
}

.campaign-list .image-container {
  position: relative;
}

.campaign-list .image-container .bubble {
  font-size: 15px;
}

@media (max-width: 1280px) {
  .campaign-list .image-container .bubble {
    font-size: 1.2vw;
  }
}

@media screen and (max-width: 768px) {
  .campaign-list .image-container .bubble {
    font-size: 2.5vw;
    bottom: auto;
    top: 50%;
    left: auto;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -webkit-transform: translate(17%, -50%);
    -ms-transform: translate(17%, -50%);
    transform: translate(17%, -50%);
  }
}

.campaign-list .flex-list .flex-list-item {
  position: relative;
}

.campaign-list .flex-list .flex-list-item .inner {
  position: static;
}

@media screen and (max-width: 768px) {
  .campaign-list .flex-list .flex-list-item .inner {
    text-align: left;
  }
}

.campaign-list .flex-list .flex-list-item h3,
.campaign-list .flex-list .flex-list-item h2 {
  font-size: 28px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .campaign-list .flex-list .flex-list-item h3,
  .campaign-list .flex-list .flex-list-item h2 {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .campaign-list .flex-list .flex-list-item h3,
  .campaign-list .flex-list .flex-list-item h2 {
    font-size: 18px;
  }
}

.campaign-list .flex-list .flex-list-item h3:first-child,
.campaign-list .flex-list .flex-list-item h2:first-child {
  margin-top: 0;
}

.campaign-list .flex-list .flex-list-item h3 .pre-heading,
.campaign-list .flex-list .flex-list-item h2 .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .campaign-list .flex-list .flex-list-item h3,
  .campaign-list .flex-list .flex-list-item h2 {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .campaign-list .flex-list .flex-list-item h3,
  .campaign-list .flex-list .flex-list-item h2 {
    font-size: 18px;
  }
}

.campaign-list .flex-list .flex-list-item h3:first-child,
.campaign-list .flex-list .flex-list-item h2:first-child {
  margin-top: 0;
}

.campaign-list .flex-list .flex-list-item h3 .pre-heading,
.campaign-list .flex-list .flex-list-item h2 .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

.campaign-list .flex-list .flex-list-item h3 .pre-heading,
.campaign-list .flex-list .flex-list-item h2 .pre-heading {
  color: #F7931D;
  display: block;
  margin-bottom: 5px;
}

.company .campaign-list .flex-list .flex-list-item h3 .pre-heading,
.company .campaign-list .flex-list .flex-list-item h2 .pre-heading {
  color: #51c1c1;
}

@media screen and (max-width: 768px) {
  .campaign-list .flex-list .flex-list-item h3 .pre-heading,
  .campaign-list .flex-list .flex-list-item h2 .pre-heading {
    display: none;
  }
}

.campaign-list .flex-list .flex-list-item h2 + p {
  margin-top: 0.5em;
}

@media screen and (max-width: 768px) {
  .campaign-list .flex-list .flex-list-item .image-wrapper {
    display: none;
  }
}

.campaign-list .flex-list .flex-list-item .image-wrapper .image-container {
  display: inline-block;
  margin-top: 2rem;
  max-width: 300px;
}

.campaign-list .flex-list .flex-list-item p.bottom-btn-spacer {
  height: 52px;
  margin-top: 2rem;
}

.campaign-list .flex-list .flex-list-item .delivery-time {
  margin-top: 1rem;
}

.campaign-list .flex-list .flex-list-item .upfront-price {
  margin-top: 0.5rem;
}

@media screen and (min-width: 1025px) {
  .campaign-list .flex-list .flex-list-item .delivery-time,
  .campaign-list .flex-list .flex-list-item .upfront-price {
    display: inline-block;
    margin-top: 1rem;
  }
}

.campaign-list .flex-list .flex-list-item .upfront-price {
  margin-left: -0.25em;
}

@media screen and (max-width: 768px) {
  .campaign-list .flex-list .flex-list-item .upfront-price {
    margin: 0.5em 0 0;
  }
}

@media screen and (min-width: 1025px) {
  .campaign-list .flex-list .flex-list-item .upfront-price:before {
    content: "\2022";
    display: inline-block;
    margin: 0 0.75em 0 1em;
  }
}

.campaign-list .flex-list .flex-list-item .price-box {
  margin-top: 2rem;
}

.campaign-list .flex-list .flex-list-item .btn.bottom {
  padding-left: 4.5em;
  position: relative;
  font-family: "helvetica", sans-serif;
  position: absolute;
  bottom: 60px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.campaign-list .flex-list .flex-list-item .btn.bottom:before {
  font-size: 3em;
  position: absolute;
  content: "B";
  font-family: "treiconNeue2", sans-serif;
  left: 0.3em;
  font-weight: normal;
}

.is-ie .campaign-list .flex-list .flex-list-item .btn.bottom {
  left: 50%;
}

@media screen and (max-width: 768px) {
  .campaign-list .flex-list .flex-list-item .btn.bottom {
    position: relative;
    bottom: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.campaign-list .flex-list .flex-list-item.highlighted .btn {
  color: #EE4A56;
  border-color: #EE4A56;
}

.campaign-list .flex-list .flex-list-item.highlighted .btn:hover {
  background-color: #EE4A56;
  border-color: #EE4A56;
  color: #fff;
}

.campaign-list .flex-list .flex-list-item.highlighted .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.campaign-list .flex-list .flex-list-item.highlighted .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.campaign-list .flex-list .flex-list-item.highlighted .btn.loading:after {
  background-color: #999;
}

.campaign-list .flex-list .flex-list-item.highlighted h2 .pre-heading {
  color: #EE4A56;
}

.campaign-list .flex-list .flex-list-item.highlighted .bubble {
  *background-color: rgba(228, 52, 72, 0.8);
  background-image: linear-gradient(to right, rgba(236, 117, 117, 0.8), rgba(228, 52, 72, 0.8));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccec7575', endColorstr='#cce43448', GradientType=1);
}

.campaign-list .flex-list .flex-list-item ul {
  display: inline-block;
  text-align: left;
}

.campaign-list .flex-list .flex-list-item ul li {
  color: #30302e;
  font-weight: bold;
}

@media screen and (min-width: 769px) {
  .campaign-list .flex-list .flex-list-item .color-box {
    font-size: 8px;
  }
}

.carousel {
  overflow: hidden;
  height: 660px;
  position: relative;
}

@media screen and (max-width: 659px) {
  .carousel {
    height: auto;
    min-height: 400px;
  }
}

@media screen and (min-width: 1025px) {
  .carousel .arrow-contianer {
    padding: 0;
    position: relative;
  }

  .carousel .arrow-contianer .right-arrow {
    right: 42px;
  }

  .carousel .arrow-contianer .right-arrow:after {
    content: '';
    display: inline-block;
    color: inherit;
    position: absolute;
    -webkit-transform: translate(0.4em, 0.4em) rotate(45deg);
    -ms-transform: translate(0.4em, 0.4em) rotate(45deg);
    transform: translate(0.4em, 0.4em) rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid;
    border-right: 2px solid;
  }

  .carousel .arrow-contianer .right-arrow:after {
    content: '';
    display: inline-block;
    color: inherit;
    position: absolute;
    -webkit-transform: translate(0.4em, 0.4em) rotate(45deg);
    -ms-transform: translate(0.4em, 0.4em) rotate(45deg);
    transform: translate(0.4em, 0.4em) rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid;
    border-right: 2px solid;
  }

  .carousel .arrow-contianer .right-arrow.arrow-left {
    padding-left: 20px;
  }

  .carousel .arrow-contianer .right-arrow.arrow-left:after {
    content: '';
    display: inline-block;
    color: inherit;
    position: absolute;
    -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
    -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
    transform: translate(0.4em, 0.4em) rotate(225deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid;
    border-right: 2px solid;
  }

  .carousel .arrow-contianer .right-arrow.arrow-left:after {
    left: 0;
  }

  .carousel .arrow-contianer .right-arrow.arrow-left:after {
    content: '';
    display: inline-block;
    color: inherit;
    position: absolute;
    -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
    -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
    transform: translate(0.4em, 0.4em) rotate(225deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid;
    border-right: 2px solid;
  }

  .carousel .arrow-contianer .right-arrow.arrow-left:after {
    left: 0;
  }

  .carousel .arrow-contianer .left-arrow {
    left: 42px;
    padding-left: 20px;
    padding: 0;
  }

  .carousel .arrow-contianer .left-arrow:after {
    content: '';
    display: inline-block;
    color: inherit;
    position: absolute;
    -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
    -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
    transform: translate(0.4em, 0.4em) rotate(225deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid;
    border-right: 2px solid;
  }

  .carousel .arrow-contianer .left-arrow:after {
    left: 0;
  }

  .carousel .arrow-contianer .left-arrow:after {
    content: '';
    display: inline-block;
    color: inherit;
    position: absolute;
    -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
    -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
    transform: translate(0.4em, 0.4em) rotate(225deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid;
    border-right: 2px solid;
  }

  .carousel .arrow-contianer .left-arrow:after {
    left: 0;
  }

  .carousel .arrow-contianer .right-arrow,
  .carousel .arrow-contianer .left-arrow {
    z-index: 10;
    top: 300px;
    position: absolute;
    cursor: pointer;
  }

  .carousel .arrow-contianer .right-arrow:after,
  .carousel .arrow-contianer .left-arrow:after {
    transition: opacity 200ms ease-in;
    height: 30px;
    width: 30px;
    position: relative;
    color: #30302e;
  }

  .carousel .arrow-contianer .right-arrow:hover:after,
  .carousel .arrow-contianer .left-arrow:hover:after {
    opacity: .8;
  }

  .carousel .arrow-contianer .right-arrow.neg:after,
  .carousel .arrow-contianer .left-arrow.neg:after {
    color: #fff;
  }
}

.carousel .trans {
  transition: all 1s ease 0s, z-index 1s ease 1s;
}

.carousel .btn {
  mix-blend-mode: initial !important;
}

.carousel nav {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 3;
  word-spacing: -0.25em;
  white-space: nowrap;
}

.carousel nav span {
  display: inline-block;
  margin: 0 10px;
  width: 6px;
  height: 6px;
  border: 2px solid #30302e;
  border-radius: 100px;
  cursor: pointer;
  position: relative;
  transition: all 1s ease 0s, z-index 1s ease 1s;
}

.carousel nav span:after {
  content: '';
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
}

.carousel nav span:active {
  transition: all 0s;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.carousel nav span.active {
  background-color: #30302e;
}

.carousel nav span.active:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 0.1s;
}

.carousel nav.neg span {
  border-color: #fff;
}

.carousel nav.neg span.active {
  background-color: #fff;
}

.carousel .slides-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.carousel .slides-container > .slide {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  transition: all 1s ease 0s, z-index 1s ease 1s;
  z-index: 1;
}

.carousel .slides-container > .slide.active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}

.carousel .slides-container > .slide > .slide-inner {
  transition: all 0.5s;
}

.carousel .slides-container > .slide > .slide-inner > div {
  height: 660px;
}

@media screen and (max-width: 659px) {
  .carousel .slides-container > .slide > .slide-inner > div {
    height: auto;
    min-height: 400px;
  }
}

.carousel .slides-container > .slide .bg-demo {
  background-image: url("/gui/img/temp/bg.jpg");
}

.centered-content-module {
  background-repeat: no-repeat;
  background-position: center bottom;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  position: relative;
  text-align: center;
}

.centered-content-module .container {
  position: relative;
}

.centered-content-module h2 {
  font-size: 3.53846154em;
  margin: 90px 0 30px 0;
  padding: 0;
}

.centered-content-module p {
  margin-bottom: 20px;
}

.centered-content-module .button {
  font-size: 1.23076923em;
  line-height: 2.5em;
  height: 2.5em;
  padding: 0 2.829em;
}

.centered-content-module .image-container .span24 {
  margin: 50px 0 0 0;
}

.centered-content-module img {
  display: inline-block;
}

@media screen and (max-width: 659px) {
  .centered-content-module h2 {
    margin-top: 40px;
  }

  .centered-content-module p {
    font-size: 1.38461538em;
  }

  .centered-content-module .button {
    font-size: 0.88888889em;
  }

  .centered-content-module .row .span18,
  .centered-content-module .row .span12 {
    margin-left: 0;
    float: none;
    width: 100%;
  }

  .centered-content-module .hint-arrow {
    background-position: center bottom;
    padding-bottom: 50px;
    background-size: auto 40%;
  }
}

section.centered-heading-group {
  padding: 30px 25px;
  text-align: center;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  section.centered-heading-group {
    padding: 20px 25px;
  }
}

section.centered-heading-group h1 + p,
section.centered-heading-group h2 + p,
section.centered-heading-group h1 + h2,
section.centered-heading-group h2 + h2,
section.centered-heading-group h1 + h3,
section.centered-heading-group h2 + h3,
section.centered-heading-group h1 + h4,
section.centered-heading-group h2 + h4,
section.centered-heading-group h1 + h5,
section.centered-heading-group h2 + h5,
section.centered-heading-group h1 span,
section.centered-heading-group h2 span {
  font-size: 16px;
  color: #7f7f7c;
  font-weight: normal;
  margin-top: 0.5em;
}

main > section.centered-heading-group:first-child {
  padding-top: 65px;
}

@media screen and (max-width: 768px) {
  main > section.centered-heading-group:first-child {
    padding-top: 30px;
  }
}

.centered-info-above-the-line {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (min-width: 769px) {
  .centered-info-above-the-line {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.centered-info-above-the-line h3 span {
  display: block;
  line-height: 1em;
  letter-spacing: -0.02em;
}

.centered-info-above-the-line h3 span:first-child {
  font-size: 48px;
  color: #ec7575;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .centered-info-above-the-line h3 span:first-child {
    font-size: 30px;
  }
}

@media screen and (max-width: 768px) {
  .centered-info-above-the-line h3 span:first-child {
    font-size: 16px;
  }
}

html.backgroundcliptext .centered-info-above-the-line h3 span:first-child {
  background: linear-gradient(to right, #f18d2d, #ec7575);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.company .centered-info-above-the-line h3 span:first-child {
  color: #1f99c9;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .company .centered-info-above-the-line h3 span:first-child {
  background: linear-gradient(to right, #51c1c1, #1f99c9);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.centered-info-above-the-line h3 span:first-child + span {
  margin-top: 0.2em;
  font-size: 72px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .centered-info-above-the-line h3 span:first-child + span {
    font-size: 52px;
  }
}

@media screen and (max-width: 768px) {
  .centered-info-above-the-line h3 span:first-child + span {
    font-size: 30px;
  }
}

.centered-info-above-the-line p {
  max-width: 600px;
  font-size: 18px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  color: #7f7f7c;
  font-weight: 400;
  line-height: 1.5em;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .centered-info-above-the-line p {
    margin-top: 2rem !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .centered-info-above-the-line p {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .centered-info-above-the-line p {
    font-size: 14px;
  }
}

.centered-info-above-the-line p:first-child {
  margin-top: 0;
}

.centered-info-above-the-line p .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .centered-info-above-the-line p {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .centered-info-above-the-line p {
    font-size: 14px;
  }
}

.centered-info-above-the-line p:first-child {
  margin-top: 0;
}

.centered-info-above-the-line p .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) {
  .centered-info-above-the-line .btn + .btn {
    margin-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .centered-info-above-the-line .btn + .btn {
    margin-top: 15px;
  }
}

#checkout-wrapper {
  margin-top: 3em;
  /*h2 {
	font-size: 3.5em;
}*/
}

#checkout-wrapper .price-box {
  font-size: 28px;
  word-spacing: -5px;
  margin-top: 1rem;
  white-space: nowrap;
  color: #30302e;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #checkout-wrapper .price-box {
    font-size: 24px;
  }
}

#checkout-wrapper .price-box > strong {
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  line-height: 0.75em;
}

#checkout-wrapper .price-box > span {
  margin-left: 3px;
}

#checkout-wrapper .price-box span {
  text-align: left;
  vertical-align: top;
  display: inline-block;
  font-weight: bold;
}

#checkout-wrapper .price-box span.price-heading,
#checkout-wrapper .price-box span.price-footer {
  text-align: inherit;
  font-size: 10px;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
  word-spacing: 0;
}

#checkout-wrapper .price-box span.price-heading {
  margin: 0 0 3px 0;
}

#checkout-wrapper .price-box span.price-footer {
  margin: 3px 0 0 0;
}

#checkout-wrapper .price-box span > span {
  font-weight: bold;
  font-size: 0.46666667em;
  margin-left: 0;
  display: block;
  line-height: 0.84em;
}

#checkout-wrapper .price-box s {
  text-decoration: none;
  vertical-align: top;
  display: inline-block;
  color: #30302e;
  opacity: 0.4;
  margin-left: 14px;
  font-weight: 600;
}

#checkout-wrapper .price-box s > strong {
  text-decoration: none;
  overflow: visible;
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 0.75em;
}

#checkout-wrapper .price-box s > strong:after {
  content: "";
  position: absolute;
  left: -4px;
  right: -4px;
  top: 50%;
  height: 0;
  border-top: 1px solid;
}

#checkout-wrapper .price-box s > span {
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
}

#checkout-wrapper .cart-details .price-box {
  margin-top: 0 !important;
}

#checkout-wrapper #sub-total .price-box {
  font-size: 28px;
  word-spacing: -5px;
  margin-top: 1rem;
  white-space: nowrap;
  color: #fff;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #checkout-wrapper #sub-total .price-box {
    font-size: 24px;
  }
}

#checkout-wrapper #sub-total .price-box > strong {
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  line-height: 0.75em;
}

#checkout-wrapper #sub-total .price-box > span {
  margin-left: 3px;
}

#checkout-wrapper #sub-total .price-box span {
  text-align: left;
  vertical-align: top;
  display: inline-block;
  font-weight: bold;
}

#checkout-wrapper #sub-total .price-box span.price-heading,
#checkout-wrapper #sub-total .price-box span.price-footer {
  text-align: inherit;
  font-size: 10px;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
  word-spacing: 0;
}

#checkout-wrapper #sub-total .price-box span.price-heading {
  margin: 0 0 3px 0;
}

#checkout-wrapper #sub-total .price-box span.price-footer {
  margin: 3px 0 0 0;
}

#checkout-wrapper #sub-total .price-box span > span {
  font-weight: bold;
  font-size: 0.46666667em;
  margin-left: 0;
  display: block;
  line-height: 0.84em;
}

#checkout-wrapper #sub-total .price-box s {
  text-decoration: none;
  vertical-align: top;
  display: inline-block;
  color: #fff;
  opacity: 0.4;
  margin-left: 14px;
  font-weight: 600;
}

#checkout-wrapper #sub-total .price-box s > strong {
  text-decoration: none;
  overflow: visible;
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 0.75em;
}

#checkout-wrapper #sub-total .price-box s > strong:after {
  content: "";
  position: absolute;
  left: -4px;
  right: -4px;
  top: 50%;
  height: 0;
  border-top: 1px solid;
}

#checkout-wrapper #sub-total .price-box s > span {
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
}

#checkout-wrapper .icon-remove {
  color: #EE4A56;
}

.company #checkout-wrapper .icon-remove {
  color: #009692;
  line-height: 0.8;
}

#checkout-wrapper label.error {
  color: #EE4A56;
}

#checkout-wrapper .c-table-module-color-fill .error {
  color: #fff;
  padding: 5px 0 0 0;
}

#checkout-wrapper .c-table-module-color-fill .sendOrderButton + div > label.error {
  display: block !important;
}

#checkout-wrapper h3 {
  font-size: 2.857em;
  margin: 0em !important;
  font-weight: 400;
}

#checkout-wrapper .row .regular-price {
  position: relative;
}

#checkout-wrapper .row .regular-price img {
  left: 0;
  top: 3px;
  position: absolute;
}

#checkout-wrapper .row .visible-phone .regular-price {
  display: inline;
}

#checkout-wrapper .row .visible-phone .regular-price img {
  top: 0px;
  left: 14px;
}

#checkout-wrapper .section-list-striped section {
  padding-top: 3em;
  padding-bottom: 3em;
}

#checkout-wrapper .section-list-striped section:nth-child(odd) {
  background-color: #fff;
}

#checkout-wrapper .section-list-striped section:nth-child(even) {
  background-color: #fff;
}

#checkout-wrapper .section-list-striped dl dt {
  display: block;
}

#checkout-wrapper .section-list-striped dl dd {
  display: block;
  margin: 0 0 1em 0;
}

#checkout-wrapper .section-list-striped dl dd a {
  font-weight: 600;
  color: #f1696b;
}

#checkout-wrapper .control-container #btn-cancel {
  color: #fff;
  margin-top: 1em;
  display: inline-block;
  font-weight: 600;
}

#checkout-wrapper .read-more-bubble {
  background-color: #f2f2f2;
}

#checkout-wrapper .read-more-bubble h2 {
  margin: 0.5em 0 0 0;
}

#checkout-wrapper .read-more-bubble .container {
  position: relative;
}

#checkout-wrapper .read-more-bubble .container .triangle {
  width: 0em;
  height: 0em;
  border-style: solid;
  border-width: 0 12.5px 15px 12.5px;
  position: absolute;
  top: -1em;
  left: 13.5em;
  border-color: transparent transparent #f2f2f2 transparent;
}

#checkout-wrapper .read-more-bubble p {
  color: #7f7f7c;
}

#checkout-wrapper .read-more-bubble a.button i {
  line-height: 0.3em;
  display: inline-block;
  margin-right: 0.3em;
  margin-left: 0em;
}

#checkout-wrapper #sub-total .discount {
  color: #fff;
}

#checkout-wrapper #sub-total .read-more-links span {
  color: #fff;
}

#checkout-wrapper #sub-total .read-more-bubble .container {
  padding: 1em;
}

#checkout-wrapper #sub-total .read-more-bubble#delivery-information .triangle {
  left: 4.5em;
}

#checkout-wrapper #sub-total .read-more-bubble#return-policy .triangle {
  left: 17.5em;
}

#checkout-wrapper .info-display,
#checkout-wrapper .item-box {
  display: inline-block;
  padding: 0 1.429em;
  box-sizing: border-box;
  border: none;
  line-height: 3em;
  font-weight: 600;
  font-size: 1.077em;
  margin-right: 1em;
  text-align: center;
  width: 10em;
  background-color: #f2f2f2;
  color: #30302e;
  cursor: pointer;
}

#checkout-wrapper .info-display.selected,
#checkout-wrapper .item-box.selected {
  background-color: #F7931D;
  color: #fff;
  font-weight: 600;
}

.company #checkout-wrapper .info-display.selected,
.company #checkout-wrapper .item-box.selected {
  background-color: #51c1c1;
}

#checkout-wrapper .info-display.unselected,
#checkout-wrapper .item-box.unselected {
  background-color: #fff;
  color: #7f7f7c;
  font-weight: bold;
}

#checkout-wrapper .info-display {
  margin-bottom: 0.5em;
  line-height: 2.5em;
  min-height: 2.4em;
  font-size: 1.231em;
}

#checkout-wrapper .info-display.msisdnInput {
  cursor: pointer;
}

#checkout-wrapper .info-display.selected,
#checkout-wrapper .info-display.unselected {
  font-size: 1.077em;
  font-weight: 600;
  line-height: 3em;
}

#checkout-wrapper .item-box {
  width: 100%;
  padding: 1em;
  text-align: left;
  font-weight: 400;
  line-height: 2em;
}

#checkout-wrapper .carousel h2 {
  padding-bottom: 1em;
}

#checkout-wrapper .carousel .wrapper {
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #f2f2f2;
}

#checkout-wrapper .carousel .wrapper ul {
  list-style: none;
  list-style-type: none;
}

#checkout-wrapper .carousel .wrapper ul li > div img {
  float: left;
}

#checkout-wrapper .carousel .wrapper ul li > div div {
  float: left;
  width: 50%;
  margin-left: 3em;
}

#checkout-wrapper .carousel .wrapper ul li > div div .action-link {
  color: #f1696b;
}

#checkout-wrapper .carousel .wrapper ul li > div div p {
  margin-bottom: 2em;
  display: block;
}

#checkout-wrapper .carousel .wrapper ul li > div div span {
  float: left;
}

#checkout-wrapper .carousel .wrapper ul li > div div a.button {
  float: right;
  padding: 0 0.5em;
  line-height: 2em;
  background-color: #f1696b;
  color: #7f7f7c;
}

#checkout-wrapper .top-bar.receipt-thank-you {
  margin-top: 1em;
  padding-bottom: 2em;
}

#checkout-wrapper .top-bar.receipt-thank-you i {
  font-size: 2em;
  margin-right: 0.5em;
}

#checkout-wrapper .top-bar.receipt-thank-you p:first-child {
  margin-top: 0;
}

#checkout-wrapper .form-holder {
  padding-top: 1.5em;
  color: #7f7f7c;
  *background-color: #e6e6e6;
  background-repeat: repeat-x;
  background-image: linear-gradient(to right, #f2f2f2 48%, #e6e6e6 48%);
}

#checkout-wrapper .form-holder #form-container .info-display,
#checkout-wrapper .form-holder #text-holder .info-display {
  margin-top: 1em;
}

#checkout-wrapper .form-holder #form-container label,
#checkout-wrapper .form-holder #text-holder label,
#checkout-wrapper .form-holder #form-container strong,
#checkout-wrapper .form-holder #text-holder strong {
  font-weight: 600;
  font-size: 1.077em;
}

#checkout-wrapper .form-holder .row {
  padding-top: 0em;
}

#checkout-wrapper .form-holder .row label.error {
  display: inline-block;
}

#checkout-wrapper .form-holder #ageVoucherError {
  position: relative;
}

#checkout-wrapper .form-holder #ageVoucherError label {
  padding-left: 27px;
}

#checkout-wrapper .form-holder #ageVoucherError:before {
  content: "i";
  font-family: 'treicon', sans-serif;
  display: block;
  font-size: 1.61538462em;
  width: 0.95238095em;
  height: 0.95238095em;
  line-height: 0.75em;
  background-color: #c84428;
  color: #fff;
  position: absolute;
  bottom: 50%;
  margin-bottom: -0.47619048em;
  text-align: center;
  border-radius: 100px;
  top: 2px;
}

#checkout-wrapper .form-holder .voucher-error {
  position: relative;
}

#checkout-wrapper .form-holder .voucher-error:after {
  content: "i";
  font-family: 'treicon', sans-serif;
  display: block;
  font-size: 1.61538462em;
  width: 0.95238095em;
  height: 0.95238095em;
  line-height: 0.75em;
  background-color: #c84428;
  color: #fff;
  position: absolute;
  bottom: 50%;
  margin-bottom: -0.47619048em;
  text-align: center;
  border-radius: 100px;
  right: 17px;
  top: 13px;
}

#checkout-wrapper [class^="c-table-module"] [class*="button"] {
  margin-top: 0;
}

#checkout-wrapper [class^="c-table-module"] .sendOrderButton,
#checkout-wrapper [class^="c-table-module"] .sendOrder {
  padding-left: 1em;
  padding-right: 1em;
}

#checkout-wrapper [class^="c-table-module"] .table-body .row .row {
  background-size: 0% 0px;
}

#checkout-wrapper [class^="c-table-module"] .table-body .row input[type="radio"] {
  margin-right: 0.5em;
}

#checkout-wrapper [class^="c-table-module"] .table-body .row input[type="text"] {
  width: 11em;
}

#checkout-wrapper [class^="c-table-module"] .table-body .row dl dt {
  float: left;
  clear: right;
}

#checkout-wrapper [class^="c-table-module"] .table-body .row dl dd {
  margin: 0 0 0 0px;
  float: right;
  clear: right;
}

#checkout-wrapper [class^="c-table-module"] .table-body .row .item-box-container {
  clear: both;
  padding-top: 2em;
  *zoom: 1;
}

#checkout-wrapper [class^="c-table-module"] .table-body .row .item-box-container:before,
#checkout-wrapper [class^="c-table-module"] .table-body .row .item-box-container:after {
  display: table;
  content: "";
  line-height: 0;
}

#checkout-wrapper [class^="c-table-module"] .table-body .row .item-box-container:after {
  clear: both;
}

#checkout-wrapper [class^="c-table-module"] .table-body .row .item-box-container .row {
  padding-top: 0em;
}

#checkout-wrapper [class^="c-table-module"] .table-body .row .item-box-container .row:last-child {
  padding-bottom: 0em;
}

#checkout-wrapper [class^="c-table-module"] .table-body .row .configure-box label.error {
  display: inline-block;
  margin-left: 1em;
}

#checkout-wrapper [class^="c-table-module"]#services-container p {
  margin-bottom: 1em;
}

#checkout-wrapper [class^="c-table-module"] .table-body.sub-row {
  background-color: #fff;
}

#checkout-wrapper [class^="c-table-module"] .table-body.sub-row .row img {
  float: left;
}

#checkout-wrapper [class^="c-table-module"] .table-body.sub-row .row .delete {
  display: none;
}

#checkout-wrapper [class^="c-table-module"] .table-body.sub-row .row:hover .delete {
  display: block;
}

#checkout-wrapper [class^="c-table-module"] .table-body.sub-row .row .info {
  float: left;
  padding-left: 0em;
}

#checkout-wrapper [class^="c-table-module"] .table-body.sub-row .row .info .title {
  color: #30302e;
  font-size: 1.077em;
  font-weight: 600;
  padding-top: 0em;
}

#checkout-wrapper [class^="c-table-module"] .basketRowProduct {
  border-top: 2px #f2f2f2 solid;
}

#checkout-wrapper [class^="c-table-module"] .basketRowProduct:first-child {
  background-image: none;
}

#checkout-wrapper [class^="c-table-module"] .basketRowProduct h4 {
  font-weight: bold;
  font-size: 1.231em;
  margin-bottom: 5px;
}

#checkout-wrapper [class^="c-table-module"] .basketRowProduct .configure-container .config-options {
  text-align: left;
}

#checkout-wrapper [class^="c-table-module"] .basketRowProduct .configure-container label,
#checkout-wrapper [class^="c-table-module"] .basketRowProduct .configure-container strong {
  font-weight: bold;
  color: #30302e;
  line-height: 1.5em;
}

#checkout-wrapper [class^="c-table-module"] .basketRowProduct .configure-container label.fineprint,
#checkout-wrapper [class^="c-table-module"] .basketRowProduct .configure-container span.fineprint {
  font-size: 0.85714286rem;
  font-weight: 400;
  display: inline;
}

#checkout-wrapper [class^="c-table-module"] .basketRowProduct .configure-container .toggle-number-edit {
  margin-top: .75em;
  display: inline-block;
  cursor: pointer;
}

#checkout-wrapper [class^="c-table-module"] .basketRowProduct .bubbles .input-row {
  line-height: 3.5;
}

#checkout-wrapper [class^="c-table-module"] .basketRowProduct .bubbles .input-row p {
  margin-top: 0.9em;
  line-height: 1.6;
}

#checkout-wrapper [class^="c-table-module"] .basketRowProduct .bubbles .radio {
  margin-right: 1em;
}

#checkout-wrapper [class^="c-table-module"] .basketRowProduct .bubbles label.error {
  display: block;
  line-height: 1.6;
}

#checkout-wrapper [class^="c-table-module"] .basketRowProduct .bubbles [class*="icon"] {
  vertical-align: sub;
}

#checkout-wrapper [class^="c-table-module"] .basketRowProduct .bubbles .prolonging-info-toggler {
  line-height: 1;
}

#checkout-wrapper [class^="c-table-module"] .info-bar,
#checkout-wrapper [class^="c-table-module"] .info-bar-color {
  background-color: #f2f2f2;
  color: #7f7f7c;
  font-size: 1.077em;
  font-weight: 600;
  margin-top: 1em;
}

#checkout-wrapper [class^="c-table-module"] .info-bar [class*="icon"],
#checkout-wrapper [class^="c-table-module"] .info-bar-color [class*="icon"] {
  line-height: 1.2em;
  float: right;
}

#checkout-wrapper [class^="c-table-module"] .info-bar a,
#checkout-wrapper [class^="c-table-module"] .info-bar-color a {
  color: #7f7f7c;
}

#checkout-wrapper [class^="c-table-module"] .info-bar a.button [class*="icon"],
#checkout-wrapper [class^="c-table-module"] .info-bar-color a.button [class*="icon"] {
  line-height: 1.2em;
  float: none;
}

#checkout-wrapper [class^="c-table-module"] .info-bar-color {
  background-color: #f48158;
  color: #7f7f7c;
}

#checkout-wrapper [class^="c-table-module"] .info-bar-color a.btn-neg {
  color: #fff;
  border-color: #fff;
}

#checkout-wrapper [class^="c-table-module"] .info-bar-color a.btn-neg:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

#checkout-wrapper [class^="c-table-module"] .info-bar-color a.btn-neg.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

#checkout-wrapper [class^="c-table-module"] .info-bar-color a.btn-neg.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

#checkout-wrapper [class^="c-table-module"] .info-bar-color a.btn-neg.loading:after {
  background-color: #999;
}

#checkout-wrapper [class^="c-table-module"] .info-bubble,
#checkout-wrapper [class^="c-table-module"] .new-number-bubble,
#checkout-wrapper [class^="c-table-module"] .existing-number-bubble {
  position: relative;
  background-color: #f2f2f2;
}

#checkout-wrapper [class^="c-table-module"] .info-bubble .triangle,
#checkout-wrapper [class^="c-table-module"] .new-number-bubble .triangle,
#checkout-wrapper [class^="c-table-module"] .existing-number-bubble .triangle {
  width: 0em;
  height: 0em;
  border-style: solid;
  border-width: 0 12.5px 15px 12.5px;
  margin-top: -14px;
  float: right;
  border-color: transparent transparent #f2f2f2 transparent;
}

#checkout-wrapper [class^="c-table-module"] .existing-number-bubble .container {
  padding-top: 2em !important;
}

#checkout-wrapper [class^="c-table-module"] .new-number-bubble,
#checkout-wrapper [class^="c-table-module"] .existing-number-bubble {
  background-size: 100% 1px;
  background-position: bottom center;
}

#checkout-wrapper [class^="c-table-module"] .new-number-bubble .triangle,
#checkout-wrapper [class^="c-table-module"] .existing-number-bubble .triangle {
  position: absolute;
  top: -1.1em;
  margin-left: 2em;
  float: none;
  margin-top: 0em;
  border-color: transparent transparent #f2f2f2 transparent;
}

#checkout-wrapper [class^="c-table-module"] .new-number-bubble strong,
#checkout-wrapper [class^="c-table-module"] .existing-number-bubble strong,
#checkout-wrapper [class^="c-table-module"] .new-number-bubble label,
#checkout-wrapper [class^="c-table-module"] .existing-number-bubble label {
  font-weight: 600;
}

#checkout-wrapper [class^="c-table-module"] .new-number-bubble strong,
#checkout-wrapper [class^="c-table-module"] .existing-number-bubble strong {
  padding-top: 1.3em;
  display: inline-block;
}

#checkout-wrapper [class^="c-table-module"] .new-number-bubble input[type="radio"],
#checkout-wrapper [class^="c-table-module"] .existing-number-bubble input[type="radio"] {
  margin-right: 1.6em;
}

#checkout-wrapper [class^="c-table-module"] .new-number-bubble .row,
#checkout-wrapper [class^="c-table-module"] .existing-number-bubble .row {
  border-top: #f2f2f2 2px solid;
}

#checkout-wrapper [class^="c-table-module"] .new-number-bubble .invisible,
#checkout-wrapper [class^="c-table-module"] .existing-number-bubble .invisible {
  visibility: hidden;
}

#checkout-wrapper [class^="c-table-module"] .new-number-bubble .change-regular,
#checkout-wrapper [class^="c-table-module"] .existing-number-bubble .change-regular {
  line-height: 4em;
}

#checkout-wrapper [class^="c-table-module"] .existing-number-bubble .triangle {
  top: -3.1em;
  margin-top: 0em;
  margin-left: 26.5em;
}

#checkout-wrapper [class^="c-table-module"] .existing-number-bubble .row {
  padding-top: 0;
  margin-top: 0;
  border-bottom: none;
  background-size: 0% 0px;
}

#checkout-wrapper [class^="c-table-module"] .bottom-bar {
  padding-bottom: 2em;
  padding-top: 2em;
  background-color: #fff;
  color: #7f7f7c;
}

#checkout-wrapper [class^="c-table-module"] .bottom-bar .action-link {
  color: #f1696b;
}

#checkout-wrapper [class^="c-table-module"] .bottom-bar .row {
  padding-bottom: 0em;
  padding-top: 0em;
}

#checkout-wrapper [class^="c-table-module"] .bottom-bar .row [class*="icon"] {
  line-height: 0em;
}

#checkout-wrapper [class^="c-table-module"] .bottom-bar .social-media-list {
  text-align: center;
  width: 100%;
  margin-top: -1em;
  margin-bottom: -1em;
}

#checkout-wrapper [class^="c-table-module"] .bottom-bar .social-media-list ul {
  list-style-type: none;
  list-style: none;
  padding: 0em;
  margin: auto;
  display: inline-block;
}

#checkout-wrapper [class^="c-table-module"] .bottom-bar .social-media-list ul li {
  float: left;
}

#checkout-wrapper .price-length {
  display: block;
  margin-bottom: 12px;
}

#checkout-wrapper .control-container .row {
  padding: 1em 0;
}

#checkout-wrapper .phone-number-display-wrapper {
  position: relative;
  float: left;
}

#checkout-wrapper .phone-number-display-cover {
  width: 12.5em;
  height: 4em;
  top: 1.2em;
  position: absolute;
  opacity: .1;
  background: #fff;
  z-index: 99999;
}

@media screen and (min-width: 660px) and (max-width: 768px) {
  #checkout-wrapper .carousel .wrapper ul li > div {
    text-align: center;
  }

  #checkout-wrapper .carousel .wrapper ul li > div img {
    float: none;
    margin: 0px auto;
    margin-bottom: 1em;
  }

  #checkout-wrapper .carousel .wrapper ul li > div div {
    float: none;
    width: 100%;
    margin-left: 0em;
  }

  #checkout-wrapper .carousel .wrapper ul li > div div .action-link {
    margin-top: 1em;
  }

  #checkout-wrapper .carousel .wrapper ul li > div div p {
    margin-bottom: 0.5em;
    margin-top: 0em;
  }

  #checkout-wrapper .carousel .wrapper ul li > div div span {
    float: none;
    margin-right: 0.8em;
  }

  #checkout-wrapper .carousel .wrapper ul li > div div a.button {
    float: none;
  }

  #checkout-wrapper #sub-total .read-more-bubble#delivery-information .triangle {
    left: 50%;
  }

  #checkout-wrapper #sub-total .read-more-bubble#return-policy .triangle {
    left: 50%;
  }
}

#checkout-wrapper #ShoppingCartWrapper #sub-total[class^="c-table-module-color-fill"] .header-bar {
  *background-color: #ec7575;
  background-image: linear-gradient(to right, #f18d2d, #ec7575);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff18d2d', endColorstr='#ffec7575', GradientType=1);
  color: #fff;
}

.company #checkout-wrapper #ShoppingCartWrapper #sub-total[class^="c-table-module-color-fill"] .header-bar {
  *background-color: #1f99c9;
  background-image: linear-gradient(to right, #51c1c1, #1f99c9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51c1c1', endColorstr='#ff1f99c9', GradientType=1);
}

#checkout-wrapper #ShoppingCartWrapper #sub-total[class^="c-table-module-color-fill"] .table-body {
  color: #fff;
}

#checkout-wrapper #ShoppingCartWrapper #sub-total[class^="c-table-module-color-fill"] .color-fill-plate {
  *background-color: #ec7575;
  background-image: linear-gradient(to right, #f18d2d, #ec7575);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff18d2d', endColorstr='#ffec7575', GradientType=1);
}

.company #checkout-wrapper #ShoppingCartWrapper #sub-total[class^="c-table-module-color-fill"] .color-fill-plate {
  *background-color: #1f99c9;
  background-image: linear-gradient(to right, #51c1c1, #1f99c9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51c1c1', endColorstr='#ff1f99c9', GradientType=1);
}

#checkout-wrapper #ShoppingCartWrapper #sub-total[class^="c-table-module-color-fill"] .color-fill-plate h2 {
  color: #fff;
  padding-top: 0.5em;
}

#checkout-wrapper #ShoppingCartWrapper .table-body-expandable:hover {
  cursor: default;
}

#checkout-wrapper #ShoppingCartWrapper .expandable-id {
  margin-top: -0.3em;
}

#checkout-wrapper #ShoppingCartWrapper .deleteButton {
  color: #30302e;
}

#checkout-wrapper #ShoppingCartWrapper .deleteButton [class^="smart-symbol-cross"] {
  position: relative;
}

#checkout-wrapper #ShoppingCartWrapper .deleteButton:hover {
  cursor: pointer;
}

@media screen and (max-width: 659px) {
  #checkout-wrapper .price-box {
    margin-top: 0;
  }

  #checkout-wrapper .row [class*="span"] {
    margin-left: 0 !important;
  }

  #checkout-wrapper .configure-container .row {
    padding: 1em 0 !important;
  }

  #checkout-wrapper .configure-container img {
    float: none !important;
    width: 100%;
  }

  #checkout-wrapper .configure-container .config-options {
    float: none;
    width: 100%;
    text-align: left;
  }

  #checkout-wrapper .configure-container .item-information {
    width: 100% !important;
  }

  #checkout-wrapper .configure-container .phone-number-display {
    margin-top: 1em !important;
  }

  #checkout-wrapper .bubbles {
    margin-top: 2em;
  }

  #checkout-wrapper .bubbles .container {
    padding-bottom: 2em !important;
  }

  #checkout-wrapper .bubbles .row {
    padding: .5em 0 !important;
  }

  #checkout-wrapper .bubbles .golden-row {
    background-image: none !important;
  }

  #checkout-wrapper .bubbles .bubble-text,
  #checkout-wrapper .bubbles .bubble-numbers,
  #checkout-wrapper .bubbles .input-row {
    width: 100% !important;
  }

  #checkout-wrapper .bubbles .info-display {
    width: 45% !important;
  }

  #checkout-wrapper .bubbles .donor-option,
  #checkout-wrapper .bubbles .prolonging-option,
  #checkout-wrapper .bubbles .prolonging-company-option {
    overflow: hidden !important;
    width: 100% !important;
  }

  #checkout-wrapper .bubbles .invisible {
    display: none !important;
  }

  #checkout-wrapper .bubbles .prolonging-option .span5,
  #checkout-wrapper .bubbles .prolonging-company-option .span5,
  #checkout-wrapper .bubbles .prolonging-option .span4,
  #checkout-wrapper .bubbles .prolonging-company-option .span4 {
    width: 100%;
  }

  #checkout-wrapper .golden-row .bubble-numbers .info-display {
    width: 100% !important;
  }

  #checkout-wrapper .golden-row .bubble-numbers span {
    width: 45%;
    margin-right: 1em;
  }

  #checkout-wrapper #sub-total .table-body {
    color: #fff !important;
  }

  #checkout-wrapper #sub-total .table-body .row {
    background-size: 0% 0px;
    padding-top: 2em;
    padding-bottom: 0em;
  }

  #checkout-wrapper #sub-total .table-body .row:last-child {
    padding-bottom: 2em;
  }

  #checkout-wrapper #sub-total .sendOrderButton {
    margin-top: 3em;
  }

  #checkout-wrapper #sub-total .back-btn {
    margin-top: 1em;
  }

  #checkout-wrapper #sub-total .read-more-bubble#delivery-information .triangle {
    left: 50%;
  }

  #checkout-wrapper #sub-total .read-more-bubble#return-policy .triangle {
    left: 50%;
  }

  #checkout-wrapper .form-holder {
    background-image: linear-gradient(to right, #f2f2f2, #f2f2f2);
    *background-color: #f2f2f2;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #f2f2f2 68%, #f2f2f2 0%);
    padding-bottom: 3em;
  }

  #checkout-wrapper .form-holder #form-container,
  #checkout-wrapper .form-holder #text-holder {
    float: none;
    width: 100%;
  }

  #checkout-wrapper .form-holder #text-holder > div {
    padding-top: 2em;
    padding-left: 0em;
    margin-left: 0em;
  }

  #checkout-wrapper .form-holder label {
    display: none;
  }

  #checkout-wrapper .form-holder label[for="chkMarketingMaterial"] {
    display: inline-block;
  }

  #checkout-wrapper .form-holder label[for="chkAcceptTerms"] {
    display: inline;
  }

  #checkout-wrapper .form-holder .row {
    padding-bottom: 0.2em;
  }

  #checkout-wrapper .clear-span-margin {
    margin-left: 0em;
  }

  #checkout-wrapper .control-container {
    position: relative;
    height: 11em;
  }

  #checkout-wrapper .control-container a {
    position: absolute;
    width: 95%;
    left: 1em;
    text-align: center;
  }

  #checkout-wrapper .control-container #btn-back {
    top: 5.5em;
  }

  #checkout-wrapper .control-container #btn-cancel {
    top: 9.7em;
    height: 2em;
    color: #fff;
  }

  #checkout-wrapper .row.info {
    background-color: inherit;
    text-align: center;
    font-size: 1.2em;
  }

  #checkout-wrapper .table-body.sub-row {
    border-bottom: none;
  }

  #checkout-wrapper .table-body.sub-row .row {
    padding-left: 0em;
    padding-right: 0em;
  }

  #checkout-wrapper .table-body.sub-row .row .row {
    border-bottom: none !important;
  }

  #checkout-wrapper .table-body.sub-row .row .info {
    float: left;
  }

  #checkout-wrapper .table-body.sub-row .row .info .name {
    font-size: 1.5em;
  }

  #checkout-wrapper .table-body.sub-row .row .info .name i {
    float: right;
    padding-right: 0em;
    margin-right: 0em;
  }

  #checkout-wrapper .table-body.sub-row .row .info .description {
    margin-bottom: 1em;
  }

  #checkout-wrapper .table-body.sub-row .row .info .price {
    margin-top: 1em;
    padding-top: 1em;
  }

  #checkout-wrapper .table-body.sub-row .row .info .price strong {
    font-size: 1.2em;
  }

  #checkout-wrapper .table-body.sub-row .row .info .price .fat {
    float: right;
    font-size: 2em;
  }

  #checkout-wrapper .carousel .wrapper ul li > div {
    text-align: center;
  }

  #checkout-wrapper .carousel .wrapper ul li > div img {
    float: none;
    margin: 0px auto;
    margin-bottom: 1em;
  }

  #checkout-wrapper .carousel .wrapper ul li > div div {
    float: none;
    width: 100%;
    margin-left: 0em;
  }

  #checkout-wrapper .carousel .wrapper ul li > div div .action-link {
    margin-top: 1em;
  }

  #checkout-wrapper .carousel .wrapper ul li > div div p {
    margin-bottom: 0.5em;
    margin-top: 0em;
  }

  #checkout-wrapper .carousel .wrapper ul li > div div span {
    float: none;
    margin-right: 0.8em;
  }

  #checkout-wrapper .carousel .wrapper ul li > div div a.button {
    float: none;
  }

  #checkout-wrapper .top-bar.receipt-thank-you {
    background-color: #fff !important;
    color: #7f7f7c;
  }

  #checkout-wrapper .top-bar.receipt-thank-you a {
    color: #f48158;
    font-weight: 600;
  }

  #checkout-wrapper .top-bar.receipt-thank-you .row {
    border-top: 2px solid #f2f2f2;
  }

  #checkout-wrapper [class^="c-table-module"] .new-number-bubble,
  #checkout-wrapper [class^="c-table-module"] .existing-number-bubble {
    background-color: #fff;
    padding-bottom: 0em;
    margin-top: -1em;
  }

  #checkout-wrapper [class^="c-table-module"] .new-number-bubble .triangle,
  #checkout-wrapper [class^="c-table-module"] .existing-number-bubble .triangle {
    display: none;
  }

  #checkout-wrapper [class^="c-table-module"] .new-number-bubble .container,
  #checkout-wrapper [class^="c-table-module"] .existing-number-bubble .container {
    background-color: #f2f2f2;
    margin-left: 1em;
    margin-right: 1em;
    border-radius: 0.286em;
  }

  #checkout-wrapper [class^="c-table-module"] .new-number-bubble .info-display,
  #checkout-wrapper [class^="c-table-module"] .existing-number-bubble .info-display {
    font-weight: 600;
  }

  #checkout-wrapper [class^="c-table-module"] .new-number-bubble .info-display.unselected,
  #checkout-wrapper [class^="c-table-module"] .existing-number-bubble .info-display.unselected {
    background-color: #fff;
  }

  #checkout-wrapper [class^="c-table-module"] .new-number-bubble input[type="text"],
  #checkout-wrapper [class^="c-table-module"] .existing-number-bubble input[type="text"] {
    margin-top: 0.4em;
  }

  #checkout-wrapper [class^="c-table-module"] .new-number-bubble .prolongning-option,
  #checkout-wrapper [class^="c-table-module"] .existing-number-bubble .prolongning-option {
    margin-left: 0em;
  }

  #checkout-wrapper [class^="c-table-module"] .new-number-bubble strong,
  #checkout-wrapper [class^="c-table-module"] .existing-number-bubble strong {
    font-weight: 400;
  }

  #checkout-wrapper [class^="c-table-module"] .new-number-bubble .row .span6,
  #checkout-wrapper [class^="c-table-module"] .existing-number-bubble .row .span6 {
    margin-top: 2em;
  }

  #checkout-wrapper [class^="c-table-module"] .basketRowProduct {
    padding-bottom: 2em;
  }

  #checkout-wrapper [class^="c-table-module"] .basketRowProduct h4 {
    font-size: 1.6em;
    margin-bottom: 5px;
  }

  #checkout-wrapper [class^="c-table-module"] .configure-container {
    padding-bottom: 0em;
  }

  #checkout-wrapper [class^="c-table-module"] .configure-container.tab {
    padding-left: 2em;
    margin-left: -1em;
    position: relative;
  }

  #checkout-wrapper [class^="c-table-module"] .configure-container.tab .info-display {
    margin-right: 0em;
    background-color: #f2f2f2;
    float: right;
    font-size: 1em;
    margin-bottom: 1em;
  }

  #checkout-wrapper [class^="c-table-module"] .configure-container > .row {
    padding-bottom: 0em;
  }

  #checkout-wrapper [class^="c-table-module"] .configure-container img {
    margin-bottom: 1em;
    margin-top: 1em;
  }

  #checkout-wrapper [class^="c-table-module"] .configure-container .medium {
    font-size: 1.8em;
    font-weight: 600;
    margin-left: 2em;
  }

  #checkout-wrapper [class^="c-table-module"] .configure-container .configure-box {
    margin-left: -1em;
    padding: 1em;
    background-color: #fff;
  }

  #checkout-wrapper [class^="c-table-module"] .configure-container .configure-box strong {
    display: block;
  }

  #checkout-wrapper [class^="c-table-module"] .configure-container .configure-box input[type="text"] {
    width: 100%;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body.sub-row .info .title {
    font-weight: 600 !important;
    margin-bottom: 0.3em;
    font-size: 1.385em !important;
  }

  #checkout-wrapper [class^="c-table-module"] .bottom-bar .social-media-list {
    text-align: center;
  }

  #checkout-wrapper [class^="c-table-module"] .bottom-bar .social-media-list strong {
    float: none;
    font-weight: 400;
    font-size: 2.5em;
    width: 100%;
    display: block;
    margin-top: -0.8em;
    padding-bottom: 0.3em;
    font-family: 'Helvetica', Arial;
    padding-left: 1em;
    padding-right: 1em;
    box-sizing: border-box;
    background-color: #fff;
  }

  #checkout-wrapper [class^="c-table-module"] .bottom-bar .social-media-list ul {
    display: inline-block;
    float: none;
    padding-top: 1em;
    background-color: #f2f2f2;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .row,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .row {
    padding-bottom: 1.5em;
    padding-left: 0em;
    padding-right: 0em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .row:last-child,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .row:last-child {
    border-bottom: none;
    background-size: 0% 0px;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .row [class*="span"],
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .row [class*="span"] {
    padding-top: 0em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .row dl dt,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .row dl dt {
    float: left;
    clear: left;
    margin-right: 1em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .row dl dd,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .row dl dd {
    margin: 0 0 0 0px;
    float: left;
    clear: right;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .row .info,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .row .info {
    padding-left: 0em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .row .info .description,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .row .info .description {
    margin-bottom: 1em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .row .info h4,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .row .info h4 {
    margin-top: 0em;
    font-weight: 600;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .row .info .price-holder .t-medium-price,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .row .info .price-holder .t-medium-price {
    margin-left: 1em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .row .info .price-holder .t-large-price,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .row .info .price-holder .t-large-price {
    margin-left: 0.7em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .row .info .medium,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .row .info .medium {
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 1em;
    margin-left: 1em;
    display: inline-block;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .row .info .fat,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .row .info .fat {
    font-weight: 600;
    margin-left: 0.8em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .row.price,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .row.price {
    border-top: 1px solid #fff;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .item-box-container,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .item-box-container {
    background-color: #fff;
    padding-top: 1em;
    display: inline-block;
    width: 100%;
    margin-top: 2em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .item-box-container #toggle,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .item-box-container #toggle {
    padding-left: 1em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .item-box-container > .row,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .item-box-container > .row {
    padding-bottom: 0em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .item-box-container > .row > div[class*="span"],
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .item-box-container > .row > div[class*="span"] {
    float: none;
    width: 100%;
    margin-left: 0em;
    margin-right: 0em;
    margin-bottom: 1.5em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .price,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .price {
    line-height: 2em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .price strong,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .price strong {
    font-size: 1.4em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body .price .fat,
  #checkout-wrapper [class^="c-table-module"] .table-body-expandable .price .fat {
    font-size: 2em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body.sub-row {
    padding-top: 1.5em;
  }

  #checkout-wrapper [class^="c-table-module"] .table-body.sub-row .row .row {
    border-top: 1px solid #fff;
  }

  #checkout-wrapper [class^="c-table-module"]#services-container .table-body .container .row span.medium {
    font-size: 1.6em;
  }
}

#checkout-wrapper .add-item-cart .container {
  position: relative;
}

#checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .row {
  background-image: none;
}

#checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .title {
  font-size: 1.077em;
  font-weight: 400;
  padding-top: 0em;
  color: #F7931D;
}

body.company #checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .title {
  color: #51c1c1;
}

body.color-section-1 #checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .title {
  color: #F7931D;
}

body.color-section-2 #checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .title {
  color: #F37875;
}

body.color-section-3 #checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .title {
  color: #EE4A56;
}

body.company.color-section-1 #checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .title {
  color: #51c1c1;
}

body.company.color-section-2 #checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .title {
  color: #1f99c9;
}

body.company.color-section-3 #checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .title {
  color: #009692;
}

#checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .read-more {
  color: #F7931D;
  line-height: 1;
}

#checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .read-more [class*="icon"] {
  vertical-align: sub;
}

#checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .expandable.add-addon {
  margin-top: 0em;
}

#checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .expandable.add-addon .up-arrow:before {
  border-bottom-color: #F7931D;
  right: 41.25%;
}

#checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .expandable .row {
  padding: 0 0 2em 0;
}

@media screen and (max-width: 659px) {
  #checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart {
    padding-top: 1em;
  }

  #checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .add-item-img img {
    float: right;
    margin-right: 2em;
  }

  #checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .read-more-holder {
    position: absolute;
    bottom: 1.3em;
    right: 1em;
    width: auto;
    font-size: 1.1em;
  }

  #checkout-wrapper [class^="c-table-module"] [class*="table-body"].add-item-cart .add-item-holder {
    width: auto;
    float: left;
    margin-left: 33% !important;
  }
}

@media screen and (max-width: 768px) {
  #checkout-wrapper .eula {
    margin-top: 20px;
  }

  #checkout-wrapper .eula .fineprint {
    line-height: 1.3em;
    margin-top: 5px;
  }
}

#checkout-wrapper .delivery-content {
  margin-top: 20px;
}

#checkout-wrapper .cart-top-button {
  margin-top: -78px;
  min-height: 78px;
}

@media screen and (max-width: 768px) {
  #checkout-wrapper .cart-top-button {
    display: none;
  }
}

.thin-arrow-up {
  position: absolute;
  top: -27px;
  left: 50%;
  width: 36px;
  height: 1px;
  color: #fff;
  background-color: transparent;
}

.thin-arrow-up:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 0px;
  width: 0;
  height: 0;
  border: 18px solid transparent;
  border-top: 15px solid transparent;
  border-bottom: 15px solid #fff;
}

.thin-arrow-up:before {
  content: '';
  position: absolute;
  top: -2px;
  left: 0px;
  width: 0;
  height: 0;
  border: 18px solid transparent;
  border-top: 15px solid transparent;
}

@media screen and (max-width: 659px) {
  .thin-arrow-up {
    top: -37px;
  }
}

.color-filled-image-module {
  position: relative;
}

.color-filled-image-module div.divider {
  position: relative;
}

.color-filled-image-module div.divider .left-text {
  display: inline-block;
  margin-left: 0 0% 50px 0%;
  width: 40%;
}

.color-filled-image-module div.divider .left-text .inner {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 10%;
  text-align: center;
  width: 100%;
  margin: 60px 0 70px 0;
}

.color-filled-image-module div.divider .left-text .inner h2 {
  font-size: 3.53846154em;
  margin-bottom: 40px;
}

.color-filled-image-module div.divider .left-text .inner p {
  margin-bottom: 30px;
}

.color-filled-image-module div.divider .left-text .inner .button {
  font-size: 1.23076923em;
}

.color-filled-image-module div.divider .right-image {
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  right: 0;
  height: 100%;
  width: 60%;
  top: 0;
}

@media screen and (max-width: 800px) {
  .color-filled-image-module div.divider .right-image {
    background-size: auto 100%;
  }
}

@media screen and (max-width: 659px) {
  .color-filled-image-module div.divider .left-text {
    width: 100%;
  }

  .color-filled-image-module div.divider .left-text .inner {
    margin: 10px 0 20px 0;
    padding: 0 20px;
  }

  .color-filled-image-module div.divider .left-text .inner h2 {
    margin-bottom: 20px;
  }

  .color-filled-image-module div.divider .left-text .inner p {
    margin-bottom: 20px;
    font-size: 1.38461538em;
  }

  .color-filled-image-module div.divider .left-text .button {
    margin-bottom: 20px;
  }

  .color-filled-image-module div.divider .left-text .hint-arrow {
    color: #fff;
    margin-left: -40%;
    margin-top: -20px;
  }

  .color-filled-image-module .right-image {
    display: none;
  }
}

.common-information .questions {
  position: relative;
  background-color: #f1696b;
  overflow: hidden;
  height: 543px;
}

.common-information .questions .page {
  position: absolute;
  height: 100%;
  width: 100%;
}

.common-information .questions .question {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 80% top;
  color: white;
}

.common-information .questions .question p {
  font-size: 1.2em;
  width: 80%;
}

.common-information .questions .question .background {
  position: absolute;
  height: 100%;
  width: 60.1%;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 100%;
}

.common-information .questions .question .container {
  position: relative;
}

.common-information .questions .question h2 {
  font-size: 4em;
}

.common-information .questions .question .button {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 3px;
  margin: 4.0em 0;
  min-width: 200px;
}

.common-information .questions .nav {
  position: absolute;
  background-color: #f1696b;
  height: 100%;
  top: 0;
  left: 60%;
  width: 40%;
}

.common-information .questions .nav .indicator {
  position: absolute;
  width: 100%;
  height: 20%;
  background-color: #ed3a3d;
}

.common-information .questions .nav .indicator:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #ed3a3d;
  left: -12px;
  top: 50%;
  margin-top: -12px;
}

.common-information .questions .nav .seperators {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.common-information .questions .nav .seperators li {
  position: relative;
  height: 20%;
}

.common-information .questions .nav .seperators li:before {
  *background-color: rgba(255, 255, 255, 0);
  background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
}

.common-information .questions .nav .seperators li:first-child:before {
  content: initial;
}

.common-information .questions .nav ol {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

.common-information .questions .nav ol li {
  position: relative;
  height: 20%;
  margin-left: 80px;
  font-size: 3.69230769em;
  font-family: 'Helvetica', Arial;
  color: white;
  line-height: 180%;
}

.common-information .questions .nav ol li a {
  position: absolute;
  bottom: 0px;
  left: -49px;
  width: 400%;
  font-size: 0.38461538em;
  line-height: 300%;
  color: white;
  padding-top: 50px;
  text-decoration: none;
  text-overflow: clip;
}

.common-information.state-1 .nav .indicator {
  top: 0%;
}

.common-information.state-1 .page {
  top: -400%;
}

.common-information.state-2 .nav .indicator {
  top: 20%;
}

.common-information.state-2 .page {
  top: -300%;
}

.common-information.state-3 .nav .indicator {
  top: 40%;
}

.common-information.state-3 .page {
  top: -200%;
}

.common-information.state-4 .nav .indicator {
  top: 60%;
}

.common-information.state-4 .page {
  top: -100%;
}

.common-information.state-5 .nav .indicator {
  top: 80%;
}

.common-information.state-5 .page {
  top: 0%;
}

.cssanimations .common-information .page {
  transition: -webkit-transform ease-in-out 1.5s;
  transition: transform ease-in-out 1.5s;
  transition: transform ease-in-out 1.5s, -webkit-transform ease-in-out 1.5s;
}

.cssanimations .common-information .page .question .container .row {
  overflow: hidden;
}

.cssanimations .common-information .page .question .container .span12 {
  transition: -webkit-transform ease-in-out 1.5s;
  transition: transform ease-in-out 1.5s;
  transition: transform ease-in-out 1.5s, -webkit-transform ease-in-out 1.5s;
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}

.cssanimations .common-information .nav .indicator {
  transition: -webkit-transform ease-in-out 1.5s;
  transition: transform ease-in-out 1.5s;
  transition: transform ease-in-out 1.5s, -webkit-transform ease-in-out 1.5s;
}

.cssanimations .common-information .nav ol li {
  transition: -webkit-transform ease-in-out 1.5s;
  transition: transform ease-in-out 1.5s;
  transition: transform ease-in-out 1.5s, -webkit-transform ease-in-out 1.5s;
}

.cssanimations .common-information .nav ol li a {
  transition: -webkit-transform ease-in-out 1.5s;
  transition: transform ease-in-out 1.5s;
  transition: transform ease-in-out 1.5s, -webkit-transform ease-in-out 1.5s;
}

.cssanimations .common-information.state-1 .nav .indicator {
  top: 0%;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.cssanimations .common-information.state-1 .page {
  top: 0%;
  -webkit-transform: translateY(-400%);
  -ms-transform: translateY(-400%);
  transform: translateY(-400%);
}

.cssanimations .common-information.state-1 .page .question:nth-child(5) .span12 {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.cssanimations .common-information.state-1 ol li:nth-child(1) {
  -webkit-transform: translateY(15%);
  -ms-transform: translateY(15%);
  transform: translateY(15%);
}

.cssanimations .common-information.state-1 ol li:nth-child(1):before {
  display: none;
}

.cssanimations .common-information.state-1 ol li:nth-child(1) a {
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
}

.cssanimations .common-information.state-2 .nav .indicator {
  top: 0%;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.cssanimations .common-information.state-2 .page {
  top: 0%;
  -webkit-transform: translateY(-300%);
  -ms-transform: translateY(-300%);
  transform: translateY(-300%);
}

.cssanimations .common-information.state-2 .page .question:nth-child(4) .span12 {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.cssanimations .common-information.state-2 ol li:nth-child(2) {
  -webkit-transform: translateY(15%);
  -ms-transform: translateY(15%);
  transform: translateY(15%);
}

.cssanimations .common-information.state-2 ol li:nth-child(2):before {
  display: none;
}

.cssanimations .common-information.state-2 ol li:nth-child(2) a {
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
}

.cssanimations .common-information.state-3 .nav .indicator {
  top: 0%;
  -webkit-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
}

.cssanimations .common-information.state-3 .page {
  top: 0%;
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
}

.cssanimations .common-information.state-3 .page .question:nth-child(3) .span12 {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.cssanimations .common-information.state-3 ol li:nth-child(3) {
  -webkit-transform: translateY(15%);
  -ms-transform: translateY(15%);
  transform: translateY(15%);
}

.cssanimations .common-information.state-3 ol li:nth-child(3):before {
  display: none;
}

.cssanimations .common-information.state-3 ol li:nth-child(3) a {
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
}

.cssanimations .common-information.state-4 .nav .indicator {
  top: 0%;
  -webkit-transform: translateY(300%);
  -ms-transform: translateY(300%);
  transform: translateY(300%);
}

.cssanimations .common-information.state-4 .page {
  top: 0%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.cssanimations .common-information.state-4 .page .question:nth-child(2) .span12 {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.cssanimations .common-information.state-4 ol li:nth-child(4) {
  -webkit-transform: translateY(15%);
  -ms-transform: translateY(15%);
  transform: translateY(15%);
}

.cssanimations .common-information.state-4 ol li:nth-child(4):before {
  display: none;
}

.cssanimations .common-information.state-4 ol li:nth-child(4) a {
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
}

.cssanimations .common-information.state-5 .nav .indicator {
  top: 0%;
  -webkit-transform: translateY(400%);
  -ms-transform: translateY(400%);
  transform: translateY(400%);
}

.cssanimations .common-information.state-5 .page {
  top: 0%;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.cssanimations .common-information.state-5 .page .question:nth-child(1) .span12 {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.cssanimations .common-information.state-5 ol li:nth-child(5) {
  -webkit-transform: translateY(15%);
  -ms-transform: translateY(15%);
  transform: translateY(15%);
}

.cssanimations .common-information.state-5 ol li:nth-child(5):before {
  display: none;
}

.cssanimations .common-information.state-5 ol li:nth-child(5) a {
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
}

@media screen and (max-width: 659px) {
  .common-information .questions {
    height: 380px;
  }

  .common-information .questions .page .question .background {
    width: 80.5%;
    background-position: 40% top;
  }

  .common-information .questions .page .question h2 {
    font-size: 2.46153846em;
  }

  .common-information .questions .page .question .container .span12 {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    width: 75%;
  }

  .common-information .questions .nav {
    left: 80%;
    width: 20%;
  }

  .common-information .questions .nav ol {
    counter-reset: five-questions;
  }

  .common-information .questions .nav ol li {
    font-size: 3.07692308em;
    margin-left: 0;
    counter-increment: five-questions;
  }

  .common-information .questions .nav ol li:before {
    top: 0;
  }

  .common-information .questions .nav ol li:after {
    content: counter(five-questions);
    display: block;
    text-align: center;
    position: absolute;
    margin-right: 0;
    margin-top: -15px;
    height: 30px;
    line-height: 30px;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .common-information .questions .nav ol li a {
    line-height: 100%;
    opacity: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }

  .cssanimations .common-information.state-1 .nav .indicator {
    top: 0%;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  .cssanimations .common-information.state-1 .page {
    top: 0%;
    -webkit-transform: translateY(-400%);
    -ms-transform: translateY(-400%);
    transform: translateY(-400%);
  }

  .cssanimations .common-information.state-1 .page .question:nth-child(5) .span12 {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  .cssanimations .common-information.state-1 ol li:nth-child(1) {
    -webkit-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%);
  }

  .cssanimations .common-information.state-1 ol li:nth-child(1) a {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }

  .cssanimations .common-information.state-2 .nav .indicator {
    top: 0%;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }

  .cssanimations .common-information.state-2 .page {
    top: 0%;
    -webkit-transform: translateY(-300%);
    -ms-transform: translateY(-300%);
    transform: translateY(-300%);
  }

  .cssanimations .common-information.state-2 .page .question:nth-child(4) .span12 {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  .cssanimations .common-information.state-2 ol li:nth-child(2) {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  .cssanimations .common-information.state-2 ol li:nth-child(2) a {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }

  .cssanimations .common-information.state-3 .nav .indicator {
    top: 0%;
    -webkit-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
  }

  .cssanimations .common-information.state-3 .page {
    top: 0%;
    -webkit-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
  }

  .cssanimations .common-information.state-3 .page .question:nth-child(3) .span12 {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  .cssanimations .common-information.state-3 ol li:nth-child(3) {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  .cssanimations .common-information.state-3 ol li:nth-child(3) a {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }

  .cssanimations .common-information.state-4 .nav .indicator {
    top: 0%;
    -webkit-transform: translateY(300%);
    -ms-transform: translateY(300%);
    transform: translateY(300%);
  }

  .cssanimations .common-information.state-4 .page {
    top: 0%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  .cssanimations .common-information.state-4 .page .question:nth-child(2) .span12 {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  .cssanimations .common-information.state-4 ol li:nth-child(4) {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  .cssanimations .common-information.state-4 ol li:nth-child(4) a {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }

  .cssanimations .common-information.state-5 .nav .indicator {
    top: 0%;
    -webkit-transform: translateY(400%);
    -ms-transform: translateY(400%);
    transform: translateY(400%);
  }

  .cssanimations .common-information.state-5 .page {
    top: 0%;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  .cssanimations .common-information.state-5 .page .question:nth-child(1) .span12 {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  .cssanimations .common-information.state-5 ol li:nth-child(5) {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  .cssanimations .common-information.state-5 ol li:nth-child(5) a {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

.compare-subscriptions {
  overflow: hidden;
  position: relative;
  transition: all 1s;
}

.compare-subscriptions:before {
  content: "";
  height: 95px;
  background-color: #F7931D;
  display: block;
  position: absolute;
  top: 0;
  left: -1000px;
  right: -1000px;
  z-index: 0;
}

.company .compare-subscriptions:before {
  background-color: #51c1c1;
}

.compare-subscriptions .container {
  position: relative;
}

.compare-subscriptions .icon-remove {
  color: #EE4A56;
  font-size: 1.1em;
}

.compare-subscriptions .icon-check {
  color: #F7931D;
  font-size: 1.6em;
}

.company .compare-subscriptions .icon-check {
  color: #51c1c1;
}

.compare-subscriptions .compare-subscriptions-table {
  margin-top: 0;
  position: relative;
  z-index: 1;
}

.compare-subscriptions .compare-subscriptions-table colgroup {
  z-index: 2;
  position: relative;
}

.compare-subscriptions .compare-subscriptions-table colgroup col.selected {
  background-color: rgba(0, 0, 0, 0.03);
}

.compare-subscriptions .compare-subscriptions-table td {
  border: 0;
}

.compare-subscriptions .compare-subscriptions-table thead tr th {
  font-size: 18px;
  color: #fff;
  height: 95px;
  padding: 0;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-family: 'Helvetica', Arial;
}

.compare-subscriptions .compare-subscriptions-table thead tr th.selected {
  background-color: #f89a2c;
}

.company .compare-subscriptions .compare-subscriptions-table thead tr th.selected {
  background-color: #64c8c8;
}

.compare-subscriptions .compare-subscriptions-table thead tr.color-fill:first-child {
  background-color: transparent;
}

.compare-subscriptions .compare-subscriptions-table tbody tr:first-child + tr > td.multi-cell {
  background-image: none;
}

.compare-subscriptions .compare-subscriptions-table tbody tr.highlight:after,
.compare-subscriptions .compare-subscriptions-table tbody tr:last-child:after {
  background-color: rgba(0, 0, 0, 0.03);
  content: "";
  position: absolute;
  left: -2000px;
  right: -2000px;
  height: 68px;
}

.compare-subscriptions .compare-subscriptions-table tbody tr.highlight th,
.compare-subscriptions .compare-subscriptions-table tbody tr:last-child th {
  color: #F7931D;
  font-size: 1.38461538em;
  font-weight: 600;
}

.company .compare-subscriptions .compare-subscriptions-table tbody tr.highlight th,
.company .compare-subscriptions .compare-subscriptions-table tbody tr:last-child th {
  color: #51c1c1;
}

.compare-subscriptions .compare-subscriptions-table tbody tr.highlight td,
.compare-subscriptions .compare-subscriptions-table tbody tr:last-child td {
  font-weight: 600;
  font-size: 1.38461538em;
}

.compare-subscriptions .compare-subscriptions-table tbody tr.highlight td.multi-cell > span:before,
.compare-subscriptions .compare-subscriptions-table tbody tr:last-child td.multi-cell > span:before {
  content: "";
}

.compare-subscriptions .compare-subscriptions-table tbody tr.highlight td span:before,
.compare-subscriptions .compare-subscriptions-table tbody tr:last-child td span:before {
  content: " ";
}

.compare-subscriptions .compare-subscriptions-table tbody tr.highlight th,
.compare-subscriptions .compare-subscriptions-table tbody tr:last-child th,
.compare-subscriptions .compare-subscriptions-table tbody tr.highlight td,
.compare-subscriptions .compare-subscriptions-table tbody tr:last-child td,
.compare-subscriptions .compare-subscriptions-table tbody tr.highlight td:last-child,
.compare-subscriptions .compare-subscriptions-table tbody tr:last-child td:last-child {
  background-image: none;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td {
  padding: 0 20px;
  width: 25%;
  line-height: 1.3em;
  border-right: 2px solid rgba(0, 0, 0, 0.03);
  *background-color: rgba(0, 0, 0, 0.03);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08000000', endColorstr='#08000000', GradientType=1);
  background-size: 100% 1px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  font-size: 1.07692308em;
  font-weight: 600;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.multi-cell p {
  line-height: 1.5em;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.multi-cell > span {
  display: none;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.multi-cell > span.active {
  display: inline;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane {
  padding: 0;
  z-index: 2;
  border-color: #ec3340;
}

.company .compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane {
  border-color: #007d79;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane nav {
  display: block;
  overflow: hidden;
  height: 70px;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0 -2px 1px, inset rgba(0, 0, 0, 0.1) 0 -4px 5px;
  background-color: #EE4A56;
}

.company .compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane nav {
  background-color: #009692;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane nav a {
  -webkit-transform: translate(-1px, 0);
  -ms-transform: translate(-1px, 0);
  transform: translate(-1px, 0);
  display: block;
  *background-color: rgba(0, 0, 0, 0.018);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08000000', endColorstr='#00000000', GradientType=0);
  background-size: 2px 100%;
  background-repeat: no-repeat;
  position: relative;
  width: 20%;
  height: 100%;
  float: left;
  color: #fff;
  font-size: 1.14285714em;
  font-weight: 600;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane nav a.active {
  background-image: none;
  color: #7f7f7c;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane nav a.active > span {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 2px;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane nav a.active > span:hover {
  background-color: #fff;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane nav a.active + a {
  background-image: none;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane nav a > span {
  display: block;
  height: 63px;
  text-align: center;
  margin: 7px 2px 0 4px;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane nav a > span:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane nav a > span span.suffix {
  display: block;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane nav a > span span.table-display {
  display: table;
  height: 100%;
  width: 100%;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td.tabs-pane nav a > span span.table-display span.table-cell-display {
  display: table-cell;
  vertical-align: middle;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td:last-child {
  *background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08000000', endColorstr='#00000000', GradientType=1);
}

.compare-subscriptions .compare-subscriptions-table tbody tr td strong {
  font-weight: 600;
  font-size: 1.28571429em;
}

.compare-subscriptions .compare-subscriptions-table tbody tr td span.price {
  font-size: 0.92857143em;
  font-weight: 400;
  display: block;
}

.compare-subscriptions .compare-subscriptions-table tbody tr th {
  border-right: 2px solid rgba(0, 0, 0, 0.03);
  *background-color: rgba(0, 0, 0, 0.03);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#08000000', GradientType=1);
  background-size: 100% 1px;
  font-size: 1.07692308em;
  font-weight: 600;
}

.compare-subscriptions .compare-subscriptions-table tfoot td,
.compare-subscriptions .compare-subscriptions-table tfoot th {
  height: 70px;
  border-right: 2px solid rgba(0, 0, 0, 0.03);
  padding: 0 20px;
}

.compare-subscriptions .compare-subscriptions-table tfoot td a,
.compare-subscriptions .compare-subscriptions-table tfoot th a {
  display: block;
  margin: 20px 0;
}

.compare-subscriptions .cols-3 tbody tr td {
  width: 35%;
}

.compare-subscriptions .cols-4 tbody tr td {
  width: 25%;
}

.compare-subscriptions .cols-5 tbody tr td {
  width: 19%;
}

.compare-subscriptions .cols-3 tbody tr th {
  width: 30%;
}

.compare-subscriptions table.compare-subscriptions-table.cols-3 {
  width: 75%;
}

.compare-subscriptions table.compare-subscriptions-table.cols-4 {
  width: 90%;
}

.mod-content-blocks .intro-block {
  margin-top: 2.46153846em;
}

@media screen and (max-width: 659px) {
  .mod-content-blocks .intro-block {
    margin-top: 0;
    margin-bottom: 2em;
  }
}

.mod-content-blocks .media-block {
  margin: 2.76923077em 0 4.15384615em 0;
}

.mod-content-blocks .section-header.color-fill {
  padding: 1.92307692em 0 1.53846154em;
}

.mod-content-blocks .section-header.color-fill h2 {
  margin-top: 0;
}

@media screen and (max-width: 659px) {
  .mod-content-blocks .section-header {
    font-size: 2.769em;
  }
}

.delivery-tracking section {
  position: relative;
}

.delivery-tracking section .next-holder {
  color: #30302e;
}

@media screen and (max-width: 768px) {
  .delivery-tracking section .next-holder {
    display: none;
  }
}

.delivery-tracking section .next-holder .next-text {
  cursor: pointer;
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-align: center;
}

.delivery-tracking section .next-holder .next {
  z-index: 1;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  line-height: 1em;
  display: block;
  cursor: pointer;
  bottom: 40px;
}

.delivery-tracking section .next-holder .next:after {
  transition: all 0.1s;
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.delivery-tracking .tracking-form {
  background-color: #f2f2f2;
  padding-top: 80px;
  padding-bottom: 110px;
  min-height: calc(100vh - 55px);
  box-sizing: border-box;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .delivery-tracking .tracking-form {
    min-height: calc(100vh - 43px);
  }
}

@media screen and (max-width: 768px) {
  .delivery-tracking .tracking-form {
    min-height: 0;
    padding-top: 30px;
    padding-bottom: 0;
  }

  .delivery-tracking .tracking-form .container {
    padding-bottom: 25px;
  }
}

.delivery-tracking .tracking-form .info {
  text-align: center;
}

.delivery-tracking .tracking-form .info h1 {
  margin: 0.5em;
}

.delivery-tracking .tracking-form .info p {
  display: table;
  margin: 0 auto;
  max-width: 44em;
}

.delivery-tracking .tracking-form .info p strong {
  white-space: nowrap;
}

.delivery-tracking .tracking-form .form {
  margin-top: 2em;
}

.delivery-tracking .tracking-form .form .elements {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.delivery-tracking .tracking-form .form .elements > div {
  float: left;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .tracking-form .form .elements {
    -webkit-justify-content: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
  }
}

.delivery-tracking .tracking-form .form .elements > div {
  width: 40%;
}

.delivery-tracking .tracking-form .form .elements > div.action {
  margin-top: 2em;
  width: 20%;
}

.delivery-tracking .tracking-form .form .elements > div .inner {
  padding-right: 1em;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .tracking-form .form .elements > div .inner {
    padding-right: 0;
  }
}

.delivery-tracking .tracking-form .form .elements > div .btn {
  width: 100%;
}

.delivery-tracking .tracking-form .form .elements > div .btn.btn-disabled {
  background-color: #e6e6e6;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .tracking-form .form .elements > div {
    width: 100%;
    margin: 0;
    margin-top: 1em;
  }

  .delivery-tracking .tracking-form .form .elements > div:first-child {
    margin-top: 0;
  }

  .delivery-tracking .tracking-form .form .elements > div.action {
    margin-top: 1em;
    width: 100%;
  }
}

.delivery-tracking .tracking-form .result-message {
  margin-top: 3em;
  text-align: center;
}

.delivery-tracking .tracking-form .result-message p {
  padding: 0;
}

.delivery-tracking .tracking-form .result {
  margin-top: 3em;
}

.delivery-tracking .tracking-form .result .header {
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 1em;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .tracking-form .result .header {
    display: none;
  }
}

.delivery-tracking .tracking-form .result .items {
  line-height: 1.5em;
}

.delivery-tracking .tracking-form .result .header > div,
.delivery-tracking .tracking-form .result .items > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1em;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .tracking-form .result .header > div,
  .delivery-tracking .tracking-form .result .items > div {
    border-top: 1px solid #e5e5e5;
    padding-top: 1em;
    margin-bottom: 1em;
  }

  .delivery-tracking .tracking-form .result .header > div:first-child,
  .delivery-tracking .tracking-form .result .items > div:first-child {
    border: none;
    padding-top: 0;
    margin-top: 0;
  }
}

.delivery-tracking .tracking-form .result .header > div > div,
.delivery-tracking .tracking-form .result .items > div > div {
  display: block;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 33%;
  line-height: 1.4;
}

.delivery-tracking .tracking-form .result .header > div > div a,
.delivery-tracking .tracking-form .result .items > div > div a {
  line-height: 1.4;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .tracking-form .result .header > div > div,
  .delivery-tracking .tracking-form .result .items > div > div {
    width: 100%;
  }

  .delivery-tracking .tracking-form .result .header > div > div.product:before,
  .delivery-tracking .tracking-form .result .items > div > div.product:before,
  .delivery-tracking .tracking-form .result .header > div > div.status:before,
  .delivery-tracking .tracking-form .result .items > div > div.status:before,
  .delivery-tracking .tracking-form .result .header > div > div.tracking:before,
  .delivery-tracking .tracking-form .result .items > div > div.tracking:before {
    margin-right: 0.3em;
    font-weight: bold;
  }

  .delivery-tracking .tracking-form .result .header > div > div.product:before,
  .delivery-tracking .tracking-form .result .items > div > div.product:before {
    content: "Produkt:";
  }

  .delivery-tracking .tracking-form .result .header > div > div.status:before,
  .delivery-tracking .tracking-form .result .items > div > div.status:before {
    content: "Status:";
  }

  .delivery-tracking .tracking-form .result .header > div > div.tracking:before,
  .delivery-tracking .tracking-form .result .items > div > div.tracking:before {
    content: "Kollinummer:";
  }
}

.delivery-tracking .qa {
  padding-top: 4em;
  padding-bottom: 4em;
  text-align: center;
}

.delivery-tracking .qa h2 {
  margin-bottom: 1em;
}

.delivery-tracking .qa .col {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-bottom: 2em;
  width: 45%;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .qa .col {
    width: 100%;
  }
}

.delivery-tracking .qa .col:first-child {
  margin-right: 4em;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .qa .col {
    margin-right: 0;
  }
}

.delivery-tracking .qa .col > div {
  margin-top: 3em;
}

.delivery-tracking .qa .col > div:first-child {
  margin-top: 0;
}

.delivery-tracking .qa-contact {
  position: relative;
  overflow: hidden;
}

.delivery-tracking .qa-contact > div {
  min-height: calc(100vh - 45px);
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

html.lt-ie10 .delivery-tracking .qa-contact > div {
  min-height: 0;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .qa-contact > div {
    min-height: 0;
  }
}

.lt-ie10 .delivery-tracking .qa-contact > div {
  display: block;
  *zoom: 1;
}

.lt-ie10 .delivery-tracking .qa-contact > div:before,
.lt-ie10 .delivery-tracking .qa-contact > div:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .delivery-tracking .qa-contact > div:after {
  clear: both;
}

.lt-ie10 .delivery-tracking .qa-contact > div > * {
  float: left;
}

.delivery-tracking .qa-contact > div > div {
  width: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}

.lt-ie10 .delivery-tracking .qa-contact > div > div {
  display: block;
  *zoom: 1;
}

.lt-ie10 .delivery-tracking .qa-contact > div > div:before,
.lt-ie10 .delivery-tracking .qa-contact > div > div:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .delivery-tracking .qa-contact > div > div:after {
  clear: both;
}

.lt-ie10 .delivery-tracking .qa-contact > div > div > * {
  float: left;
}

.delivery-tracking .qa-contact > div > div > * {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: calc(50% + 0);
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}

.delivery-tracking .qa-contact > div > div > *:nth-child(2n) {
  margin-right: 0;
}

.delivery-tracking .qa-contact > div > div > *:nth-child(2n +1) {
  margin-left: 0;
}

.lt-ie10 .delivery-tracking .qa-contact > div > div > *:nth-child(2n +1) {
  clear: left;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .qa-contact > div > div {
    margin: 0 auto;
    padding-left: 25px !important;
    padding-right: 25px !important;
    max-width: 1064px;
    padding-top: 40px;
    padding-bottom: 50px;
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 768px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .delivery-tracking .qa-contact > div > div {
    max-width: 852px;
  }
}

@media screen and (max-width: 768px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .delivery-tracking .qa-contact > div > div {
    max-width: 852px;
  }
}

.delivery-tracking .qa-contact > div > div.media {
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

html.lt-ie10 .delivery-tracking .qa-contact > div > div.media {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .qa-contact > div > div.media {
    display: none;
  }
}

.delivery-tracking .qa-contact > div > div.info {
  background: #f2f2f2;
}

html.lt-ie10 .delivery-tracking .qa-contact > div > div.info {
  margin-left: 50%;
}

.delivery-tracking .qa-contact > div > div > div {
  box-sizing: border-box;
  max-width: 640px;
  margin: 0 auto 0 0;
  padding: 80px;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .qa-contact > div > div > div {
    padding: 0;
  }
}

.delivery-tracking .qa-contact > div > div > div p {
  margin-top: 1em;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .qa-contact > div > div > div p {
    line-height: 1.5em;
    min-height: 40px;
  }
}

.delivery-tracking .qa-contact > div .btn {
  margin-top: 2em;
}

@media screen and (max-width: 768px) {
  .delivery-tracking .qa-contact > div .btn {
    width: 100%;
  }
}

.divider-heading {
  position: relative;
  font-size: 4.92307692em;
  padding: .2em 0;
  line-height: 0.95;
}

.divider-heading:after,
.divider-heading:before {
  position: absolute;
  width: 100%;
  display: block;
  content: "";
  height: 2px;
  background-image: linear-gradient(to right, transparent, transparent 33.5%, rgba(0, 0, 0, 0.2) 33.51%, rgba(0, 0, 0, 0.2) 66.5%, transparent 66.51%, transparent);
  background-size: 100% 1px;
  background-position: top center;
  background-repeat: no-repeat;
}

.divider-heading:after {
  bottom: 0px;
}

.divider-heading:before {
  top: 0px;
}

[class*="color-fill"] .divider-heading:after,
[class*="color-fill"] .divider-heading:before {
  background-image: linear-gradient(to right, transparent, transparent 33.5%, rgba(255, 255, 255, 0.5) 33.51%, rgba(255, 255, 255, 0.5) 66.5%, transparent 66.51%, transparent);
  background-size: 100% 1px;
  background-position: top center;
  background-repeat: no-repeat;
}

.double-image-module {
  position: relative;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  text-align: center;
  overflow: hidden;
}

.double-image-module .before-hint-arrow {
  margin-bottom: 30px;
}

.double-image-module img {
  position: absolute;
}

.double-image-module img.left-image {
  bottom: 0;
  right: 60%;
}

.double-image-module img.right-image {
  top: 0;
  left: 60%;
}

@media screen and (max-width: 1200px) {
  .double-image-module img.left-image {
    right: 80%;
  }

  .double-image-module img.right-image {
    left: 80%;
  }
}

.double-image-module .row {
  padding: 0 80px;
  margin: 0 -80px;
  overflow: visible;
  background-attachment: scroll, scroll;
  background-repeat: no-repeat, no-repeat;
  background-position: left bottom, right top;
  background-size: 35%, 35%;
  min-height: 500px;
}

.double-image-module h2 {
  font-size: 4em;
  margin: 90px 0 45px 0;
  padding: 30px 0;
}

.double-image-module .divider-heading:before {
  *background-color: rgba(0, 0, 0, 0);
  background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-repeat: no-repeat;
}

.double-image-module .divider-heading:after {
  *background-color: rgba(0, 0, 0, 0);
  background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-repeat: no-repeat;
}

.double-image-module p {
  margin-bottom: 15px;
}

.double-image-module .button {
  line-height: 2.5em;
  height: 2.5em;
  margin: 15px 0 90px 0;
}

@media screen and (max-width: 659px) {
  .double-image-module {
    min-height: 300px;
  }

  .double-image-module h2 {
    margin: 40px 0 30px;
  }

  .double-image-module p {
    font-size: 1.38461538em;
  }

  .double-image-module div.offset6.span12 {
    margin: 0;
    width: auto;
  }

  .double-image-module .button {
    margin-bottom: 20px;
  }
}

.no-multiplebgs .double-image-module .row {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 30%;
}

.dynamic-map-module {
  position: relative;
  margin-bottom: 200px;
}

.dynamic-map-module .container {
  text-align: center;
  font-size: 2.46153846em;
  margin-bottom: 36px;
}

.dynamic-map-module .map-canvas {
  height: 500px;
  margin: 0;
  padding: 0;
}

.dynamic-map-module .map-canvas img {
  max-width: none;
}

.dynamic-map-module .info-box {
  background-image: url("/gui/svg/dynamic-map.svg");
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  width: 250px;
  min-height: 100px;
  margin: -60px 0 0 -125px;
  padding-top: 22px;
  text-align: center;
}

.dynamic-map-module .info-box .inner {
  display: none;
}

.dynamic-map-module .info-box.show-info .inner {
  display: block;
}

.dynamic-map-module .info-box img {
  display: inline-block;
  width: 132px;
  border-radius: 100%;
}

.embedded-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.embedded-video iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.expandable-content,
.expandable-id,
.expandable-link {
  position: relative;
}

.expandable-content > span,
.expandable-id > span,
.expandable-link > span {
  display: block;
  color: #30302e;
  line-height: 24px;
  transition: all 100ms;
  cursor: pointer;
  text-align: center;
}

.expandable-content > span.pull-center,
.expandable-id > span.pull-center,
.expandable-link > span.pull-center {
  text-align: center;
}

.expandable-content > span > span,
.expandable-id > span > span,
.expandable-link > span > span {
  border: 2px solid #30302e;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  box-sizing: border-box;
  margin-right: 5px;
  margin-bottom: -7px;
  position: relative;
  display: inline-block;
  transition: all 100ms;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.expandable-content > span > span:after,
.expandable-id > span > span:after,
.expandable-link > span > span:after,
.expandable-content > span > span:before,
.expandable-id > span > span:before,
.expandable-link > span > span:before {
  line-height: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 1em;
  font-size: 8px;
  height: 2px;
  content: "";
  background-color: #30302e;
  transition: all 100ms, -webkit-transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5);
  transition: all 100ms, transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5);
  transition: all 100ms, transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5), -webkit-transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5);
}

.expandable-content > span > span:before,
.expandable-id > span > span:before,
.expandable-link > span > span:before {
  -webkit-transform: translate(27%, 0) rotate(-45deg);
  -ms-transform: translate(27%, 0) rotate(-45deg);
  transform: translate(27%, 0) rotate(-45deg);
}

.expandable-content > span > span:after,
.expandable-id > span > span:after,
.expandable-link > span > span:after {
  -webkit-transform: translate(-27%, 0) rotate(45deg);
  -ms-transform: translate(-27%, 0) rotate(45deg);
  transform: translate(-27%, 0) rotate(45deg);
}

.expandable-content > span > span:before,
.expandable-id > span > span:before,
.expandable-link > span > span:before,
.expandable-content > span > span:after,
.expandable-id > span > span:after,
.expandable-link > span > span:after {
  top: 9px;
  left: 7px;
}

.expandable-content > span:hover,
.expandable-id > span:hover,
.expandable-link > span:hover {
  color: #FFA92C;
}

.company .expandable-content > span:hover,
.company .expandable-id > span:hover,
.company .expandable-link > span:hover {
  color: #64D8D5;
}

.expandable-content > span:hover > span,
.expandable-id > span:hover > span,
.expandable-link > span:hover > span {
  border-color: #FFA92C;
}

.expandable-content > span:hover > span:before,
.expandable-id > span:hover > span:before,
.expandable-link > span:hover > span:before,
.expandable-content > span:hover > span:after,
.expandable-id > span:hover > span:after,
.expandable-link > span:hover > span:after {
  background-color: #FFA92C;
}

.company .expandable-content > span:hover > span,
.company .expandable-id > span:hover > span,
.company .expandable-link > span:hover > span {
  border-color: #64D8D5;
}

.company .expandable-content > span:hover > span:before,
.company .expandable-id > span:hover > span:before,
.company .expandable-link > span:hover > span:before,
.company .expandable-content > span:hover > span:after,
.company .expandable-id > span:hover > span:after,
.company .expandable-link > span:hover > span:after {
  background-color: #64D8D5;
}

.expandable-content > span:active,
.expandable-id > span:active,
.expandable-link > span:active {
  color: #E87900;
}

.company .expandable-content > span:active,
.company .expandable-id > span:active,
.company .expandable-link > span:active {
  color: #42A5A2;
}

.expandable-content > span:active > span,
.expandable-id > span:active > span,
.expandable-link > span:active > span {
  border-color: #E87900;
}

.expandable-content > span:active > span:before,
.expandable-id > span:active > span:before,
.expandable-link > span:active > span:before,
.expandable-content > span:active > span:after,
.expandable-id > span:active > span:after,
.expandable-link > span:active > span:after {
  background-color: #E87900;
}

.company .expandable-content > span:active > span,
.company .expandable-id > span:active > span,
.company .expandable-link > span:active > span {
  border-color: #42A5A2;
}

.company .expandable-content > span:active > span:before,
.company .expandable-id > span:active > span:before,
.company .expandable-link > span:active > span:before,
.company .expandable-content > span:active > span:after,
.company .expandable-id > span:active > span:after,
.company .expandable-link > span:active > span:after {
  background-color: #42A5A2;
}

.expandable-content .content,
.expandable-id .content,
.expandable-link .content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 500ms;
}

.expandable-content .content > .inner,
.expandable-id .content > .inner,
.expandable-link .content > .inner {
  padding-top: 2em;
  padding-bottom: 2em;
  opacity: 0.0;
  transition: opacity 200ms;
  transition-delay: 200ms;
  overflow: hidden;
}

.expandable-content .content.st-open .inner,
.expandable-id .content.st-open .inner,
.expandable-link .content.st-open .inner {
  opacity: 1.0;
}

.expandable-content > input[type="checkbox"],
.expandable-id > input[type="checkbox"],
.expandable-link > input[type="checkbox"] {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 1px;
  height: 1px;
  cursor: pointer;
  z-index: 2;
  opacity: 0.0;
}

.expandable-content > input[type="checkbox"]:checked + span > span:first-child:before,
.expandable-id > input[type="checkbox"]:checked + span > span:first-child:before,
.expandable-link > input[type="checkbox"]:checked + span > span:first-child:before {
  -webkit-transform: translate(27%, -0.15em) rotate(45deg);
  -ms-transform: translate(27%, -0.15em) rotate(45deg);
  transform: translate(27%, -0.15em) rotate(45deg);
}

.expandable-content > input[type="checkbox"]:checked + span > span:first-child:after,
.expandable-id > input[type="checkbox"]:checked + span > span:first-child:after,
.expandable-link > input[type="checkbox"]:checked + span > span:first-child:after {
  -webkit-transform: translate(-27%, -0.15em) rotate(-45deg);
  -ms-transform: translate(-27%, -0.15em) rotate(-45deg);
  transform: translate(-27%, -0.15em) rotate(-45deg);
}

.expandable-content > input[type="checkbox"]:checked + span > span:first-child:before,
.expandable-id > input[type="checkbox"]:checked + span > span:first-child:before,
.expandable-link > input[type="checkbox"]:checked + span > span:first-child:before {
  -webkit-transform: translate(27%, -0.15em) rotate(45deg);
  -ms-transform: translate(27%, -0.15em) rotate(45deg);
  transform: translate(27%, -0.15em) rotate(45deg);
}

.expandable-content > input[type="checkbox"]:checked + span > span:first-child:after,
.expandable-id > input[type="checkbox"]:checked + span > span:first-child:after,
.expandable-link > input[type="checkbox"]:checked + span > span:first-child:after {
  -webkit-transform: translate(-27%, -0.15em) rotate(-45deg);
  -ms-transform: translate(-27%, -0.15em) rotate(-45deg);
  transform: translate(-27%, -0.15em) rotate(-45deg);
}

.expandable-content > input[type="checkbox"]:checked ~ .content .inner,
.expandable-id > input[type="checkbox"]:checked ~ .content .inner,
.expandable-link > input[type="checkbox"]:checked ~ .content .inner {
  opacity: 1.0;
}

.expandable-content.expandable-content-once > input[type="checkbox"]:checked,
.expandable-id.expandable-content-once > input[type="checkbox"]:checked,
.expandable-link.expandable-content-once > input[type="checkbox"]:checked {
  display: none;
}

.expandable-content.expandable-content-once > input[type="checkbox"]:checked + span,
.expandable-id.expandable-content-once > input[type="checkbox"]:checked + span,
.expandable-link.expandable-content-once > input[type="checkbox"]:checked + span {
  transition: visibility 0s linear 200ms, opacity 200ms linear;
  visibility: hidden;
  opacity: 0.0;
}

.expandable-content.expandable-content-neg > span,
.expandable-id.expandable-content-neg > span,
.expandable-link.expandable-content-neg > span {
  color: #fff;
}

.expandable-content.expandable-content-neg > span > span,
.expandable-id.expandable-content-neg > span > span,
.expandable-link.expandable-content-neg > span > span {
  border-color: #fff;
}

.expandable-content.expandable-content-neg > span > span:after,
.expandable-id.expandable-content-neg > span > span:after,
.expandable-link.expandable-content-neg > span > span:after,
.expandable-content.expandable-content-neg > span > span:before,
.expandable-id.expandable-content-neg > span > span:before,
.expandable-link.expandable-content-neg > span > span:before {
  background-color: #fff;
}

.expandable-content.expandable-content-neg > span:hover,
.expandable-id.expandable-content-neg > span:hover,
.expandable-link.expandable-content-neg > span:hover,
.expandable-content.expandable-content-neg > span:active,
.expandable-id.expandable-content-neg > span:active,
.expandable-link.expandable-content-neg > span:active {
  color: #30302e;
}

.expandable-content.expandable-content-neg > span:hover > span,
.expandable-id.expandable-content-neg > span:hover > span,
.expandable-link.expandable-content-neg > span:hover > span,
.expandable-content.expandable-content-neg > span:active > span,
.expandable-id.expandable-content-neg > span:active > span,
.expandable-link.expandable-content-neg > span:active > span {
  border-color: #30302e;
}

.expandable-content.expandable-content-neg > span:hover > span:after,
.expandable-id.expandable-content-neg > span:hover > span:after,
.expandable-link.expandable-content-neg > span:hover > span:after,
.expandable-content.expandable-content-neg > span:active > span:after,
.expandable-id.expandable-content-neg > span:active > span:after,
.expandable-link.expandable-content-neg > span:active > span:after,
.expandable-content.expandable-content-neg > span:hover > span:before,
.expandable-id.expandable-content-neg > span:hover > span:before,
.expandable-link.expandable-content-neg > span:hover > span:before,
.expandable-content.expandable-content-neg > span:active > span:before,
.expandable-id.expandable-content-neg > span:active > span:before,
.expandable-link.expandable-content-neg > span:active > span:before {
  background-color: #30302e;
}

.expandable-content.expandable-content-react,
.expandable-id.expandable-content-react,
.expandable-link.expandable-content-react {
  position: relative;
}

.expandable-content.expandable-content-react > div:first-of-type,
.expandable-id.expandable-content-react > div:first-of-type,
.expandable-link.expandable-content-react > div:first-of-type {
  display: block;
  color: #30302e;
  line-height: 24px;
  transition: all 100ms;
  cursor: pointer;
}

.expandable-content.expandable-content-react > div:first-of-type.pull-center,
.expandable-id.expandable-content-react > div:first-of-type.pull-center,
.expandable-link.expandable-content-react > div:first-of-type.pull-center {
  text-align: center;
}

.expandable-content.expandable-content-react > div:first-of-type > span,
.expandable-id.expandable-content-react > div:first-of-type > span,
.expandable-link.expandable-content-react > div:first-of-type > span {
  border: 2px solid #30302e;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  box-sizing: border-box;
  margin-right: 5px;
  margin-bottom: -7px;
  position: relative;
  transition: all 100ms;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.expandable-content.expandable-content-react > div:first-of-type > span:after,
.expandable-id.expandable-content-react > div:first-of-type > span:after,
.expandable-link.expandable-content-react > div:first-of-type > span:after,
.expandable-content.expandable-content-react > div:first-of-type > span:before,
.expandable-id.expandable-content-react > div:first-of-type > span:before,
.expandable-link.expandable-content-react > div:first-of-type > span:before {
  line-height: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 1em;
  font-size: 8px;
  height: 2px;
  content: "";
  background-color: #30302e;
  transition: all 100ms, -webkit-transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5);
  transition: all 100ms, transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5);
  transition: all 100ms, transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5), -webkit-transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5);
}

.expandable-content.expandable-content-react > div:first-of-type > span:before,
.expandable-id.expandable-content-react > div:first-of-type > span:before,
.expandable-link.expandable-content-react > div:first-of-type > span:before {
  -webkit-transform: translate(27%, 0) rotate(-45deg);
  -ms-transform: translate(27%, 0) rotate(-45deg);
  transform: translate(27%, 0) rotate(-45deg);
}

.expandable-content.expandable-content-react > div:first-of-type > span:after,
.expandable-id.expandable-content-react > div:first-of-type > span:after,
.expandable-link.expandable-content-react > div:first-of-type > span:after {
  -webkit-transform: translate(-27%, 0) rotate(45deg);
  -ms-transform: translate(-27%, 0) rotate(45deg);
  transform: translate(-27%, 0) rotate(45deg);
}

.expandable-content.expandable-content-react > div:first-of-type > span:before,
.expandable-id.expandable-content-react > div:first-of-type > span:before,
.expandable-link.expandable-content-react > div:first-of-type > span:before,
.expandable-content.expandable-content-react > div:first-of-type > span:after,
.expandable-id.expandable-content-react > div:first-of-type > span:after,
.expandable-link.expandable-content-react > div:first-of-type > span:after {
  top: 9px;
  left: 7px;
}

.expandable-content.expandable-content-react > div:first-of-type > p,
.expandable-id.expandable-content-react > div:first-of-type > p,
.expandable-link.expandable-content-react > div:first-of-type > p {
  display: inline-block;
}

.expandable-content.expandable-content-react > div:first-of-type:hover,
.expandable-id.expandable-content-react > div:first-of-type:hover,
.expandable-link.expandable-content-react > div:first-of-type:hover {
  color: #FFA92C;
}

.company .expandable-content.expandable-content-react > div:first-of-type:hover,
.company .expandable-id.expandable-content-react > div:first-of-type:hover,
.company .expandable-link.expandable-content-react > div:first-of-type:hover {
  color: #64D8D5;
}

.expandable-content.expandable-content-react > div:first-of-type:hover > span,
.expandable-id.expandable-content-react > div:first-of-type:hover > span,
.expandable-link.expandable-content-react > div:first-of-type:hover > span {
  border-color: #FFA92C;
}

.expandable-content.expandable-content-react > div:first-of-type:hover > span:before,
.expandable-id.expandable-content-react > div:first-of-type:hover > span:before,
.expandable-link.expandable-content-react > div:first-of-type:hover > span:before,
.expandable-content.expandable-content-react > div:first-of-type:hover > span:after,
.expandable-id.expandable-content-react > div:first-of-type:hover > span:after,
.expandable-link.expandable-content-react > div:first-of-type:hover > span:after {
  background-color: #FFA92C;
}

.company .expandable-content.expandable-content-react > div:first-of-type:hover > span,
.company .expandable-id.expandable-content-react > div:first-of-type:hover > span,
.company .expandable-link.expandable-content-react > div:first-of-type:hover > span {
  border-color: #64D8D5;
}

.company .expandable-content.expandable-content-react > div:first-of-type:hover > span:before,
.company .expandable-id.expandable-content-react > div:first-of-type:hover > span:before,
.company .expandable-link.expandable-content-react > div:first-of-type:hover > span:before,
.company .expandable-content.expandable-content-react > div:first-of-type:hover > span:after,
.company .expandable-id.expandable-content-react > div:first-of-type:hover > span:after,
.company .expandable-link.expandable-content-react > div:first-of-type:hover > span:after {
  background-color: #64D8D5;
}

.expandable-content.expandable-content-react > div:first-of-type:active,
.expandable-id.expandable-content-react > div:first-of-type:active,
.expandable-link.expandable-content-react > div:first-of-type:active {
  color: #E87900;
}

.company .expandable-content.expandable-content-react > div:first-of-type:active,
.company .expandable-id.expandable-content-react > div:first-of-type:active,
.company .expandable-link.expandable-content-react > div:first-of-type:active {
  color: #42A5A2;
}

.expandable-content.expandable-content-react > div:first-of-type:active > span,
.expandable-id.expandable-content-react > div:first-of-type:active > span,
.expandable-link.expandable-content-react > div:first-of-type:active > span {
  border-color: #E87900;
}

.expandable-content.expandable-content-react > div:first-of-type:active > span:before,
.expandable-id.expandable-content-react > div:first-of-type:active > span:before,
.expandable-link.expandable-content-react > div:first-of-type:active > span:before,
.expandable-content.expandable-content-react > div:first-of-type:active > span:after,
.expandable-id.expandable-content-react > div:first-of-type:active > span:after,
.expandable-link.expandable-content-react > div:first-of-type:active > span:after {
  background-color: #E87900;
}

.company .expandable-content.expandable-content-react > div:first-of-type:active > span,
.company .expandable-id.expandable-content-react > div:first-of-type:active > span,
.company .expandable-link.expandable-content-react > div:first-of-type:active > span {
  border-color: #42A5A2;
}

.company .expandable-content.expandable-content-react > div:first-of-type:active > span:before,
.company .expandable-id.expandable-content-react > div:first-of-type:active > span:before,
.company .expandable-link.expandable-content-react > div:first-of-type:active > span:before,
.company .expandable-content.expandable-content-react > div:first-of-type:active > span:after,
.company .expandable-id.expandable-content-react > div:first-of-type:active > span:after,
.company .expandable-link.expandable-content-react > div:first-of-type:active > span:after {
  background-color: #42A5A2;
}

.expandable-content.expandable-content-react .content,
.expandable-id.expandable-content-react .content,
.expandable-link.expandable-content-react .content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 500ms;
}

.expandable-content.expandable-content-react .content > .inner,
.expandable-id.expandable-content-react .content > .inner,
.expandable-link.expandable-content-react .content > .inner {
  padding-top: 2em;
  padding-bottom: 2em;
  opacity: 0.0;
  transition: opacity 200ms;
  transition-delay: 200ms;
  overflow: hidden;
}

.expandable-content.expandable-content-react .content.st-open .inner,
.expandable-id.expandable-content-react .content.st-open .inner,
.expandable-link.expandable-content-react .content.st-open .inner {
  opacity: 1.0;
}

.expandable-content.expandable-content-react > input[type="checkbox"],
.expandable-id.expandable-content-react > input[type="checkbox"],
.expandable-link.expandable-content-react > input[type="checkbox"] {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 1px;
  height: 1px;
  cursor: pointer;
  z-index: 2;
  opacity: 0.0;
}

.expandable-content.expandable-content-react > input[type="checkbox"]:checked + div > span:before,
.expandable-id.expandable-content-react > input[type="checkbox"]:checked + div > span:before,
.expandable-link.expandable-content-react > input[type="checkbox"]:checked + div > span:before {
  -webkit-transform: translate(27%, -0.15em) rotate(45deg);
  -ms-transform: translate(27%, -0.15em) rotate(45deg);
  transform: translate(27%, -0.15em) rotate(45deg);
}

.expandable-content.expandable-content-react > input[type="checkbox"]:checked + div > span:after,
.expandable-id.expandable-content-react > input[type="checkbox"]:checked + div > span:after,
.expandable-link.expandable-content-react > input[type="checkbox"]:checked + div > span:after {
  -webkit-transform: translate(-27%, -0.15em) rotate(-45deg);
  -ms-transform: translate(-27%, -0.15em) rotate(-45deg);
  transform: translate(-27%, -0.15em) rotate(-45deg);
}

.expandable-content.expandable-content-react > input[type="checkbox"]:checked + div > span:before,
.expandable-id.expandable-content-react > input[type="checkbox"]:checked + div > span:before,
.expandable-link.expandable-content-react > input[type="checkbox"]:checked + div > span:before {
  -webkit-transform: translate(27%, -0.15em) rotate(45deg);
  -ms-transform: translate(27%, -0.15em) rotate(45deg);
  transform: translate(27%, -0.15em) rotate(45deg);
}

.expandable-content.expandable-content-react > input[type="checkbox"]:checked + div > span:after,
.expandable-id.expandable-content-react > input[type="checkbox"]:checked + div > span:after,
.expandable-link.expandable-content-react > input[type="checkbox"]:checked + div > span:after {
  -webkit-transform: translate(-27%, -0.15em) rotate(-45deg);
  -ms-transform: translate(-27%, -0.15em) rotate(-45deg);
  transform: translate(-27%, -0.15em) rotate(-45deg);
}

.expandable-content.expandable-content-react > input[type="checkbox"]:checked ~ .content .inner,
.expandable-id.expandable-content-react > input[type="checkbox"]:checked ~ .content .inner,
.expandable-link.expandable-content-react > input[type="checkbox"]:checked ~ .content .inner {
  opacity: 1.0;
}

.expandable-id-container .content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 500ms;
}

.expandable-id-container .content > .inner {
  padding-top: 2em;
  padding-bottom: 2em;
  opacity: 0.0;
  transition: opacity 200ms;
  transition-delay: 200ms;
  overflow: hidden;
}

.expandable-id-container .content.st-open .inner {
  opacity: 1.0;
}

.expandable-content-react {
  position: relative;
}

.expandable-content-react > div:first-of-type {
  display: block;
  color: #30302e;
  line-height: 24px;
  transition: all 100ms;
  cursor: pointer;
}

.expandable-content-react > div:first-of-type.pull-center {
  text-align: center;
}

.expandable-content-react > div:first-of-type > span {
  border: 2px solid #30302e;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  box-sizing: border-box;
  margin-right: 5px;
  margin-bottom: -7px;
  position: relative;
  transition: all 100ms;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.expandable-content-react > div:first-of-type > span:after,
.expandable-content-react > div:first-of-type > span:before {
  line-height: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 1em;
  font-size: 8px;
  height: 2px;
  content: "";
  background-color: #30302e;
  transition: all 100ms, -webkit-transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5);
  transition: all 100ms, transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5);
  transition: all 100ms, transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5), -webkit-transform 300ms cubic-bezier(0.5, 0, 0.5, 1.5);
}

.expandable-content-react > div:first-of-type > span:before {
  -webkit-transform: translate(27%, 0) rotate(-45deg);
  -ms-transform: translate(27%, 0) rotate(-45deg);
  transform: translate(27%, 0) rotate(-45deg);
}

.expandable-content-react > div:first-of-type > span:after {
  -webkit-transform: translate(-27%, 0) rotate(45deg);
  -ms-transform: translate(-27%, 0) rotate(45deg);
  transform: translate(-27%, 0) rotate(45deg);
}

.expandable-content-react > div:first-of-type > span:before,
.expandable-content-react > div:first-of-type > span:after {
  top: 9px;
  left: 7px;
}

.expandable-content-react > div:first-of-type > p {
  display: inline-block;
}

.expandable-content-react > div:first-of-type:hover {
  color: #FFA92C;
}

.company .expandable-content-react > div:first-of-type:hover {
  color: #64D8D5;
}

.expandable-content-react > div:first-of-type:hover > span {
  border-color: #FFA92C;
}

.expandable-content-react > div:first-of-type:hover > span:before,
.expandable-content-react > div:first-of-type:hover > span:after {
  background-color: #FFA92C;
}

.company .expandable-content-react > div:first-of-type:hover > span {
  border-color: #64D8D5;
}

.company .expandable-content-react > div:first-of-type:hover > span:before,
.company .expandable-content-react > div:first-of-type:hover > span:after {
  background-color: #64D8D5;
}

.expandable-content-react > div:first-of-type:active {
  color: #E87900;
}

.company .expandable-content-react > div:first-of-type:active {
  color: #42A5A2;
}

.expandable-content-react > div:first-of-type:active > span {
  border-color: #E87900;
}

.expandable-content-react > div:first-of-type:active > span:before,
.expandable-content-react > div:first-of-type:active > span:after {
  background-color: #E87900;
}

.company .expandable-content-react > div:first-of-type:active > span {
  border-color: #42A5A2;
}

.company .expandable-content-react > div:first-of-type:active > span:before,
.company .expandable-content-react > div:first-of-type:active > span:after {
  background-color: #42A5A2;
}

.expandable-content-react .content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 500ms;
}

.expandable-content-react .content > .inner {
  padding-top: 2em;
  padding-bottom: 2em;
  opacity: 0.0;
  transition: opacity 200ms;
  transition-delay: 200ms;
  overflow: hidden;
}

.expandable-content-react .content.st-open .inner {
  opacity: 1.0;
}

.expandable-content-react > input[type="checkbox"] {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 1px;
  height: 1px;
  cursor: pointer;
  z-index: 2;
  opacity: 0.0;
}

.expandable-content-react > input[type="checkbox"]:checked + div > span:before {
  -webkit-transform: translate(27%, -0.15em) rotate(45deg);
  -ms-transform: translate(27%, -0.15em) rotate(45deg);
  transform: translate(27%, -0.15em) rotate(45deg);
}

.expandable-content-react > input[type="checkbox"]:checked + div > span:after {
  -webkit-transform: translate(-27%, -0.15em) rotate(-45deg);
  -ms-transform: translate(-27%, -0.15em) rotate(-45deg);
  transform: translate(-27%, -0.15em) rotate(-45deg);
}

.expandable-content-react > input[type="checkbox"]:checked + div > span:before {
  -webkit-transform: translate(27%, -0.15em) rotate(45deg);
  -ms-transform: translate(27%, -0.15em) rotate(45deg);
  transform: translate(27%, -0.15em) rotate(45deg);
}

.expandable-content-react > input[type="checkbox"]:checked + div > span:after {
  -webkit-transform: translate(-27%, -0.15em) rotate(-45deg);
  -ms-transform: translate(-27%, -0.15em) rotate(-45deg);
  transform: translate(-27%, -0.15em) rotate(-45deg);
}

.expandable-content-react > input[type="checkbox"]:checked ~ .content .inner {
  opacity: 1.0;
}

.extended-info-module {
  position: relative;
}

.extended-info-module .container {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 20px;
  margin-top: 100px;
  margin-bottom: 150px;
  padding-bottom: 100px;
}

.extended-info-module legend {
  text-align: center;
  margin: 0 10px 40px 0;
}

.extended-info-module h2 {
  font-size: 3.53846154em;
  padding: 0 20px;
}

.extended-info-module .info-footer {
  position: absolute;
  margin: -230px 0 0 -95px;
  left: 50%;
  width: 190px;
  background-color: #fff;
  text-align: center;
}

.extended-info-module .info-footer img {
  display: inline-block;
  width: 130px;
  margin: 0 30px 12px 30px;
  border-radius: 100%;
}

@media screen and (max-width: 659px) {
  .extended-info-module {
    text-align: center;
  }

  .extended-info-module .container {
    margin-bottom: 70px;
  }

  .extended-info-module .row p[class*="span"] {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 0 8.949152542372882%;
    width: auto;
    float: none;
  }

  .extended-info-module .offset6.span12 {
    margin: 0;
    padding: 0 8.949152542372882%;
    width: auto;
  }

  .extended-info-module p {
    font-size: 1.38461538em;
  }

  .extended-info-module .info-footer {
    margin: -110px 0 0 -50px;
    width: 100px;
  }

  .extended-info-module .info-footer img {
    width: 60px;
    margin: 0 20px 12px 20px;
  }
}

section.featured-section {
  background-image: url('/gui/img/temp/featured-section.png');
  background-position: center center;
  background-size: cover;
  height: 650px;
  position: relative;
}

section.featured-section .huge-aligned-text-container {
  position: absolute;
  left: -20px;
  right: -10px;
  top: 130px;
}

section.featured-section .huge-aligned-text-container .huge-aligned-text {
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  *zoom: 1;
  line-height: 0.85em;
  max-width: 1280px;
  margin: 0 auto;
  font-size: 205px;
  letter-spacing: -0.05em;
}

section.featured-section .huge-aligned-text-container .huge-aligned-text:first-child {
  margin-top: 0;
}

section.featured-section .huge-aligned-text-container .huge-aligned-text:before,
section.featured-section .huge-aligned-text-container .huge-aligned-text:after {
  display: table;
  content: "";
  line-height: 0;
}

section.featured-section .huge-aligned-text-container .huge-aligned-text:after {
  clear: both;
}

@media (max-width: 1280px) {
  section.featured-section .huge-aligned-text-container .huge-aligned-text {
    font-size: 16vw;
  }
}

section.featured-section .huge-aligned-text-container .huge-aligned-text .left-text {
  color: #fff;
  float: left;
}

section.featured-section .huge-aligned-text-container .huge-aligned-text .right-text {
  float: right;
  padding-bottom: 40px;
  color: #ec7575;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext section.featured-section .huge-aligned-text-container .huge-aligned-text .right-text {
  background: linear-gradient(to right, #f18d2d, #ec7575);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

section.featured-section .text-container {
  margin: 0 auto;
  padding-left: 25px !important;
  padding-right: 25px !important;
  max-width: 1064px;
  position: relative;
  z-index: 2;
  color: #fff;
  padding-top: 350px;
  box-sizing: border-box;
  padding-right: 640px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  section.featured-section .text-container {
    max-width: 852px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  section.featured-section .text-container {
    max-width: 852px;
  }
}

section.featured-section .text-container p {
  font-size: 1.077em;
  line-height: 1.5;
  color: #30302e;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3em;
}

section.featured-section .text-container p p:first-child {
  margin-top: 0;
}

section.featured-section .text-container p p {
  line-height: inherit;
  display: inline;
  margin: 0;
}

@media screen and (max-width: 768px) {
  section.featured-section .text-container p {
    font-size: 14px;
  }
}

.fullscreen-background-image-module {
  text-align: center;
}

.fullscreen-background-image-module > div {
  position: relative;
  overflow: hidden;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .fullscreen-background-image-module > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 45px);
  }

  html.lt-ie10 .fullscreen-background-image-module > div {
    min-height: 0;
  }
}

.fullscreen-background-image-module > div > div {
  z-index: 1;
  position: relative;
}

.fullscreen-background-image-module > div .next {
  z-index: 1;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  line-height: 1em;
  font-weight: 600;
  display: block;
  cursor: pointer;
  bottom: 60px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .fullscreen-background-image-module > div .next {
    display: none;
  }
}

.fullscreen-background-image-module > div .next:after {
  margin: 10px auto 0;
  transition: all 0.1s;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.fullscreen-background-image-module > div .next:empty {
  color: #fff;
}

.fullscreen-background-image-module > div .next:empty:after {
  width: 40px;
  height: 40px;
}

.fullscreen-background-image-module .parallax-background {
  position: absolute;
}

.fullscreen-background-image-module.parallax {
  height: auto;
}

.fullscreen-background-image-module .html5-video-cover {
  position: absolute;
  width: 100%;
}

.fullscreen-background-image-module > div > div {
  margin: 0 auto;
  padding-left: 25px !important;
  padding-right: 25px !important;
  max-width: 1064px;
  padding-top: 80px;
  padding-bottom: 140px;
  max-width: 640px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .fullscreen-background-image-module > div > div {
    max-width: 852px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .fullscreen-background-image-module > div > div {
    max-width: 852px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .fullscreen-background-image-module > div > div {
    max-width: 540px;
    padding-bottom: 140px;
  }
}

@media screen and (max-width: 768px) {
  .fullscreen-background-image-module > div > div {
    max-width: none;
  }
}

.fullscreen-background-image-module > div > div h1 {
  letter-spacing: -0.05em;
  opacity: 0;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
  transition: all 2s;
  font-size: 72px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .fullscreen-background-image-module > div > div h1 {
    font-size: 60px;
  }
}

@media screen and (max-width: 768px) {
  .fullscreen-background-image-module > div > div h1 {
    font-size: 32px;
  }
}

.fullscreen-background-image-module > div > div h1.heading-120px {
  font-size: 120px;
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .fullscreen-background-image-module > div > div h1.heading-120px {
    font-size: 80px;
  }
}

@media screen and (max-width: 768px) {
  .fullscreen-background-image-module > div > div h1.heading-120px {
    font-size: 50px;
  }
}

.fullscreen-background-image-module > div > div .preamble {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  -webkit-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  transform: translate(0, -20px);
  transition: all 2s;
}

.fullscreen-background-image-module > div > div h1,
.fullscreen-background-image-module > div > div p {
  color: #fff;
}

.fullscreen-background-image-module > div > div .video-button {
  opacity: 0;
  transition: all 1s ease 0.5s;
}

.fullscreen-background-image-module > div > div .video-button a {
  color: #fff;
}

.fullscreen-background-image-module > div > div .video-button a:before {
  font-size: 80px;
  font-style: normal;
  font-family: "treiconNeue2", sans-serif;
  font-weight: 300;
  line-height: 1em;
  color: #F7931D;
  content: "N";
  font-size: 50px;
  font-weight: 400;
  vertical-align: middle;
  color: #fff !important;
}

.fullscreen-background-image-module > div > div .video-button a:before:after {
  content: "N";
}

.company .fullscreen-background-image-module > div > div .video-button a:before {
  color: #51c1c1;
}

.color-section-2 .fullscreen-background-image-module > div > div .video-button a:before {
  color: #F37875;
}

.color-section-2.company .fullscreen-background-image-module > div > div .video-button a:before {
  color: #1f99c9;
}

.color-section-3 .fullscreen-background-image-module > div > div .video-button a:before {
  color: #EE4A56;
}

.color-section-3.company .fullscreen-background-image-module > div > div .video-button a:before {
  color: #009692;
}

.fullscreen-background-image-module > div > div .video-button a:empty {
  width: 160px;
  height: 160px;
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 10000px;
  display: block;
  position: relative;
  margin: 0 auto;
}

.fullscreen-background-image-module > div > div .video-button a:empty:before {
  content: '';
  border-left: 43px #ffffff solid;
  border-right: 0 solid transparent;
  border-top: 27px solid transparent;
  border-bottom: 27px solid transparent;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-37%, -50%);
  -ms-transform: translate(-37%, -50%);
  transform: translate(-37%, -50%);
}

.fullscreen-background-image-module > div > div .btn-container {
  opacity: 0;
  transition: all 1s ease 1s;
}

.fullscreen-background-image-module > div > div .btn {
  color: #fff;
  border-color: #fff;
  mix-blend-mode: normal;
}

.fullscreen-background-image-module > div > div .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

.fullscreen-background-image-module > div > div .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.fullscreen-background-image-module > div > div .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.fullscreen-background-image-module > div > div .btn.loading:after {
  background-color: #999;
}

html.lt-ie10 .fullscreen-background-image-module > div > div {
  padding-bottom: 170px;
}

.fullscreen-background-image-module.active h1 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.fullscreen-background-image-module.active .preamble {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.fullscreen-background-image-module.active .video-button,
.fullscreen-background-image-module.active .btn-container {
  opacity: 1;
}

.hardware-tabordion h2,
.hardware-tabordion h3 {
  text-align: center;
  font-family: 'Helvetica', Arial;
  margin: 0;
}

.hardware-tabordion h2 {
  font-size: 48px;
  line-height: 1em;
}

@media screen and (max-width: 659px) {
  .hardware-tabordion h2 {
    font-size: 30px;
  }
}

.hardware-tabordion h3 {
  font-size: 26px;
  line-height: 1.53846154em;
  color: #7f7f7c;
}

@media screen and (max-width: 659px) {
  .hardware-tabordion h3 {
    display: none;
  }
}

.hardware-tabordion .tabordion .tabordion-nav li.mobile a:before,
.hardware-tabordion .tabordion .tabordion-mobile-nav.mobile a:before {
  content: "M";
}

.hardware-tabordion .tabordion .tabordion-nav li.tablet a:before,
.hardware-tabordion .tabordion .tabordion-mobile-nav.tablet a:before {
  content: "O";
}

.hardware-tabordion .tabordion .tabordion-nav li.broadband a:before,
.hardware-tabordion .tabordion .tabordion-mobile-nav.broadband a:before {
  content: "P";
}

.hardware-tabordion .tabordion .tabordion-nav li.accessories a:before,
.hardware-tabordion .tabordion .tabordion-mobile-nav.accessories a:before {
  content: "Q";
}

@media screen and (min-width: 769px) {
  .hardware-tabordion .hardware-list .flex-list > .flex-list-item > .inner {
    padding-bottom: 120px;
  }
}

.hardware-tabordion .hardware-list .hardware-item {
  text-align: center;
}

.hardware-tabordion .hardware-list .hardware-item > .hardware-image {
  position: relative;
  overflow: visible;
}

@media screen and (min-width: 769px) {
  .hardware-tabordion .hardware-list .hardware-item > .hardware-image {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .hardware-tabordion .hardware-list .hardware-item > .hardware-image .bubble {
    font-size: 3.4vw;
    top: 50%;
    -webkit-transform: translate(15%, -50%);
    -ms-transform: translate(15%, -50%);
    transform: translate(15%, -50%);
  }
}

.hardware-tabordion .hardware-list .hardware-item .hardware-content .hardware-image {
  position: relative;
  overflow: visible;
  max-width: 300px;
  margin: 1rem auto 0;
}

@media screen and (max-width: 768px) {
  .hardware-tabordion .hardware-list .hardware-item .hardware-content .hardware-image {
    display: none;
  }
}

.hardware-tabordion .hardware-list .hardware-item * {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .hardware-tabordion .hardware-list .hardware-item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 1rem;
    overflow: visible;
  }

  .lt-ie10 .hardware-tabordion .hardware-list .hardware-item {
    display: block;
    *zoom: 1;
  }

  .lt-ie10 .hardware-tabordion .hardware-list .hardware-item:before,
  .lt-ie10 .hardware-tabordion .hardware-list .hardware-item:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .lt-ie10 .hardware-tabordion .hardware-list .hardware-item:after {
    clear: both;
  }

  .lt-ie10 .hardware-tabordion .hardware-list .hardware-item > * {
    float: left;
  }

  .hardware-tabordion .hardware-list .hardware-item > * {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(Infinity% + Infinitypx);
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }

  .hardware-tabordion .hardware-list .hardware-item > *:nth-child(0n) {
    margin-right: -15px;
  }

  .hardware-tabordion .hardware-list .hardware-item > *:nth-child(0n +1) {
    margin-left: -15px;
  }

  .lt-ie10 .hardware-tabordion .hardware-list .hardware-item > *:nth-child(0n +1) {
    clear: left;
  }

  .hardware-tabordion .hardware-list .hardware-item > * {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-basis: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 !important;
  }

  .hardware-tabordion .hardware-list .hardware-item > *:first-child {
    padding-left: 0;
  }

  .hardware-tabordion .hardware-list .hardware-item > *:last-child {
    padding-right: 0;
  }

  .lt-ie10 .hardware-tabordion .hardware-list .hardware-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    position: relative;
    z-index: 10;
  }

  .lt-ie10 .hardware-tabordion .hardware-list .hardware-item:after,
  .lt-ie10 .hardware-tabordion .hardware-list .hardware-item:before {
    display: none;
  }

  .lt-ie10 .hardware-tabordion .hardware-list .hardware-item > * {
    float: none;
    display: table-cell;
    vertical-align: top;
    margin: 0;
  }

  .hardware-tabordion .hardware-list .hardware-item > .grow-2 {
    -webkit-flex-grow: 2.1;
    -moz-flex-grow: 2.1;
    -ms-flex-grow: 2.1;
    -ms-flex-positive: 2.1;
    flex-grow: 2.1;
  }

  .hardware-tabordion .hardware-list .hardware-item > .grow-3 {
    -webkit-flex-grow: 3.2;
    -moz-flex-grow: 3.2;
    -ms-flex-grow: 3.2;
    -ms-flex-positive: 3.2;
    flex-grow: 3.2;
  }

  .hardware-tabordion .hardware-list .hardware-item * {
    white-space: normal;
    overflow: visible;
  }

  .hardware-tabordion .hardware-list .hardware-item > div {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .hardware-tabordion .hardware-list .hardware-item > div:first-child {
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-align: left;
  }
}

@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .hardware-tabordion .hardware-list .hardware-item {
    display: block;
  }

  .hardware-tabordion .hardware-list .hardware-item > div {
    padding: 0;
  }

  .hardware-tabordion .hardware-list .hardware-item > div + div {
    margin-top: 1rem !important;
  }
}

.hardware-tabordion .hardware-list .hardware-item h4 {
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  .hardware-tabordion .hardware-list .hardware-item h4 {
    font-size: 18px;
  }

  .hardware-tabordion .hardware-list .hardware-item h4 .pre-heading {
    display: none;
  }
}

.hardware-tabordion .hardware-list .hardware-item h4 + p {
  margin-top: 0.2em;
}

.hardware-tabordion .hardware-list .hardware-item .pre-heading {
  color: #F7931D;
}

.company .hardware-tabordion .hardware-list .hardware-item .pre-heading {
  color: #51c1c1;
}

.hardware-tabordion .hardware-list .btn {
  padding-left: 4.5em;
  position: relative;
  font-family: "helvetica", sans-serif;
  position: absolute;
  bottom: 60px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.hardware-tabordion .hardware-list .btn:before {
  font-size: 3em;
  position: absolute;
  content: "B";
  font-family: "treiconNeue2", sans-serif;
  left: 0.3em;
  font-weight: normal;
}

.is-ie .hardware-tabordion .hardware-list .btn {
  left: 50%;
}

@media screen and (max-width: 768px) {
  .hardware-tabordion .hardware-list .btn {
    position: relative;
    bottom: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.hero-huge-aligned-text {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.lt-ie10 .hero-huge-aligned-text {
  display: block;
  *zoom: 1;
}

.lt-ie10 .hero-huge-aligned-text:before,
.lt-ie10 .hero-huge-aligned-text:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .hero-huge-aligned-text:after {
  clear: both;
}

.lt-ie10 .hero-huge-aligned-text > * {
  float: left;
}

.hero-huge-aligned-text > div {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .hero-huge-aligned-text > div > .huge-aligned-text-container {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
  }
}

.hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text {
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  max-width: 1280px;
  margin: 0 auto;
  *zoom: 1;
}

.hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text:first-child {
  margin-top: 0;
}

.hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text:before,
.hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text:after {
  display: table;
  content: "";
  line-height: 0;
}

.hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text:after {
  clear: both;
}

@media screen and (max-width: 768px) {
  .hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text {
    text-align: center;
  }
}

.hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text > div {
  letter-spacing: -0.05em;
  line-height: 0.85em;
  font-size: 165px;
  color: #ec7575;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text > div {
  background: linear-gradient(to right, #f18d2d, #ec7575);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.company .hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text > div {
  color: #1f99c9;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .company .hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text > div {
  background: linear-gradient(to right, #51c1c1, #1f99c9);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text > div.left-text {
  float: left;
  margin-left: -1vw;
}

.hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text > div.right-text {
  margin-right: -1vw;
  float: right;
  padding-bottom: 40px;
}

@media (max-width: 1280px) {
  .hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text > div {
    font-size: 13vw;
  }
}

@media screen and (max-width: 768px) {
  .hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text > div.right-text,
  .hero-huge-aligned-text > div > .huge-aligned-text-container .huge-aligned-text > div.left-text {
    text-align: center;
    font-size: 17.88vw;
    white-space: nowrap;
    float: none;
  }
}

.hero-huge-aligned-text > div > .container {
  margin-top: -100px;
  z-index: 2;
  position: relative;
}

@media (max-width: 1280px) {
  .hero-huge-aligned-text > div > .container {
    margin-top: -8%;
  }
}

@media screen and (max-width: 768px) {
  .hero-huge-aligned-text > div > .container {
    margin-top: 0;
  }
}

.hero-huge-aligned-text > div > .container > div {
  width: 43%;
  box-sizing: border-box;
  padding-right: 7%;
}

@media screen and (max-width: 768px) {
  .hero-huge-aligned-text > div > .container > div {
    text-align: center;
    width: auto;
    padding-right: 0;
  }
}

.hero-huge-aligned-text > div > .container p {
  color: #30302e;
}

.hero-huge-aligned-text > div > .container .btn {
  color: #30302e;
  border-color: #30302e;
  mix-blend-mode: initial;
  margin-top: 2rem;
}

.hero-huge-aligned-text > div > .container .btn:hover {
  background-color: #30302e;
  border-color: #30302e;
  color: #fff;
}

.hero-huge-aligned-text > div > .container .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.hero-huge-aligned-text > div > .container .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.hero-huge-aligned-text > div > .container .btn.loading:after {
  background-color: #999;
}

@media screen and (max-width: 768px) {
  .hero-huge-aligned-text > div > .container {
    padding-top: 0;
  }
}

.lt-ie10 .hero-huge-aligned-text > div {
  margin-top: 165px;
}

.hero-huge-aligned-text.negative-text > div > .container p {
  color: #fff;
}

.hero-huge-aligned-text.negative-text > div > .container p .btn {
  color: #fff;
  border-color: #fff;
}

.hero-huge-aligned-text.negative-text > div > .container p .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

.hero-huge-aligned-text.negative-text > div > .container p .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.hero-huge-aligned-text.negative-text > div > .container p .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.hero-huge-aligned-text.negative-text > div > .container p .btn.loading:after {
  background-color: #999;
}

.hero-multiple-products {
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  .hero-multiple-products {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

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

}

.hero-multiple-products > div {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .hero-multiple-products .container {
    border-bottom: 2px solid #f2f2f2;
    height: 91px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .hero-multiple-products .container .heading-group {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }

  .hero-multiple-products .container h1 {
    font-size: 30px;
  }

  .hero-multiple-products .container h1 + p {
    font-size: 15px;
    line-height: 1.3em;
    margin-top: 0;
  }
}

.hero-multiple-products .heading-group {
  text-align: center;
  width: 100%;
}

.hero-multiple-products .heading-group p {
  font-size: 28px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  color: #7f7f7c;
  font-weight: 400;
  line-height: 1.85em;
  margin-top: 0;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-multiple-products .heading-group p {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .hero-multiple-products .heading-group p {
    font-size: 18px;
  }
}

.hero-multiple-products .heading-group p:first-child {
  margin-top: 0;
}

.hero-multiple-products .heading-group p .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-multiple-products .heading-group p {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .hero-multiple-products .heading-group p {
    font-size: 18px;
  }
}

.hero-multiple-products .heading-group p:first-child {
  margin-top: 0;
}

.hero-multiple-products .heading-group p .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .hero-multiple-products .heading-group p {
    line-height: 1.5em;
    margin-top: 1rem;
  }
}

.hero-multiple-products .hero-body {
  margin-top: 2rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-multiple-products .hero-body .desktop-image {
  max-width: 430px;
}

@media screen and (max-width: 768px) {
  .hero-multiple-products .hero-body .desktop-image {
    display: none;
    padding: 0 10px;
  }
}

.hero-multiple-products .hero-body .product-image {
  display: none;
}

@media screen and (max-width: 768px) {
  .hero-multiple-products .hero-body {
    margin-top: 0;
  }

  .hero-multiple-products .hero-body > div {
    margin-top: 0 !important;
    background-color: #fff;
    border-bottom: 2px solid #f2f2f2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding-left: 25px !important;
    padding-right: 25px !important;
    max-width: 1064px;
    height: 125px;
    position: relative;
  }

  .hero-multiple-products .hero-body > div .product-image {
    -webkit-flex-basis: 55px;
    -ms-flex-preferred-size: 55px;
    flex-basis: 55px;
    display: block;
    margin-right: 20px;
  }

  .hero-multiple-products .hero-body > div .product-text {
    padding: 0 !important;
    margin-right: auto;
    margin-left: 0;
  }

  .hero-multiple-products .hero-body > div .product-text p {
    display: none;
  }

  .hero-multiple-products .hero-body > div .price-box {
    float: left;
  }

  .hero-multiple-products .hero-body > div p:last-child {
    display: block;
    margin: 0;
    position: absolute;
    right: 25px;
  }

  .hero-multiple-products .hero-body > div p:last-child .btn {
    text-indent: -9999px;
    padding: 12px 40px;
  }

  .hero-multiple-products .hero-body > div p:last-child .btn:after {
    content: 'Handla';
    position: absolute;
    left: 50%;
    display: block;
    text-indent: 0;
    top: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@media screen and (max-width: 768px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-multiple-products .hero-body > div {
    max-width: 852px;
  }
}

@media screen and (max-width: 768px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-multiple-products .hero-body > div {
    max-width: 852px;
  }
}

@media screen and (min-width: 769px) {
  .hero-multiple-products .hero-body > div:first-child {
    text-align: right;
  }

  .hero-multiple-products .hero-body > div:first-child p {
    margin-left: auto;
  }
}

.hero-multiple-products .hero-body .product-text {
  padding: 30px;
}

@media screen and (max-width: 768px) {
  .hero-multiple-products .hero-body .product-text {
    margin: 0 auto;
    padding-left: 25px !important;
    padding-right: 25px !important;
    max-width: 1064px;
  }
}

@media screen and (max-width: 768px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-multiple-products .hero-body .product-text {
    max-width: 852px;
  }
}

@media screen and (max-width: 768px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-multiple-products .hero-body .product-text {
    max-width: 852px;
  }
}

.hero-multiple-products .hero-body .product-text .btn {
  margin-top: 1rem;
}

@media screen and (min-width: 769px) {
  .hero-multiple-products .hero-body .product-text h2 {
    font-size: 40px;
  }
}

.hero-multiple-products .hero-body .product-text h2 + p {
  max-width: 200px;
  line-height: 1.5em;
}

.hero-centered-text {
  height: 660px;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 659px) {
  .hero-centered-text {
    height: 400px;
  }
}

.hero-centered-text > div {
  position: absolute;
  bottom: 80px;
  width: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media screen and (min-width: 660px) and (max-width: 768px) {
  .hero-centered-text > div {
    padding: 0 25px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 659px) {
  .hero-centered-text > div {
    bottom: 70px;
    padding: 0 25px;
    box-sizing: border-box;
  }
}

.hero-centered-text > div .header {
  max-width: 1064px;
  padding: 0 45px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-centered-text > div .header {
    max-width: 852px;
  }
}

@media screen and (max-width: 768px) {
  .hero-centered-text > div .header {
    padding: 0;
  }
}

.hero-centered-text > div .header h2 {
  font-size: 105px;
}

.hero-centered-text > div .header h2 span {
  line-height: 0.9em;
  display: block;
  color: #ec7575;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

@media screen and (min-width: 660px) and (max-width: 768px) {
  .hero-centered-text > div .header h2 span {
    font-size: .9em;
  }
}

@media screen and (max-width: 659px) {
  .hero-centered-text > div .header h2 span {
    font-size: .37em;
  }
}

html.backgroundcliptext .hero-centered-text > div .header h2 span {
  background: linear-gradient(to right, #f18d2d, #ec7575);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.company .hero-centered-text > div .header h2 span {
  color: #1f99c9;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .company .hero-centered-text > div .header h2 span {
  background: linear-gradient(to right, #51c1c1, #1f99c9);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.hero-centered-text > div .body div.preamble {
  max-width: 600px;
  margin: 30px auto 40px;
  font-size: 25px;
}

@media screen and (max-width: 768px) {
  .hero-centered-text > div .body div.preamble {
    font-size: 3vw;
    max-width: 75vw;
  }
}

@media screen and (max-width: 659px) {
  .hero-centered-text > div .body div.preamble {
    margin-bottom: 20px;
  }
}

.hero-centered-text > div .body div.preamble p {
  magrin: 0;
}

.hero-centered-text > div .body .btn {
  color: #30302e;
  border-color: #30302e;
}

.hero-centered-text > div .body .btn:hover {
  background-color: #30302e;
  border-color: #30302e;
  color: #fff;
}

.hero-centered-text > div .body .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.hero-centered-text > div .body .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.hero-centered-text > div .body .btn.loading:after {
  background-color: #999;
}

.hero-centered-text.text-top > div {
  top: 70px;
}

@media screen and (max-width: 768px) {
  .hero-centered-text.text-top > div {
    top: 40px;
  }
}

.hero-centered-text.text-top .body {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  max-width: 1064px;
  width: 90vw;
}

.hero-centered-text.negative-text {
  background-color: #000000;
}

.hero-centered-text.negative-text .preamble {
  color: #fff;
}

.hero-centered-text.negative-text > div .body .btn {
  color: #fff;
  border-color: #fff;
}

.hero-centered-text.negative-text > div .body .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

.hero-centered-text.negative-text > div .body .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.hero-centered-text.negative-text > div .body .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.hero-centered-text.negative-text > div .body .btn.loading:after {
  background-color: #999;
}

.hero-product {
  background-color: #f2f2f2;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -ms-align-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}

.lt-ie10 .hero-product {
  display: block;
  *zoom: 1;
}

.lt-ie10 .hero-product:before,
.lt-ie10 .hero-product:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .hero-product:after {
  clear: both;
}

.lt-ie10 .hero-product > * {
  float: left;
}

.hero-product .container {
  width: 1064px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media screen and (max-width: 768px) {
  .hero-product .container {
    padding-left: 0 !important;
    padding-bottom: 20%;
  }
}

.lt-ie10 .hero-product .container {
  display: block;
  *zoom: 1;
}

.lt-ie10 .hero-product .container:before,
.lt-ie10 .hero-product .container:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .hero-product .container:after {
  clear: both;
}

.lt-ie10 .hero-product .container > * {
  float: left;
}

.hero-product .container > * {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: calc(Infinity% + Infinitypx);
  box-sizing: border-box;
  padding-left: 60px;
  padding-right: 60px;
}

.hero-product .container > *:nth-child(0n) {
  margin-right: -60px;
}

.hero-product .container > *:nth-child(0n +1) {
  margin-left: -60px;
}

.lt-ie10 .hero-product .container > *:nth-child(0n +1) {
  clear: left;
}

.hero-product .container > * {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  padding-left: 60px;
  padding-right: 60px;
  margin: 0 !important;
}

.hero-product .container > *:first-child {
  padding-left: 0;
}

.hero-product .container > *:last-child {
  padding-right: 0;
}

.lt-ie10 .hero-product .container {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 10;
}

.lt-ie10 .hero-product .container:after,
.lt-ie10 .hero-product .container:before {
  display: none;
}

.lt-ie10 .hero-product .container > * {
  float: none;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}

.hero-product .container .hero-image {
  text-align: right;
  position: relative;
}

@media screen and (max-width: 768px) {
  .hero-product .container .hero-image {
    padding-right: 15px;
  }
}

.hero-product .container .hero-image > div {
  position: relative;
}

@media screen and (min-width: 1025px) {
  .hero-product .container .hero-image > div {
    width: 55%;
    margin-left: auto;
  }
}

.hero-product .container .hero-image .bubble {
  bottom: auto;
  top: 50%;
  left: auto;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .hero-product .container .hero-image .bubble {
    font-size: 3.5vw;
    -webkit-transform: translate(15%, -50%);
    -ms-transform: translate(15%, -50%);
    transform: translate(15%, -50%);
  }
}

.company .hero-product .container .hero-image .bubble {
  *background-color: rgba(31, 153, 201, 0.8);
  background-image: linear-gradient(to right, rgba(81, 193, 193, 0.8), rgba(31, 153, 201, 0.8));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc51c1c1', endColorstr='#cc1f99c9', GradientType=1);
}

.hero-product .container .hero-image .image-container {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .hero-product .container .hero-image .image-container {
    width: 160%;
    margin-left: -60%;
  }
}

.hero-product .container .hero-image .image-container img {
  display: inline;
}

.hero-product .container .hero-body {
  -webkit-flex-grow: 1.2;
  -moz-flex-grow: 1.2;
  -ms-flex-grow: 1.2;
  -ms-flex-positive: 1.2;
  flex-grow: 1.2;
}

@media screen and (max-width: 768px) {
  .hero-product .container .hero-body {
    -webkit-flex-grow: 2.5;
    -moz-flex-grow: 2.5;
    -ms-flex-grow: 2.5;
    -ms-flex-positive: 2.5;
    flex-grow: 2.5;
    padding-left: 15px;
  }
}

.hero-product .container .hero-body h2 {
  font-size: 72px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-product .container .hero-body h2 {
    font-size: 54px;
  }
}

@media screen and (max-width: 768px) {
  .hero-product .container .hero-body h2 {
    font-size: 36px;
  }
}

.hero-product .container .hero-body h2 + .preamble {
  margin-top: 2rem;
}

.hero-product .container .hero-body h2:first-child {
  margin-top: 0;
}

.hero-product .container .hero-body h2 .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-product .container .hero-body h2 {
    font-size: 54px;
  }
}

@media screen and (max-width: 768px) {
  .hero-product .container .hero-body h2 {
    font-size: 36px;
  }
}

.hero-product .container .hero-body h2 + .preamble {
  margin-top: 2rem;
}

.hero-product .container .hero-body h2:first-child {
  margin-top: 0;
}

.hero-product .container .hero-body h2 .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

.hero-product .container .hero-body h2 span {
  display: block;
}

.hero-product .container .hero-body h2 span:first-child {
  color: #ec7575;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .hero-product .container .hero-body h2 span:first-child {
  background: linear-gradient(to right, #f18d2d, #ec7575);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.company .hero-product .container .hero-body h2 span:first-child {
  color: #1f99c9;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .company .hero-product .container .hero-body h2 span:first-child {
  background: linear-gradient(to right, #51c1c1, #1f99c9);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

@media screen and (max-width: 768px) {
  .hero-product .container .hero-body h2 {
    font-size: 28px;
  }
}

.hero-product .container .hero-body .preamble {
  color: #30302e;
}

.hero-product .container .hero-body ul {
  margin-top: 2em;
}

.hero-product .container .hero-body ul li {
  color: #30302e;
  font-weight: bold;
}

.hero-product .container .hero-body .color-box {
  margin-top: 2rem;
}

.hero-product .container .hero-body .price-box {
  margin-top: 2rem;
}

.hero-product .container .hero-body .btn {
  color: #30302e;
  border-color: #30302e;
  padding-left: 4.5em;
  position: relative;
  font-family: "helvetica", sans-serif;
  margin-top: 1rem;
}

.hero-product .container .hero-body .btn:hover {
  background-color: #30302e;
  border-color: #30302e;
  color: #fff;
}

.hero-product .container .hero-body .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.hero-product .container .hero-body .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.hero-product .container .hero-body .btn.loading:after {
  background-color: #999;
}

.hero-product .container .hero-body .btn:before {
  font-size: 3em;
  position: absolute;
  content: "B";
  font-family: "treiconNeue2", sans-serif;
  left: 0.3em;
  font-weight: normal;
}

.hero-text {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -ms-align-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}

.lt-ie10 .hero-text {
  display: block;
  *zoom: 1;
}

.lt-ie10 .hero-text:before,
.lt-ie10 .hero-text:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .hero-text:after {
  clear: both;
}

.lt-ie10 .hero-text > * {
  float: left;
}

.hero-text > div {
  margin: 0 auto;
  padding-left: 25px !important;
  padding-right: 25px !important;
  width: 100%;
  max-width: 1064px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-text > div {
    max-width: 852px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-text > div {
    max-width: 852px;
  }
}

.hero-text > div > div {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-text > div > div {
    width: 70%;
  }
}

@media screen and (max-width: 768px) {
  .hero-text > div > div {
    width: auto;
  }
}

.hero-text > div > div h2 {
  font-size: 72px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-text > div > div h2 {
    font-size: 54px;
  }
}

@media screen and (max-width: 768px) {
  .hero-text > div > div h2 {
    font-size: 36px;
  }
}

.hero-text > div > div h2 + .preamble {
  margin-top: 2rem;
}

.hero-text > div > div h2:first-child {
  margin-top: 0;
}

.hero-text > div > div h2 .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-text > div > div h2 {
    font-size: 54px;
  }
}

@media screen and (max-width: 768px) {
  .hero-text > div > div h2 {
    font-size: 36px;
  }
}

.hero-text > div > div h2 + .preamble {
  margin-top: 2rem;
}

.hero-text > div > div h2:first-child {
  margin-top: 0;
}

.hero-text > div > div h2 .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .hero-text > div > div h2 {
    font-size: 28px;
  }
}

.hero-text > div > div h2 span {
  display: block;
}

.hero-text > div > div h2 span:first-child {
  color: #ec7575;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .hero-text > div > div h2 span:first-child {
  background: linear-gradient(to right, #f18d2d, #ec7575);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.company .hero-text > div > div h2 span:first-child {
  color: #1f99c9;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .company .hero-text > div > div h2 span:first-child {
  background: linear-gradient(to right, #51c1c1, #1f99c9);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.hero-text > div > div .btn {
  margin-top: 1rem;
  color: #30302e;
  border-color: #30302e;
  mix-blend-mode: initial;
}

.hero-text > div > div .btn:hover {
  background-color: #30302e;
  border-color: #30302e;
  color: #fff;
}

.hero-text > div > div .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.hero-text > div > div .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.hero-text > div > div .btn.loading:after {
  background-color: #999;
}

.hero-text.right > div > div {
  margin-left: auto;
  margin-right: 0;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .hero-text.right > div > div {
    text-align: center;
    margin-right: auto;
  }
}

.hero-text.left > div > div {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .hero-text.left > div > div {
    text-align: center;
    margin-left: auto;
  }
}

.hero-text.negative-text h2,
.hero-text.negative-text p {
  color: #fff;
}

.hero-text.negative-text.no-gradient-text h2 span:nth-child(1) {
  -webkit-text-fill-color: initial;
  -webkit-background-clip: initial;
  display: inline-block;
  padding-bottom: 0;
  margin-bottom: 0;
  padding-right: 0;
  background-image: none;
  color: #fff;
}

.hero-text.negative-text .btn {
  color: #fff;
  border-color: #fff;
}

.hero-text.negative-text .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

.hero-text.negative-text .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.hero-text.negative-text .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.hero-text.negative-text .btn.loading:after {
  background-color: #999;
}

.html5-video {
  position: relative;
  overflow: hidden;
}

.html5-video .mobile-fallback {
  display: none;
}

.html5-video.html5-video-cover .mobile-fallback {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: none;
}

@media screen and (max-width: 768px) {
  .html5-video.html5-video-cover .mobile-fallback {
    display: block;
  }
}

.html5-video.html5-video-cover video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  max-width: none;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
  .html5-video.html5-video-cover video {
    display: none;
  }
}

.icon-gallery-module {
  background-color: #f2f2f2;
  text-align: center;
}

.icon-gallery-module h2 {
  margin: 10px 0 55px 0;
  font-size: 3.53846154em;
}

.icon-gallery-module p {
  font-family: 'Helvetica', Arial;
}

.icon-gallery-module .container {
  padding: 50px 0;
}

.icon-gallery-module .listing {
  background-color: #fff;
}

.icon-gallery-module .listing.mobile {
  display: none;
}

@media screen and (max-width: 659px) {
  .icon-gallery-module .listing.mobile {
    display: block;
  }

  .icon-gallery-module .listing.desktop {
    display: none;
  }

  .icon-gallery-module .offset4.span16 {
    margin: 0;
    float: none;
    width: auto;
  }

  .icon-gallery-module .container {
    padding: 30px 0 10px 0;
  }

  .icon-gallery-module p {
    margin: 0 0 20px 0;
  }

  .icon-gallery-module h2 {
    margin-bottom: 20px;
  }
}

.interest-form .container {
  margin-top: 2em;
}

@media screen and (max-width: 768px) {
  .interest-form .container:first-child {
    margin-top: 0;
  }
}

.interest-form .textinput-container {
  text-align: left;
}

.interest-form .form-confirm {
  margin-top: 2em;
}

.interest-form .radio-item .error-message {
  display: none;
}

.interest-form .radios-container .st-error:after {
  top: -100%;
  left: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
}

.interest-form .radios-container .st-valid:after {
  content: '';
}

.interest-form .btn.submit {
  margin-top: 2em;
}

.left-image-module {
  position: relative;
  text-align: right;
  min-height: 450px;
  padding-top: 20px;
}

.left-image-module .before-hint-arrow {
  margin-bottom: 50px;
}

.left-image-module .left-image {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 55%;
  overflow: hidden;
}

.left-image-module .left-image img {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -250px;
  max-width: initial;
}

.left-image-module h2 {
  font-size: 3.53846154em;
  margin: 90px 0 50px 0;
}

.left-image-module p {
  margin: 0 0 10px 0;
  margin-bottom: 10px;
}

.left-image-module .button {
  font-size: 1.23076923em;
  margin-top: 40px;
  margin-bottom: 80px;
  line-height: 2.5em;
  height: 2.5em;
}

@media screen and (max-width: 659px) {
  .left-image-module .simple-lead-form.lead-form {
    background-color: transparent;
  }

  .left-image-module .simple-lead-form {
    padding: 0;
    font-size: .8em;
  }

  .left-image-module .simple-lead-form .container {
    margin: 0;
    padding: 0;
  }

  .left-image-module .simple-lead-form .container .row [class*="span"] {
    margin-bottom: 0px;
  }

  .left-image-module .simple-lead-form button.button {
    margin: 0 0 40px 0;
    background-color: #EE4A56;
  }

  .left-image-module h2 {
    margin: 40px 0 20px 0;
  }

  .left-image-module p {
    font-size: 1.38461538em;
  }

  .left-image-module div.span10.offset14 {
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    margin: 0;
  }

  .left-image-module .left-image {
    position: relative;
    bottom: initial;
    width: 100%;
    height: 200px;
  }

  .left-image-module .left-image img {
    position: absolute;
    right: 1em;
    height: 200px;
    top: initial;
    margin-top: 0;
  }

  .left-image-module .hint-arrow {
    position: relative;
    margin-top: 0;
    background-size: auto 50%;
    background-position: 20% center;
  }
}

@media screen and (max-width: 768px) {
  .list-menu {
    display: none;
  }
}

.list-menu h2 + p {
  margin-top: 2rem;
}

.list-menu .links {
  margin-top: 2rem;
}

.list-menu .btn {
  position: absolute;
  bottom: 60px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.is-ie .list-menu .btn {
  left: 50%;
}

@media screen and (max-width: 768px) {
  .list-menu .btn {
    position: relative;
    bottom: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.list-menu .flex-list .flex-list-item .inner {
  padding-bottom: 120px;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .colored {
  color: #F7931D;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) a {
  color: #F7931D;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) a:hover {
  color: #FFA92C;
  text-decoration: none;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) a:active {
  color: #E87900;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .btn,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .button {
  border-color: #F7931D;
  color: #F7931D;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .btn:hover,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .button:hover {
  color: #fff;
  background-color: #F7931D;
  border-color: #F7931D;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .btn:hover.btn-play-video,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .button:hover.btn-play-video {
  color: #FFA92C;
  background-color: transparent;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .btn:active,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .button:active,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .btn.btn-active,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .button.btn-active {
  border-color: #E87900;
  background-color: #E87900;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .symbol {
  color: #F7931D;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .symbol-link:hover,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .symbol-link:hover:before {
  color: #FFA92C;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .colored {
  color: #F37875;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) a {
  color: #F37875;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) a:hover {
  color: #FF8888;
  text-decoration: none;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) a:active {
  color: #E55E5E;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .btn,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .button {
  border-color: #F37875;
  color: #F37875;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .btn:hover,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .button:hover {
  color: #fff;
  background-color: #F37875;
  border-color: #F37875;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .btn:hover.btn-play-video,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .button:hover.btn-play-video {
  color: #FF8888;
  background-color: transparent;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .btn:active,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .button:active,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .btn.btn-active,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .button.btn-active {
  border-color: #E55E5E;
  background-color: #E55E5E;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .symbol {
  color: #F37875;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .symbol-link:hover,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .symbol-link:hover:before {
  color: #FF8888;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .colored {
  color: #EE4A56;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) a {
  color: #EE4A56;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) a:hover {
  color: #FF5A6E;
  text-decoration: none;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) a:active {
  color: #DD3A4E;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .btn,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .button {
  border-color: #EE4A56;
  color: #EE4A56;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .btn:hover,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .button:hover {
  color: #fff;
  background-color: #EE4A56;
  border-color: #EE4A56;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .btn:hover.btn-play-video,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .button:hover.btn-play-video {
  color: #FF5A6E;
  background-color: transparent;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .btn:active,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .button:active,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .btn.btn-active,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .button.btn-active {
  border-color: #DD3A4E;
  background-color: #DD3A4E;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .symbol {
  color: #EE4A56;
}

body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .symbol-link:hover,
body:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .symbol-link:hover:before {
  color: #FF5A6E;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .colored {
  color: #51c1c1;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) a {
  color: #51c1c1;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) a:hover {
  color: #64D8D5;
  text-decoration: none;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) a:active {
  color: #42A5A2;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .btn,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .button {
  border-color: #51c1c1;
  color: #51c1c1;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .btn:hover,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .button:hover {
  color: #fff;
  background-color: #51c1c1;
  border-color: #51c1c1;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .btn:hover.btn-play-video,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .button:hover.btn-play-video {
  color: #64D8D5;
  background-color: transparent;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .btn:active,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .button:active,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .btn.btn-active,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .button.btn-active {
  border-color: #42A5A2;
  background-color: #42A5A2;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .symbol {
  color: #51c1c1;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .symbol-link:hover,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(1) .symbol-link:hover:before {
  color: #64D8D5;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .colored {
  color: #1f99c9;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) a {
  color: #1f99c9;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) a:hover {
  color: #30B0D8;
  text-decoration: none;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) a:active {
  color: #1982A3;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .btn,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .button {
  border-color: #1f99c9;
  color: #1f99c9;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .btn:hover,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .button:hover {
  color: #fff;
  background-color: #1f99c9;
  border-color: #1f99c9;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .btn:hover.btn-play-video,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .button:hover.btn-play-video {
  color: #30B0D8;
  background-color: transparent;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .btn:active,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .button:active,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .btn.btn-active,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .button.btn-active {
  border-color: #1982A3;
  background-color: #1982A3;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .symbol {
  color: #1f99c9;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .symbol-link:hover,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(2) .symbol-link:hover:before {
  color: #30B0D8;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .colored {
  color: #009692;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) a {
  color: #009692;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) a:hover {
  color: #22AFA7;
  text-decoration: none;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) a:active {
  color: #0E7772;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .btn,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .button {
  border-color: #009692;
  color: #009692;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .btn:hover,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .button:hover {
  color: #fff;
  background-color: #009692;
  border-color: #009692;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .btn:hover.btn-play-video,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .button:hover.btn-play-video {
  color: #22AFA7;
  background-color: transparent;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .btn:active,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .button:active,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .btn.btn-active,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .button.btn-active {
  border-color: #0E7772;
  background-color: #0E7772;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .symbol {
  color: #009692;
}

body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .symbol-link:hover,
body.company:not(.color-section-1):not(.color-section-2):not(.color-section-3) .list-menu .flex-list .flex-list-item:nth-child(3) .symbol-link:hover:before {
  color: #22AFA7;
}

.marquee {
  position: relative;
  height: 550px;
  border-bottom: #f2f2f2 2px solid;
}

@media screen and (max-width: 659px) {
  .marquee h2.visible-phone {
    display: block !important;
  }
}

.marquee .white {
  color: #fff;
}

.marquee .burst {
  color: #ec7575;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .marquee .burst {
  background: linear-gradient(to right, #f18d2d, #ec7575);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.company .marquee .burst {
  color: #1f99c9;
  display: inline-block;
  padding-bottom: 0.20em;
  margin-bottom: -0.2em;
  padding-right: 0.05em;
}

html.backgroundcliptext .company .marquee .burst {
  background: linear-gradient(to right, #51c1c1, #1f99c9);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.marquee p {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  max-width: 600px;
}

.marquee .btn {
  margin-bottom: 5px;
}

.marquee .marquee-items {
  width: 100%;
  height: 550px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.marquee .marquee-item {
  position: relative;
  width: 100%;
}

.marquee .marquee-item.negative-text h2,
.marquee .marquee-item.negative-text p {
  color: #fff;
}

.marquee .marquee-item .align-vertical-middle {
  display: table;
}

.marquee .marquee-item .align-vertical-middle-row {
  display: table-row;
}

.marquee .marquee-item .align-vertical-middle-cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.marquee .marquee-background {
  position: absolute;
  width: 100%;
  height: 550px;
  top: 0;
  opacity: 0;
  transition: opacity 0.3s;
}

.marquee .marquee-container {
  position: absolute;
  width: 100%;
  top: 0;
}

.marquee .marquee-content {
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
  max-width: 1064px;
  padding-top: 160px;
  padding-bottom: 30px;
  text-align: center;
  bottom: 0;
}

@media screen and (max-width: 659px) {
  .marquee .marquee-content {
    padding-top: 70px;
  }
}

.marquee .marquee-content[class*="marquee-content-image"] {
  max-width: 1064px;
  display: block;
  overflow: hidden;
}

.marquee .marquee-content[class*="marquee-content-image"] .marquee-image-column {
  width: 50%;
  float: left;
}

.marquee .marquee-content[class*="marquee-content-image"] .marquee-text-column {
  width: 50%;
  float: left;
}

.marquee .marquee-content .align-vertical-middle {
  margin: 0 auto;
}

.marquee .marquee-footer {
  text-align: center;
  width: 100%;
  height: 70px;
  top: 480px;
  position: absolute;
}

.marquee .marquee-footer .negative-color {
  color: #fff;
}

.marquee .marquee-footer .secondary-color {
  color: #30302e;
}

.marquee .marquee-footer .next {
  margin-left: -45.2548px;
}

.marquee .marquee-footer .next:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(135deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(135deg);
  transform: translate(0.4em, 0.4em) rotate(135deg);
  width: 30px;
  height: 30px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.media-gallery {
  position: relative;
  overflow: hidden;
  opacity: 0;
  text-align: center;
}

.media-gallery.media-gallery-initialized {
  opacity: 1;
}

.media-gallery .media-gallery-items,
.media-gallery .media-gallery-thumbnails {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.media-gallery .media-gallery-item,
.media-gallery .media-gallery-thumbnail {
  float: left;
  margin: 0;
  padding: 0;
}

.media-gallery .media-gallery-items {
  position: relative;
  display: block;
  transition: left 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.media-gallery .media-gallery-item > img {
  margin: 0 auto;
}

.media-gallery .media-gallery-thumbnails {
  display: inline-block;
  *display: inline;
  margin-top: 3.84615385em;
  padding-bottom: 1em;
}

.media-gallery .media-gallery-thumbnail {
  width: 3.84615385em;
  margin-left: 1em;
  border: 1px solid #f2f2f2;
  padding: 1em;
  cursor: pointer;
  border-radius: 100%;
}

.media-gallery .media-gallery-thumbnail:hover {
  background-color: rgba(0, 0, 0, 0.035);
}

.media-gallery .media-gallery-thumbnail.st-active {
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid #e5e5e5;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.media-gallery .media-gallery-thumbnail:first-child {
  margin-left: 0;
}

.media-gallery .media-gallery-thumbnail > a {
  display: none;
}

.media-gallery .media-gallery-arrow {
  position: absolute;
  top: 50%;
  margin-top: -6.15384615em;
  height: 12.30769231em;
  width: 12.30769231em;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
  line-height: 12.30769231em;
  transition: all 0.2s linear;
  border-radius: 6.15384615em;
}

.media-gallery .media-gallery-arrow i {
  font-size: 2.5em;
}

.media-gallery .media-gallery-arrow:hover {
  text-decoration: none;
}

.media-gallery .media-gallery-arrow.media-gallery-next {
  right: -6.15384615em;
}

.media-gallery .media-gallery-arrow.media-gallery-next i {
  margin-right: 2em;
}

.media-gallery .media-gallery-arrow.media-gallery-prev {
  left: -6.15384615em;
}

.media-gallery .media-gallery-arrow.media-gallery-prev i {
  margin-left: 2em;
}

@media screen and (max-width: 659px) {
  .media-gallery {
    margin-top: 2em;
  }

  .media-gallery .media-gallery-arrow {
    display: none;
  }

  .media-gallery .media-gallery-thumbnails {
    display: inline-block;
    margin: 3em auto;
    padding-left: 0;
    overflow: visible;
  }

  .media-gallery .media-gallery-thumbnail {
    display: block;
    width: auto;
    float: left;
    list-style: none;
    padding: 0;
    border: none;
    margin-left: 2em;
  }

  .media-gallery .media-gallery-thumbnail > img {
    display: none;
  }

  .media-gallery .media-gallery-thumbnail > a {
    display: block;
    margin-top: 0.25em;
    height: 1.231em;
    width: 1.231em;
    background-color: rgba(0, 0, 0, 0.15);
    border: 0;
    *text-indent: -9999px;
    cursor: pointer;
    position: relative;
    overflow: visible;
    border-radius: 50%;
  }

  .media-gallery .media-gallery-thumbnail > a .hitarea {
    display: block;
    position: absolute;
    top: -90%;
    left: -90%;
    width: 300%;
    height: 3em;
  }

  .media-gallery .media-gallery-thumbnail > a:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }

  .media-gallery .media-gallery-thumbnail.st-active > a {
    margin-top: 0;
    height: 1.231em;
    width: 1.231em;
    border: 0;
    background-color: #EE4A56;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.2);
  }
}

.media-items-module {
  text-align: center;
}

.media-items-module h2 {
  font-size: 2.46153846em;
  margin: 0 0 10px 0;
}

.media-items-module p {
  margin: 0 0 30px 0;
}

.media-items-module img {
  border-radius: 3px;
  margin-bottom: 90px;
}

.media-items-module .splash {
  background-color: #F7931D;
  border-radius: 100%;
  color: #fff;
  font-weight: 600;
  margin-top: -20px;
  padding: 10px 8px;
  position: absolute;
  right: 0;
}

.media-items-module .row > div {
  position: relative;
}

.media-items-module .row {
  margin: 20px 0 0 0;
  border-bottom: 1px solid #ececec;
}

.media-items-module .row:first-child {
  margin: 70px 0 0 0;
}

.media-items-module .row:last-child {
  border-bottom: none;
}

.media-items-module .visible-phone {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.media-items-module .visible-phone ul.navitems {
  position: absolute;
  bottom: 20px;
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0;
}

.media-items-module .visible-phone ul.navitems li {
  border-radius: 100%;
  border: 2px solid #EE4A56;
  display: inline-block;
  border-color: #b0b0b0;
  background-color: transparent;
  margin-left: 10px;
  width: 10px;
  height: 10px;
}

.media-items-module .visible-phone ul.navitems li.selected {
  border-color: #EE4A56;
  background-color: #EE4A56;
}

.media-items-module .visible-phone ul.navitems li:first-child {
  margin-left: 0px;
}

.media-items-module .visible-phone .row {
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  border-bottom: none;
  margin: 20px 0 60px 0;
}

.media-items-module .visible-phone .row > div {
  float: none;
  display: inline-block;
  width: 80%;
}

.media-items-module .visible-phone .row > div:first-child {
  margin-left: 10%;
}

.media-items-module .visible-phone .row > div p {
  white-space: normal;
  padding: 0 30px;
  font-size: 1.38461538em;
  margin-bottom: 20px;
}

.media-items-module .visible-phone .row > div img {
  display: inline;
  margin: 0;
  width: 90%;
}

.modal {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 2em;
  box-sizing: border-box;
}

@media screen and (max-width: 659px) {
  .modal {
    padding: 10px;
  }
}

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

.modal .modal-close {
  cursor: pointer;
  font-size: 24px;
  position: absolute;
  top: 20px;
  right: 20px;
  border: 2px solid #30302e;
  border-radius: 50%;
  text-align: center;
  background-color: #fff;
  transition: all 500ms cubic-bezier(0.585, 0.19, 0.4, 1.625);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition-delay: 500ms;
  opacity: 0.0;
  color: #30302e;
  font-size: 14px;
  width: 1em;
  height: 1em;
  display: block;
}

@media screen and (max-width: 659px) {
  .modal .modal-close {
    height: 2em;
    width: 2em;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
}

.modal .modal-close:after,
.modal .modal-close:before {
  content: '';
  display: block;
  color: inherit;
  position: absolute;
  width: 1em;
  top: 50%;
  border-top: 2px solid;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
}

.modal .modal-close:after {
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  -ms-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
}

.modal .modal-close:before {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal .modal-close:after {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.modal .modal-close:after,
.modal .modal-close:before {
  transition: inherit;
  transition-delay: 800ms;
  max-width: 0;
  opacity: 0.0;
}

.modal .modal-close:hover {
  text-decoration: none;
}

.modal .modal-container {
  overflow: hidden;
  max-height: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 944px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0) scale(0.9);
  transform: translate3d(0, -50%, 0) scale(0.9);
  opacity: 0.0;
  transition: all 300ms;
}

.modal .modal-container .modal-content {
  display: block;
}

.modal.open .modal-container {
  -webkit-transform: translate3d(0, -50%, 0) scale(1);
  transform: translate3d(0, -50%, 0) scale(1);
  opacity: 1.0;
}

.modal.open .modal-close {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1.0;
}

.modal.open .modal-close:before,
.modal.open .modal-close:after {
  max-width: 18px;
  opacity: 1.0;
}

.modal .modal-video-container {
  background-color: #30302e;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}

.modal .modal-video-container iframe,
.modal .modal-video-container object,
.modal .modal-video-container embed,
.modal .modal-video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-content {
  display: none;
  padding: 45px;
  background-color: #fff;
  box-sizing: border-box;
}

@media screen and (max-width: 659px) {
  .modal-content {
    padding: 25px;
  }
}

.parallax {
  position: relative;
  overflow: hidden;
  height: 400px;
  opacity: 0.0;
  transition: opacity 300ms ease-in;
}

.parallax .parallax-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

.parallax .parallax-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.parallax .parallax-content h1,
.parallax .parallax-content h2,
.parallax .parallax-content p {
  color: #fff;
}

.parallax .parallax-content > div {
  margin: 0 auto;
  padding-left: 25px !important;
  padding-right: 25px !important;
  max-width: 1064px;
  padding-top: 50px;
  padding-bottom: 50px;
  max-width: 50%;
}

.personalized-offer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lt-ie10 .personalized-offer {
  display: block;
  *zoom: 1;
}

.lt-ie10 .personalized-offer:before,
.lt-ie10 .personalized-offer:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .personalized-offer:after {
  clear: both;
}

.lt-ie10 .personalized-offer > * {
  float: left;
}

.personalized-offer > * {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: calc(50% + 0px);
  box-sizing: border-box;
  padding-left: 0px;
  padding-right: 0px;
}

.personalized-offer > *:nth-child(2n) {
  margin-right: 0px;
}

.personalized-offer > *:nth-child(2n +1) {
  margin-left: 0px;
}

.lt-ie10 .personalized-offer > *:nth-child(2n +1) {
  clear: left;
}

.personalized-offer .offer-pic > div {
  position: relative;
}

.personalized-offer > .fcolumn:first-child {
  background-color: #f2f2f2;
  background-position: center center;
  background-size: cover;
}

@media screen and (min-width: 769px) {
  .personalized-offer > .fcolumn:first-child {
    min-height: 500px;
  }
}

.personalized-offer > .fcolumn:first-child > .offer {
  box-sizing: border-box;
  max-width: 640px;
  margin: 0 0 0 auto;
  position: relative;
  padding: 80px 50px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .personalized-offer > .fcolumn:first-child > .offer {
    padding: 40px 40px 40px 0;
  }
}

@media screen and (max-width: 768px) {
  .personalized-offer > .fcolumn:first-child > .offer {
    margin: 0 auto 0 auto;
  }
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner {
  display: block;
  *zoom: 1;
}

.lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner:before,
.lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner:after {
  clear: both;
}

.lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner > * {
  float: left;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner > * {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: calc(Infinity% + Infinitypx);
  box-sizing: border-box;
  padding-left: 25px;
  padding-right: 25px;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner > *:nth-child(0n) {
  margin-right: -25px;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner > *:nth-child(0n +1) {
  margin-left: -25px;
}

.lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner > *:nth-child(0n +1) {
  clear: left;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner > * {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  padding-left: 25px;
  padding-right: 25px;
  margin: 0 !important;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner > *:first-child {
  padding-left: 0;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner > *:last-child {
  padding-right: 0;
}

.lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 10;
}

.lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner:after,
.lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner:before {
  display: none;
}

.lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner > * {
  float: none;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner .offer-pic {
  position: relative;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner .offer-pic .image-container {
  overflow: hidden;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .personalized-offer > .fcolumn:first-child > .offer .offer-inner .offer-pic .image-container {
    width: 115%;
    margin-left: -15%;
  }
}

@media screen and (max-width: 768px) {
  .personalized-offer > .fcolumn:first-child > .offer .offer-inner .offer-pic .image-container {
    width: 160%;
    margin-left: -60%;
  }
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner .offer-pic + div {
  -webkit-flex-grow: 1.25;
  -moz-flex-grow: 1.25;
  -ms-flex-grow: 1.25;
  -ms-flex-positive: 1.25;
  flex-grow: 1.25;
  -ms-flex: 1.25;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner h2 {
  font-size: 45px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .personalized-offer > .fcolumn:first-child > .offer .offer-inner h2 {
    font-size: 38px;
  }
}

@media screen and (max-width: 768px) {
  .personalized-offer > .fcolumn:first-child > .offer .offer-inner h2 {
    font-size: 28px;
  }
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner h2 + h3 {
  margin-top: 2rem;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner h3 {
  font-weight: 600;
  font-size: 1rem;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner h3 + p {
  margin-top: 0;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner p {
  color: #30302e;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner .btn {
  color: #30302e;
  border-color: #30302e;
  margin-top: 1rem;
  padding-left: 4.5em;
  position: relative;
  font-family: "helvetica", sans-serif;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner .btn:hover {
  background-color: #30302e;
  border-color: #30302e;
  color: #fff;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner .btn.loading:after {
  background-color: #999;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner .btn:before {
  font-size: 3em;
  position: absolute;
  content: "B";
  font-family: "treiconNeue2", sans-serif;
  left: 0.3em;
  font-weight: normal;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner .bubble {
  bottom: auto;
  top: 50%;
  left: auto;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-transform: translate(15%, -50%);
  -ms-transform: translate(15%, -50%);
  transform: translate(15%, -50%);
  *background-color: rgba(228, 52, 72, 0.8);
  background-image: linear-gradient(to right, rgba(236, 117, 117, 0.8), rgba(228, 52, 72, 0.8));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccec7575', endColorstr='#cce43448', GradientType=1);
  font-size: 22px;
}

.lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner .bubble {
  -webkit-filter: none;
  filter: none;
  background-color: #ec7575;
  opacity: 0.8;
}

.company .personalized-offer > .fcolumn:first-child > .offer .offer-inner .bubble {
  *background-color: rgba(31, 153, 201, 0.8);
  background-image: linear-gradient(to right, rgba(81, 193, 193, 0.8), rgba(31, 153, 201, 0.8));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc51c1c1', endColorstr='#cc1f99c9', GradientType=1);
}

@media (max-width: 1280px) {
  .personalized-offer > .fcolumn:first-child > .offer .offer-inner .bubble {
    font-size: 1.7vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .personalized-offer > .fcolumn:first-child > .offer .offer-inner .bubble {
    font-size: 2vw;
  }
}

@media screen and (max-width: 768px) {
  .personalized-offer > .fcolumn:first-child > .offer .offer-inner .bubble {
    font-size: 3.5vw;
  }
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner .price-box {
  margin-top: 2rem;
}

.personalized-offer > .fcolumn:first-child > .offer .offer-inner .price-box > strong {
  font-size: 48px;
  line-height: 0.65em;
  margin-bottom: 0.1em;
}

.personalized-offer > .fcolumn:last-child {
  background-color: #f1696b;
  position: relative;
}

.personalized-offer > .fcolumn:last-child .frows {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-align-content: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.lt-ie10 .personalized-offer > .fcolumn:last-child .frows {
  display: block;
  *zoom: 1;
}

.lt-ie10 .personalized-offer > .fcolumn:last-child .frows:before,
.lt-ie10 .personalized-offer > .fcolumn:last-child .frows:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .personalized-offer > .fcolumn:last-child .frows:after {
  clear: both;
}

.lt-ie10 .personalized-offer > .fcolumn:last-child .frows > * {
  float: left;
}

.personalized-offer > .fcolumn:last-child .frows .frow {
  overflow: hidden;
  -ms-flex-basis: 50%;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  min-height: 50%;
}

.personalized-offer > .fcolumn:last-child .frows .frow .btn {
  z-index: 1;
  color: #30302e;
  border-color: #30302e;
  padding-left: 4.5em;
  position: relative;
  font-family: "helvetica", sans-serif;
  margin-top: 0.5rem;
}

.personalized-offer > .fcolumn:last-child .frows .frow .btn:hover {
  background-color: #30302e;
  border-color: #30302e;
  color: #fff;
}

.personalized-offer > .fcolumn:last-child .frows .frow .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.personalized-offer > .fcolumn:last-child .frows .frow .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.personalized-offer > .fcolumn:last-child .frows .frow .btn.loading:after {
  background-color: #999;
}

.personalized-offer > .fcolumn:last-child .frows .frow .btn:before {
  font-size: 3em;
  position: absolute;
  content: "B";
  font-family: "treiconNeue2", sans-serif;
  left: 0.3em;
  font-weight: normal;
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer {
  box-sizing: border-box;
  max-width: 640px;
  margin: 0 auto 0 0;
  padding: 40px 50px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .personalized-offer > .fcolumn:last-child .frows .frow > .offer {
    padding: 25px;
    max-width: none;
  }
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner {
  display: block;
  *zoom: 1;
}

.lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner:before,
.lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner:after {
  clear: both;
}

.lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > * {
  float: left;
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > * {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: calc(Infinity% + Infinitypx);
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > *:nth-child(0n) {
  margin-right: -20px;
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > *:nth-child(0n +1) {
  margin-left: -20px;
}

.lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > *:nth-child(0n +1) {
  clear: left;
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > * {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 !important;
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > *:first-child {
  padding-left: 0;
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > *:last-child {
  padding-right: 0;
}

.lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 10;
}

.lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner:after,
.lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner:before {
  display: none;
}

.lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > * {
  float: none;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner {
    display: block;
    *zoom: 1;
  }

  .lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner:before,
  .lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner:after {
    clear: both;
  }

  .lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > * {
    float: left;
  }

  .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > * {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(Infinity% + Infinitypx);
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

  .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > *:nth-child(0n) {
    margin-right: -10px;
  }

  .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > *:nth-child(0n +1) {
    margin-left: -10px;
  }

  .lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > *:nth-child(0n +1) {
    clear: left;
  }

  .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > * {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-basis: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 !important;
  }

  .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > *:first-child {
    padding-left: 0;
  }

  .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > *:last-child {
    padding-right: 0;
  }

  .lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    position: relative;
    z-index: 10;
  }

  .lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner:after,
  .lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner:before {
    display: none;
  }

  .lt-ie10 .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > * {
    float: none;
    display: table-cell;
    vertical-align: top;
    margin: 0;
  }
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > div:first-child {
  -webkit-flex-grow: 1.25;
  -moz-flex-grow: 1.25;
  -ms-flex-grow: 1.25;
  -ms-flex-positive: 1.25;
  flex-grow: 1.25;
  -ms-flex: 1.25;
}

@media screen and (max-width: 768px) {
  .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner > div:first-child {
    -webkit-flex-grow: 2;
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex: 2;
  }
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner .offer-pic {
  position: relative;
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner .offer-pic .bubble {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(15%, 70%);
  -ms-transform: translate(15%, 70%);
  transform: translate(15%, 70%);
}

@media (max-width: 1280px) {
  .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner .offer-pic .bubble {
    font-size: 1.2vw;
  }
}

@media screen and (max-width: 768px) {
  .personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner .offer-pic .bubble {
    font-size: 3.4vw;
    top: 50%;
    -webkit-transform: translate(15%, -50%);
    -ms-transform: translate(15%, -50%);
    transform: translate(15%, -50%);
  }
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner h2 {
  margin-top: 0;
  margin-bottom: 10px;
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner h3 {
  font-size: 1rem;
  font-weight: bold;
}

.personalized-offer > .fcolumn:last-child .frows .frow > .offer .offer-inner h3 + h3 {
  margin-top: 0.5em;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child {
  background-color: #f7f7f7;
  *background-color: rgba(236, 117, 117, 0.8);
  background-image: linear-gradient(to right, rgba(241, 141, 45, 0.8), rgba(236, 117, 117, 0.8));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccf18d2d', endColorstr='#ccec7575', GradientType=1);
  background-size: cover;
  background-position: center center;
}

.company .personalized-offer > .fcolumn:last-child .frows .frow:first-child {
  *background-color: rgba(31, 153, 201, 0.8);
  background-image: linear-gradient(to right, rgba(81, 193, 193, 0.8), rgba(31, 153, 201, 0.8));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc51c1c1', endColorstr='#cc1f99c9', GradientType=1);
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .bubble {
  *background-color: rgba(228, 52, 72, 0.8);
  background-image: linear-gradient(to right, rgba(236, 117, 117, 0.8), rgba(228, 52, 72, 0.8));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccec7575', endColorstr='#cce43448', GradientType=1);
}

.company .personalized-offer > .fcolumn:last-child .frows .frow:first-child .bubble {
  *background-color: rgba(31, 153, 201, 0.8);
  background-image: linear-gradient(to right, rgba(81, 193, 193, 0.8), rgba(31, 153, 201, 0.8));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc51c1c1', endColorstr='#cc1f99c9', GradientType=1);
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child h2,
.personalized-offer > .fcolumn:last-child .frows .frow:first-child h3,
.personalized-offer > .fcolumn:last-child .frows .frow:first-child p {
  color: #fff;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box {
  font-size: 28px;
  word-spacing: -5px;
  margin-top: 1rem;
  white-space: nowrap;
  color: #fff;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box {
    font-size: 24px;
  }
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box > strong {
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  line-height: 0.75em;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box > span {
  margin-left: 3px;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box span {
  text-align: left;
  vertical-align: top;
  display: inline-block;
  font-weight: bold;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box span.price-heading,
.personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box span.price-footer {
  text-align: inherit;
  font-size: 10px;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
  word-spacing: 0;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box span.price-heading {
  margin: 0 0 3px 0;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box span.price-footer {
  margin: 3px 0 0 0;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box span > span {
  font-weight: bold;
  font-size: 0.46666667em;
  margin-left: 0;
  display: block;
  line-height: 0.84em;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box s {
  text-decoration: none;
  vertical-align: top;
  display: inline-block;
  color: #fff;
  opacity: 0.4;
  margin-left: 14px;
  font-weight: 600;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box s > strong {
  text-decoration: none;
  overflow: visible;
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 0.75em;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box s > strong:after {
  content: "";
  position: absolute;
  left: -4px;
  right: -4px;
  top: 50%;
  height: 0;
  border-top: 1px solid;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .price-box s > span {
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .btn {
  color: #fff;
  border-color: #fff;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.personalized-offer > .fcolumn:last-child .frows .frow:first-child .btn.loading:after {
  background-color: #999;
}

.personalized-offer > .fcolumn:last-child .frows .frow:last-child {
  background-color: #e0dcd0;
}

@media screen and (max-width: 768px) {
  .personalized-offer {
    display: block;
    width: auto;
  }

  .personalized-offer > .fcolumn {
    width: auto;
    display: block;
  }

  .personalized-offer > .fcolumn:first-child > .offer {
    padding: 40px 20px 40px 0;
    max-width: none;
  }

  .personalized-offer > .fcolumn:first-child > .offer .offer-inner {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner {
    display: block;
    *zoom: 1;
  }

  .lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner:before,
  .lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner:after {
    clear: both;
  }

  .lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner > * {
    float: left;
  }

  .personalized-offer > .fcolumn:first-child > .offer .offer-inner > * {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(Infinity% + Infinitypx);
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }

  .personalized-offer > .fcolumn:first-child > .offer .offer-inner > *:nth-child(0n) {
    margin-right: -15px;
  }

  .personalized-offer > .fcolumn:first-child > .offer .offer-inner > *:nth-child(0n +1) {
    margin-left: -15px;
  }

  .lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner > *:nth-child(0n +1) {
    clear: left;
  }

  .personalized-offer > .fcolumn:first-child > .offer .offer-inner > * {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-basis: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 !important;
  }

  .personalized-offer > .fcolumn:first-child > .offer .offer-inner > *:first-child {
    padding-left: 0;
  }

  .personalized-offer > .fcolumn:first-child > .offer .offer-inner > *:last-child {
    padding-right: 0;
  }

  .lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    position: relative;
    z-index: 10;
  }

  .lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner:after,
  .lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner:before {
    display: none;
  }

  .lt-ie10 .personalized-offer > .fcolumn:first-child > .offer .offer-inner > * {
    float: none;
    display: table-cell;
    vertical-align: top;
    margin: 0;
  }

  .personalized-offer > .fcolumn:first-child > .offer .offer-inner h3 {
    margin-top: 10px;
    font-family: 'Helvetica', Arial;
    font-size: 1rem;
    line-height: 1.3em;
    font-weight: 600;
  }

  .personalized-offer > .fcolumn:first-child > .offer .offer-inner .offer-pic + div {
    -webkit-flex-grow: 2.5;
    -moz-flex-grow: 2.5;
    -ms-flex-grow: 2.5;
    -ms-flex-positive: 2.5;
    flex-grow: 2.5;
  }

  .personalized-offer > .fcolumn:last-child .frows {
    position: relative;
    display: block;
    height: auto;
    width: auto;
  }

  .personalized-offer > .fcolumn:last-child .frows .frow {
    -ms-flex-basis: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
  }
}

.lt-ie10 .personalized-offer > .offer .offer-inner > * {
  vertical-align: top;
}

.lt-ie10 .personalized-offer .fcolumn {
  height: 600px;
}

.lt-ie10 .personalized-offer .fcolumn:last-child .frows .frow {
  float: none;
}

.lt-ie10 .personalized-offer .fcolumn:last-child .frows .frow .offer {
  max-height: 300px;
}

dl.product-feature-list {
  position: relative;
  margin-bottom: 2em;
  border-bottom: 2px solid #f2f2f2;
  *zoom: 1;
}

dl.product-feature-list:before,
dl.product-feature-list:after {
  display: table;
  content: "";
  line-height: 0;
}

dl.product-feature-list:after {
  clear: both;
}

dl.product-feature-list:first-child {
  margin-top: 0;
}

dl.product-feature-list dt,
dl.product-feature-list dd {
  width: 23.75%;
  display: block;
  position: relative;
  margin: 0;
  float: left;
  padding: 10px 0;
  border-top: 2px solid #f2f2f2;
}

dl.product-feature-list dd {
  font-weight: 600;
}

dl.product-feature-list > *:nth-child(4n-2) {
  margin-right: 5%;
}

dl.product-feature-list > *:nth-child(4n + 1) {
  clear: left;
}

@media screen and (max-width: 659px) {
  dl.product-feature-list {
    *zoom: 1;
  }

  dl.product-feature-list:before,
  dl.product-feature-list:after {
    display: table;
    content: "";
    line-height: 0;
  }

  dl.product-feature-list:after {
    clear: both;
  }

  dl.product-feature-list dt,
  dl.product-feature-list dd {
    width: 50%;
  }

  dl.product-feature-list > *:nth-child(4n-2) {
    margin-right: 0;
  }

  dl.product-feature-list dt {
    clear: left;
    position: static;
  }
}

.my3-overview-page .prolonging-offer {
  margin-top: -4em;
}

.my3-overview-page .prolonging-offer .offer-pic {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .my3-overview-page .prolonging-offer .offer {
    padding-bottom: 0;
  }

  .my3-overview-page .prolonging-offer .offer .offer-inner > section {
    max-width: 100%;
  }

  .my3-overview-page .prolonging-offer .offer .btn {
    margin-top: 26px !important;
    display: block;
  }

  .my3-overview-page .prolonging-offer .offer .offer-pic img {
    width: 120%;
    min-width: 120%;
    margin-left: -20%;
  }
}

@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .my3-overview-page .prolonging-offer .offer .btn {
    display: block;
  }
}

.prolonging-offer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.lt-ie10 .prolonging-offer {
  display: block;
  *zoom: 1;
}

.lt-ie10 .prolonging-offer:before,
.lt-ie10 .prolonging-offer:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .prolonging-offer:after {
  clear: both;
}

.lt-ie10 .prolonging-offer > * {
  float: left;
}

.prolonging-offer > * {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: calc(Infinity% + NaNpx);
  box-sizing: border-box;
  padding-left: 0px;
  padding-right: 0px;
}

.prolonging-offer > *:nth-child(0n) {
  margin-right: 0px;
}

.prolonging-offer > *:nth-child(0n +1) {
  margin-left: 0px;
}

.lt-ie10 .prolonging-offer > *:nth-child(0n +1) {
  clear: left;
}

.prolonging-offer > * {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0 !important;
}

.prolonging-offer > *:first-child {
  padding-left: 0;
}

.prolonging-offer > *:last-child {
  padding-right: 0;
}

.lt-ie10 .prolonging-offer {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 10;
}

.lt-ie10 .prolonging-offer:after,
.lt-ie10 .prolonging-offer:before {
  display: none;
}

.lt-ie10 .prolonging-offer > * {
  float: none;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}

.prolonging-offer .offer-pic > div {
  position: relative;
}

.prolonging-offer > .offer-group > .offer {
  box-sizing: border-box;
  max-width: 1064px;
  margin: 0 auto;
  position: relative;
  padding: 0 50px;
}

@media screen and (max-width: 768px) {
  .prolonging-offer > .offer-group > .offer {
    margin: 0 auto 0 auto;
  }
}

.prolonging-offer > .offer-group > .offer .offer-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.lt-ie10 .prolonging-offer > .offer-group > .offer .offer-inner {
  display: block;
  *zoom: 1;
}

.lt-ie10 .prolonging-offer > .offer-group > .offer .offer-inner:before,
.lt-ie10 .prolonging-offer > .offer-group > .offer .offer-inner:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .prolonging-offer > .offer-group > .offer .offer-inner:after {
  clear: both;
}

.lt-ie10 .prolonging-offer > .offer-group > .offer .offer-inner > * {
  float: left;
}

.prolonging-offer > .offer-group > .offer .offer-inner > * {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: calc(Infinity% + Infinitypx);
  box-sizing: border-box;
  padding-left: 25px;
  padding-right: 25px;
}

.prolonging-offer > .offer-group > .offer .offer-inner > *:nth-child(0n) {
  margin-right: -25px;
}

.prolonging-offer > .offer-group > .offer .offer-inner > *:nth-child(0n +1) {
  margin-left: -25px;
}

.lt-ie10 .prolonging-offer > .offer-group > .offer .offer-inner > *:nth-child(0n +1) {
  clear: left;
}

.prolonging-offer > .offer-group > .offer .offer-inner > * {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  padding-left: 25px;
  padding-right: 25px;
  margin: 0 !important;
}

.prolonging-offer > .offer-group > .offer .offer-inner > *:first-child {
  padding-left: 0;
}

.prolonging-offer > .offer-group > .offer .offer-inner > *:last-child {
  padding-right: 0;
}

.lt-ie10 .prolonging-offer > .offer-group > .offer .offer-inner {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 10;
}

.lt-ie10 .prolonging-offer > .offer-group > .offer .offer-inner:after,
.lt-ie10 .prolonging-offer > .offer-group > .offer .offer-inner:before {
  display: none;
}

.lt-ie10 .prolonging-offer > .offer-group > .offer .offer-inner > * {
  float: none;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}

.prolonging-offer > .offer-group > .offer .offer-inner .subscription-info {
  padding-bottom: 20px;
  text-align: center;
}

.prolonging-offer > .offer-group > .offer .offer-inner .subscription-info span {
  color: #30302e;
}

.prolonging-offer > .offer-group > .offer .offer-inner .subscription-info span:first-of-type {
  font-weight: 600;
}

.prolonging-offer > .offer-group > .offer .offer-inner .offer-pic {
  position: relative;
}

.prolonging-offer > .offer-group > .offer .offer-inner .offer-pic .image-container {
  overflow: hidden;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .prolonging-offer > .offer-group > .offer .offer-inner .offer-pic .image-container {
    width: 115%;
    margin-left: -15%;
  }
}

@media screen and (max-width: 768px) {
  .prolonging-offer > .offer-group > .offer .offer-inner .offer-pic .image-container {
    width: 160%;
    margin-left: -60%;
  }
}

.prolonging-offer > .offer-group > .offer .offer-inner .offer-pic + div {
  -webkit-flex-grow: 1.25;
  -moz-flex-grow: 1.25;
  -ms-flex-grow: 1.25;
  -ms-flex-positive: 1.25;
  flex-grow: 1.25;
  -ms-flex: 1.25;
}

.prolonging-offer > .offer-group > .offer .offer-inner h2 {
  font-size: 32px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .prolonging-offer > .offer-group > .offer .offer-inner h2 {
    font-size: 28px;
  }
}

@media screen and (max-width: 768px) {
  .prolonging-offer > .offer-group > .offer .offer-inner h2 {
    font-size: 28px;
  }
}

.prolonging-offer > .offer-group > .offer .offer-inner h2 + h3 {
  margin-top: 2rem;
}

.prolonging-offer > .offer-group > .offer .offer-inner h3 {
  font-weight: 600;
  font-size: 1rem;
}

.prolonging-offer > .offer-group > .offer .offer-inner h3 + p {
  margin-top: 0;
}

.prolonging-offer > .offer-group > .offer .offer-inner .info {
  color: #7f7f7c;
  margin-top: 1.5rem;
  line-height: 1.5rem;
}

.prolonging-offer > .offer-group > .offer .offer-inner .info b {
  color: #30302e;
  font-weight: 600;
  font-size: 1rem;
}

.prolonging-offer > .offer-group > .offer .offer-inner p {
  color: #30302e;
}

.prolonging-offer > .offer-group > .offer .offer-inner .btn {
  color: #30302e;
  border-color: #30302e;
  margin-top: 1rem;
}

.prolonging-offer > .offer-group > .offer .offer-inner .btn:hover {
  background-color: #30302e;
  border-color: #30302e;
  color: #fff;
}

.prolonging-offer > .offer-group > .offer .offer-inner .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.prolonging-offer > .offer-group > .offer .offer-inner .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.prolonging-offer > .offer-group > .offer .offer-inner .btn.loading:after {
  background-color: #999;
}

.prolonging-offer > .offer-group > .offer .offer-inner .bubble {
  position: absolute;
  bottom: auto;
  top: 50%;
  left: auto;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-transform: translate(-30%, -80%);
  -ms-transform: translate(-30%, -80%);
  transform: translate(-30%, -80%);
}

.lt-ie10 .prolonging-offer > .offer-group > .offer .offer-inner .bubble {
  -webkit-filter: none;
  filter: none;
  opacity: 0.8;
}

.company .prolonging-offer > .offer-group > .offer .offer-inner .bubble {
  *background-color: rgba(31, 153, 201, 0.8);
  background-image: linear-gradient(to right, rgba(81, 193, 193, 0.8), rgba(31, 153, 201, 0.8));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc51c1c1', endColorstr='#cc1f99c9', GradientType=1);
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .prolonging-offer > .offer-group > .offer .offer-inner .bubble {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .prolonging-offer > .offer-group > .offer .offer-inner .bubble {
    display: none;
  }
}

.prolonging-offer > .offer-group > .offer .offer-inner .price-box {
  margin-top: 2rem;
}

@media screen and (max-width: 768px) {
  .prolonging-offer {
    display: block;
    width: auto;
  }

  .prolonging-offer > .offer-group {
    width: auto;
    display: block;
  }

  .prolonging-offer > .offer-group:first-child > .offer {
    padding: 0 25px 0px 25px;
    max-width: none;
  }

  .prolonging-offer > .offer-group:first-child > .offer .offer-inner {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .lt-ie10 .prolonging-offer > .offer-group:first-child > .offer .offer-inner {
    display: block;
    *zoom: 1;
  }

  .lt-ie10 .prolonging-offer > .offer-group:first-child > .offer .offer-inner:before,
  .lt-ie10 .prolonging-offer > .offer-group:first-child > .offer .offer-inner:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .lt-ie10 .prolonging-offer > .offer-group:first-child > .offer .offer-inner:after {
    clear: both;
  }

  .lt-ie10 .prolonging-offer > .offer-group:first-child > .offer .offer-inner > * {
    float: left;
  }

  .prolonging-offer > .offer-group:first-child > .offer .offer-inner > * {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(Infinity% + Infinitypx);
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }

  .prolonging-offer > .offer-group:first-child > .offer .offer-inner > *:nth-child(0n) {
    margin-right: -15px;
  }

  .prolonging-offer > .offer-group:first-child > .offer .offer-inner > *:nth-child(0n +1) {
    margin-left: -15px;
  }

  .lt-ie10 .prolonging-offer > .offer-group:first-child > .offer .offer-inner > *:nth-child(0n +1) {
    clear: left;
  }

  .prolonging-offer > .offer-group:first-child > .offer .offer-inner > * {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-basis: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 !important;
  }

  .prolonging-offer > .offer-group:first-child > .offer .offer-inner > *:first-child {
    padding-left: 0;
  }

  .prolonging-offer > .offer-group:first-child > .offer .offer-inner > *:last-child {
    padding-right: 0;
  }

  .lt-ie10 .prolonging-offer > .offer-group:first-child > .offer .offer-inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    position: relative;
    z-index: 10;
  }

  .lt-ie10 .prolonging-offer > .offer-group:first-child > .offer .offer-inner:after,
  .lt-ie10 .prolonging-offer > .offer-group:first-child > .offer .offer-inner:before {
    display: none;
  }

  .lt-ie10 .prolonging-offer > .offer-group:first-child > .offer .offer-inner > * {
    float: none;
    display: table-cell;
    vertical-align: top;
    margin: 0;
  }

  .prolonging-offer > .offer-group:first-child > .offer .offer-inner h3 {
    margin-top: 10px;
    font-family: 'Helvetica', Arial;
    font-size: 1rem;
    line-height: 1.3em;
    font-weight: 600;
  }

  .prolonging-offer > .offer-group:first-child > .offer .offer-inner .offer-pic + div {
    -webkit-flex-grow: 2.5;
    -moz-flex-grow: 2.5;
    -ms-flex-grow: 2.5;
    -ms-flex-positive: 2.5;
    flex-grow: 2.5;
  }
}

.lt-ie10 .prolonging-offer > .offer .offer-inner > * {
  vertical-align: top;
}

.prolonging-offer {
  background-color: #f2f2f2;
  transition: max-height 300ms ease-in;
  max-height: 600px;
}

.prolonging-offer.collapsed {
  max-height: 0;
}

.lt-ie10 .prolonging-offer.collapsed {
  display: none !important;
  visibility: hidden;
}

.prolonging-offer .offer-expander {
  transition: opacity 300ms ease-in;
  opacity: 0;
  height: 0;
  position: relative;
  text-align: center;
}

.prolonging-offer .offer-expander .expandable-content {
  margin-top: 2%;
}

@media screen and (max-width: 659px) {
  .prolonging-offer .offer-expander .expandable-content {
    margin-top: 21px;
  }
}

@media screen and (min-width: 544px) and (max-width: 768px) {
  .prolonging-offer .offer-expander .expandable-content {
    margin-top: 50px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .prolonging-offer .offer-expander .expandable-content {
    margin-top: 25px;
  }
}

@media screen and (min-width: 1025px) {
  .prolonging-offer .offer-expander .expandable-content {
    margin-top: 21px;
  }
}

.prolonging-offer .offer-expander.visible {
  opacity: 1;
  height: 100px;
}

.prolonging-offer .offer-container {
  transition: opacity 300ms ease-in;
  opacity: 0;
  padding-bottom: 10px;
}

.lt-ie10 .prolonging-offer .offer-container {
  display: none !important;
}

.prolonging-offer .offer-container.expanded {
  opacity: 1;
}

.lt-ie10 .prolonging-offer .offer-container.expanded {
  display: table !important;
}

@media screen and (max-width: 768px) {
  .prolonging-offer .offer-container.expanded {
    padding-top: 0px;
  }
}

.prolonging-offer .offer-collapser.expandable-content {
  -webkit-transform: translate(-2px, 20px);
  -ms-transform: translate(-2px, 20px);
  transform: translate(-2px, 20px);
}

@media screen and (max-width: 768px) {
  .prolonging-offer .offer-collapser.expandable-content {
    padding-top: 12px;
    -webkit-transform: translate(-2px, 10px);
    -ms-transform: translate(-2px, 10px);
    transform: translate(-2px, 10px);
  }
}

.prolonging-offer .offer-collapser > span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.prolonging-offer .offer-group {
  padding: 60px 0 0px 0;
}

@media screen and (max-width: 768px) {
  .prolonging-offer .offer-group {
    padding: 36px 0 0px 0;
  }
}

.prolonging-offer .offer-inner {
  position: relative;
}

.offer-tongue {
  width: 180px;
  margin: 0 auto;
  margin-bottom: 2em;
  display: block;
  transition: opacity 300ms ease-in;
  position: relative;
  z-index: -1;
  top: -1px;
  opacity: 0;
}

.offer-tongue:after {
  content: '';
  background-image: url('/gui/svg/tongue.svg');
  background-repeat: no-repeat;
  fill: #fff;
  height: 24px;
  display: block;
  margin: 0 auto;
}

.offer-tongue.visible {
  opacity: 1;
}

.prolonging-offer-shop .expandable-content > span {
  text-align: left;
}

.prolonging-offer-shop .action-row {
  margin-top: 2em;
}

.prolonging-offer-shop .action-row hr {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.prolonging-offer-shop .action-row .btn.btn-disabled {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}

@media screen and (max-width: 768px) {
  .prolonging-offer-shop .action-row .btn {
    display: block;
    width: 100%;
  }
}

.prolonging-offer-shop .action-row .btn + .info-bubble {
  margin-top: 2rem;
  z-index: 1;
  position: relative;
}

@media screen and (min-width: 1025px) {
  .prolonging-offer-shop .action-row .btn + .info-bubble {
    margin-top: 0;
    margin-left: 20px;
  }
}

.prolonging-offer-shop .action-row .confirm-eula {
  display: block;
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .prolonging-offer-shop .action-row .confirm-eula {
    display: block;
    margin-left: 0;
    margin-top: 2rem;
  }
}

.prolonging-offer-shop .shop-order {
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: all .5s;
  position: relative;
  padding: 0 50px!important;
}

.prolonging-offer-shop .shop-order.active {
  padding: 80px 50px!important;
  visibility: visible;
  opacity: 1;
}

.prolonging-offer-shop .shop-order.no-trans {
  transition: all 0s;
}

@media screen and (max-width: 768px) {
  .prolonging-offer-shop .shop-order {
    padding: 0 25px!important;
  }

  .prolonging-offer-shop .shop-order.active {
    padding: 60px 25px 30px 25px!important;
  }
}

.prolonging-offer-shop .shop-order .action-row {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}

@media screen and (max-width: 768px) {
  .prolonging-offer-shop .shop-order .action-row a.btn {
    width: calc(50% - 0.7rem);
    display: inline-block;
  }
}

.prolonging-offer-shop .shop-order .action-row a.btn + a {
  margin-left: 1rem;
}

.prolonging-offer-shop .head {
  margin-top: 60px;
  text-align: center;
}

.prolonging-offer-shop .head p strong {
  color: #30302e;
}

.prolonging-offer-shop .treatment-error-container {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
  margin: 0 auto;
  padding-left: 25px !important;
  padding-right: 25px !important;
  max-width: 1064px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .prolonging-offer-shop .treatment-error-container {
    max-width: 852px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .prolonging-offer-shop .treatment-error-container {
    max-width: 852px;
  }
}

.prolonging-offer-shop .shop-group .shop-container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container {
  display: block;
  *zoom: 1;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container:before,
.lt-ie10 .prolonging-offer-shop .shop-group .shop-container:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container:after {
  clear: both;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > * {
  float: left;
}

.prolonging-offer-shop .shop-group .shop-container > * {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: calc(Infinity% + NaNpx);
  box-sizing: border-box;
  padding-left: 0px;
  padding-right: 0px;
}

.prolonging-offer-shop .shop-group .shop-container > *:nth-child(0n) {
  margin-right: 0px;
}

.prolonging-offer-shop .shop-group .shop-container > *:nth-child(0n +1) {
  margin-left: 0px;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > *:nth-child(0n +1) {
  clear: left;
}

.prolonging-offer-shop .shop-group .shop-container > * {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0 !important;
}

.prolonging-offer-shop .shop-group .shop-container > *:first-child {
  padding-left: 0;
}

.prolonging-offer-shop .shop-group .shop-container > *:last-child {
  padding-right: 0;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 10;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container:after,
.lt-ie10 .prolonging-offer-shop .shop-group .shop-container:before {
  display: none;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > * {
  float: none;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}

.prolonging-offer-shop .shop-group .shop-container:nth-child(2n+2) {
  z-index: 9;
}

.prolonging-offer-shop .shop-group .shop-container:nth-child(2n+2) .offer-group {
  z-index: 1;
}

.prolonging-offer-shop .shop-group .shop-container:nth-child(2n+2) .offer-group .offer .offer-inner .offer-pic {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.prolonging-offer-shop .shop-group .shop-container:nth-child(2n+2) .offer-group .offer .offer-inner .offer-info {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group {
  z-index: 2;
  background-position: center center;
  background-size: cover;
}

@media screen and (min-width: 769px) {
  .prolonging-offer-shop .shop-group .shop-container > .offer-group {
    min-height: 500px;
  }
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group hr {
  border-top: 2px solid #e5e5e5;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer {
  background-color: #f2f2f2;
  position: relative;
  box-sizing: border-box;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer:first-child {
  background-color: #fff;
  z-index: 1;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer:first-child hr {
  border-top: 2px solid #f2f2f2;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-top: 1rem;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 80px 50px;
  max-width: 1064px;
  margin: 0 auto;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner {
  display: block;
  *zoom: 1;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner:before,
.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner:after {
  clear: both;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner > * {
  float: left;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner > * {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: calc(Infinity% + Infinitypx);
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner > *:nth-child(0n) {
  margin-right: -15px;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner > *:nth-child(0n +1) {
  margin-left: -15px;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner > *:nth-child(0n +1) {
  clear: left;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner > * {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 !important;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner > *:first-child {
  padding-left: 0;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner > *:last-child {
  padding-right: 0;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 10;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner:after,
.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner:before {
  display: none;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner > * {
  float: none;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner > .grow-2 {
  -webkit-flex-grow: 2.1;
  -moz-flex-grow: 2.1;
  -ms-flex-grow: 2.1;
  -ms-flex-positive: 2.1;
  flex-grow: 2.1;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner > .grow-3 {
  -webkit-flex-grow: 3.2;
  -moz-flex-grow: 3.2;
  -ms-flex-grow: 3.2;
  -ms-flex-positive: 3.2;
  flex-grow: 3.2;
}

@media screen and (max-width: 768px) {
  .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner {
    display: block;
  }

  .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner > div {
    padding: 0;
  }

  .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner > div + div {
    margin-top: 1rem !important;
  }
}

@media screen and (max-width: 768px) {
  .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner {
    padding: 25px 25px 30px 25px;
  }
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .offer-pic {
  position: relative;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .offer-pic .image-container {
  overflow: hidden;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .offer-pic .image-container {
    width: 115%;
    margin-left: -15%;
  }
}

@media screen and (max-width: 768px) {
  .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .offer-pic .image-container {
    width: 160%;
    margin-left: -60%;
  }
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .offer-pic + div {
  -webkit-flex-grow: 1.25;
  -moz-flex-grow: 1.25;
  -ms-flex-grow: 1.25;
  -ms-flex-positive: 1.25;
  flex-grow: 1.25;
  -ms-flex: 1.25;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .offer-info {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .offer-info .fine-print {
  margin-top: 1rem;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .offer-info .fine-print p {
  color: #7f7f7c;
  line-height: 1.5em;
  font-size: .8rem;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .offer-info .logged-in-no-email p {
  line-height: 1.5em;
  color: #7f7f7c;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .offer-info .logged-in-no-email .form-control {
  margin-top: 1rem;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner h2 {
  font-size: 48px;
  margin-top: 0.5em;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner h2 {
    font-size: 28px;
  }
}

@media screen and (max-width: 768px) {
  .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner h2 {
    font-size: 28px;
  }
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner h2 + h3 {
  margin-top: 2rem;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner h3 {
  font-weight: 600;
  font-size: 1rem;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner h3 + p {
  margin-top: 0;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .product-info h4 {
  margin: 1em 0;
  line-height: 1.5em;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .product-info h4:first-child {
  line-height: 1em;
  color: #7f7f7c;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .expandable-content {
  margin: 1em 0 2em 0;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .device-config-color {
  margin-top: 1em;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .info-fee {
  margin: 1em 0 0 0;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .info-fee h6 {
  color: #7f7f7c;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .info-fee p {
  color: #7f7f7c;
  margin-top: .2rem;
  line-height: 1.5em;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .info {
  color: #30302e;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .info b {
  display: block;
  margin-top: 1rem;
  font-weight: 600;
  font-size: 1rem;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .logged-in h6 {
  color: #30302e;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .logged-in p {
  margin-top: .5rem;
  color: #7f7f7c;
  line-height: 1.5em;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .logged-in .cofirm-email {
  margin-top: 1.5rem;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .current-email {
  margin-top: 1rem;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .current-email span {
  color: #30302e;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .current-email span + a {
  display: inline-block;
  margin-left: 10px;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .change-email {
  margin-top: 1rem;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .change-email .input-wrapper {
  margin-bottom: .5rem;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .change-email a + a {
  padding-left: 5px;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .change-email .change-email-cancel {
  color: #7f7f7c;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .change-email .change-email-cancel:hover {
  color: #30302e;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner p {
  color: #30302e;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .message-bar p {
  color: white;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-customize:after {
  background-image: url('/gui/svg/tongue.svg');
  background-repeat: no-repeat;
  content: '';
  height: 32px;
  left: 50%;
  position: absolute;
  visibility: hidden;
  bottom: -33px;
  transition: all .5s;
  -webkit-transform: translate(-50%, 1px) rotate(180deg) scaleY(0);
  -ms-transform: translate(-50%, 1px) rotate(180deg) scaleY(0);
  transform: translate(-50%, 1px) rotate(180deg) scaleY(0);
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  width: 200px;
  z-index: 4;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-customize:before {
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .5s;
  visibility: hidden;
  z-index: 3;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-customize.overlay:after,
.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-customize.overlay:before {
  opacity: 1;
  visibility: visible;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-customize.active.overlay:after {
  -webkit-transform: translate(-50%, 1px) rotate(180deg) scaleY(1);
  -ms-transform: translate(-50%, 1px) rotate(180deg) scaleY(1);
  transform: translate(-50%, 1px) rotate(180deg) scaleY(1);
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-customize .btn {
  padding-left: 4.5em;
  position: relative;
  font-family: "helvetica", sans-serif;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-customize .btn:before {
  font-size: 3em;
  position: absolute;
  content: "B";
  font-family: "treiconNeue2", sans-serif;
  left: 0.3em;
  font-weight: normal;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .device-delivery-time-wrapper {
  word-spacing: 0;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .device-delivery-time-wrapper p {
  color: #7f7f7c;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order {
    position: relative;
  }
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .offer-pic-inner img {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .offer-pic-inner {
    padding-right: 30px;
  }
}

@media screen and (min-width: 769px) {
  .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .offer-info {
    position: relative;
  }
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order {
  position: absolute;
  right: 0;
  top: -40px;
  cursor: pointer;
  font-weight: 600;
  color: #30302e;
}

@media screen and (max-width: 768px) {
  .prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order {
    top: 20px;
    text-align: center;
    left: 0;
  }
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order i {
  border-radius: 3000px;
  border: 2px solid;
  position: relative;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 25px;
  width: 1em;
  height: 1em;
  display: block;
  display: inline-block;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order i:after,
.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order i:before {
  content: '';
  display: block;
  color: inherit;
  position: absolute;
  width: 1em;
  top: 50%;
  border-top: 2px solid;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order i:after {
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  -ms-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order i:before {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order i:after {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order i:after,
.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order i:before {
  content: '';
  display: block;
  color: inherit;
  position: absolute;
  width: 1em;
  top: 50%;
  border-top: 2px solid;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order i:after {
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  -ms-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order i:before {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order i:after {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order i:after,
.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner.shop-order .cancel-order i:before {
  width: 12px;
}

.prolonging-offer-shop .shop-group .shop-container > .offer-group > .offer .offer-inner .price-box {
  margin-top: 2rem;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container > .offer .offer-inner > * {
  vertical-align: top;
}

.lt-ie10 .prolonging-offer-shop .shop-group .shop-container .offer-group {
  height: 600px;
}

.prolonging-offer-shop .shop-group .shop-container:nth-child(2n+2) .offer-group .offer:first-child {
  background-color: #f2f2f2;
}

.prolonging-offer-shop .shop-group .shop-container:nth-child(2n+2) .offer-group .offer:first-child hr {
  border-color: #e6e6e6;
}

.prolonging-offer-shop .shop-group .shop-container:nth-child(2n+2) .offer-group .offer:first-child div.slideshow .inner:before {
  *background-color: rgba(242, 242, 242, 0);
  background-repeat: repeat-x;
  background-image: linear-gradient(90deg, #f2f2f2 80%, rgba(242, 242, 242, 0) 100%);
}

.prolonging-offer-shop .shop-group .shop-container:nth-child(2n+2) .offer-group .offer:first-child div.slideshow .inner:after {
  *background-color: #f2f2f2;
  background-repeat: repeat-x;
  background-image: linear-gradient(90deg, rgba(242, 242, 242, 0) 0%, #f2f2f2 20%);
}

html.lt-ie10 .prolonging-offer-shop .offer {
  padding-top: 1px;
  padding-bottom: 1px;
}

html.lt-ie10 .prolonging-offer-shop .offer .offer-inner {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

html.lt-ie10 .prolonging-offer-shop .offer .offer-inner.shop-order {
  display: none !important;
}

html.lt-ie10 .prolonging-offer-shop .offer .offer-inner.shop-order.active {
  display: table !important;
  height: auto !important;
}

.puffs .flex-list,
.puffs .flex-list .flex-list-item {
  border: 0 !important;
}

.puffs .flex-list > .flex-list-item {
  position: relative;
}

.puffs .flex-list > .flex-list-item:first-child {
  background-color: #e0dcd0;
}

.puffs .flex-list > .flex-list-item:first-child > .background {
  background-position: 100% 50%;
  right: 45%;
}

.puffs .flex-list > .flex-list-item:first-child > .inner > div {
  margin-left: 50%;
}

.puffs .flex-list > .flex-list-item:first-child .btn {
  color: #30302e;
  border-color: #30302e;
}

.puffs .flex-list > .flex-list-item:first-child .btn:hover {
  background-color: #30302e;
  border-color: #30302e;
  color: #fff;
}

.puffs .flex-list > .flex-list-item:first-child .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.puffs .flex-list > .flex-list-item:first-child .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.puffs .flex-list > .flex-list-item:first-child .btn.loading:after {
  background-color: #999;
}

.puffs .flex-list > .flex-list-item:first-child p {
  color: #30302e;
}

.company .puffs .flex-list > .flex-list-item:first-child {
  background-color: #51c1c1;
}

.company .puffs .flex-list > .flex-list-item:first-child h2,
.company .puffs .flex-list > .flex-list-item:first-child p {
  color: #fff;
}

.company .puffs .flex-list > .flex-list-item:first-child .btn {
  color: #fff;
  border-color: #fff;
}

.company .puffs .flex-list > .flex-list-item:first-child .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

.company .puffs .flex-list > .flex-list-item:first-child .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.company .puffs .flex-list > .flex-list-item:first-child .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.company .puffs .flex-list > .flex-list-item:first-child .btn.loading:after {
  background-color: #999;
}

.puffs .flex-list > .flex-list-item:last-child {
  *background-color: #ec7575;
  background-image: linear-gradient(to right, #f18d2d, #ec7575);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff18d2d', endColorstr='#ffec7575', GradientType=1);
}

@media screen and (max-width: 768px) {
  .puffs .flex-list > .flex-list-item:last-child {
    *background-color: rgba(236, 117, 117, 0.9);
    background-image: linear-gradient(to right, rgba(241, 141, 45, 0.9), rgba(236, 117, 117, 0.9));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f18d2d', endColorstr='#e6ec7575', GradientType=1);
  }

  .company .puffs .flex-list > .flex-list-item:last-child {
    *background-color: rgba(31, 153, 201, 0.9);
    background-image: linear-gradient(to right, rgba(81, 193, 193, 0.9), rgba(31, 153, 201, 0.9));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e651c1c1', endColorstr='#e61f99c9', GradientType=1);
  }
}

.puffs .flex-list > .flex-list-item:last-child > .background {
  background-position: 0 50%;
  left: 45%;
}

.puffs .flex-list > .flex-list-item:last-child h2,
.puffs .flex-list > .flex-list-item:last-child p {
  color: #fff;
}

.puffs .flex-list > .flex-list-item:last-child .btn {
  color: #fff;
  border-color: #fff;
}

.puffs .flex-list > .flex-list-item:last-child .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

.puffs .flex-list > .flex-list-item:last-child .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.puffs .flex-list > .flex-list-item:last-child .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.puffs .flex-list > .flex-list-item:last-child .btn.loading:after {
  background-color: #999;
}

.company .puffs .flex-list > .flex-list-item:last-child {
  background-image: none;
  background-color: #f2f2f2;
}

.company .puffs .flex-list > .flex-list-item:last-child h2,
.company .puffs .flex-list > .flex-list-item:last-child p {
  color: #30302e;
}

.company .puffs .flex-list > .flex-list-item:last-child .btn {
  color: #30302e;
  border-color: #30302e;
}

.company .puffs .flex-list > .flex-list-item:last-child .btn:hover {
  background-color: #30302e;
  border-color: #30302e;
  color: #fff;
}

.company .puffs .flex-list > .flex-list-item:last-child .btn.loading {
  border-color: #f2f2f2;
  background-color: #bfbfbf;
  color: #999;
  cursor: default;
}

.company .puffs .flex-list > .flex-list-item:last-child .btn.loading:hover {
  background-color: #bfbfbf !important;
  color: #999;
}

.company .puffs .flex-list > .flex-list-item:last-child .btn.loading:after {
  background-color: #999;
}

@media screen and (max-width: 768px) {
  .puffs .flex-list > .flex-list-item p {
    line-height: 1.5em;
    margin-top: 0.5em;
  }
}

.puffs .flex-list > .flex-list-item > .background {
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 400px;
}

.puffs .flex-list > .flex-list-item > .inner {
  z-index: 2;
  position: relative;
  padding-left: 50px;
  padding-right: 50px;
  text-align: left;
}

.puffs .flex-list > .flex-list-item > .inner > div {
  width: 50%;
}

.right-image-module {
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  overflow: visible;
  position: relative;
  padding-top: 20px;
}

.right-image-module .before-hint-arrow {
  margin-bottom: 90px;
}

.right-image-module .container {
  position: relative;
  min-height: 500px;
}

.right-image-module h2 {
  font-size: 3.53846154em;
  margin: 90px 0 45px 0;
  padding: 0;
}

.right-image-module p {
  margin-bottom: 50px;
}

.right-image-module .button {
  font-size: 1.23076923em;
  line-height: 2.5em;
  height: 2.5em;
  margin-bottom: 90px;
}

.right-image-module .scaling-image {
  background-repeat: no-repeat;
  background-position: bottom right;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 328px;
  position: absolute;
}

@media screen and (max-width: 659px) {
  .right-image-module h2 {
    margin: 60px 0 25px 0;
  }

  .right-image-module p {
    font-size: 1.38461538em;
    margin-bottom: 20px;
  }

  .right-image-module .row .span11 {
    width: 60%;
  }

  .right-image-module .button {
    margin-bottom: 110px;
  }

  .right-image-module .hint-arrow {
    background-position: 93% bottom;
    padding-right: 0;
    padding-bottom: 30px;
  }

  .right-image-module .scaling-image {
    background-attachment: local, local;
    background-position: 0 bottom;
    background-size: 150% auto;
    right: -15%;
    width: 50%;
  }
}

.shopflow-header-expandible {
  position: relative;
  display: block;
  height: auto;
}

.shopflow-header-expandible > .container {
  padding-top: 30px;
  transition: padding-top 0.5s;
  position: relative;
}

.shopflow-header-expandible > .container:before {
  content: '';
  position: absolute;
  top: 20px;
  right: 4px;
  border-top: 0;
  border-left: transparent 10px solid;
  border-right: transparent 10px solid;
  border-bottom: #f2f2f2 10px solid;
  transition: all 0.5s ease 0.1s;
}

.shopflow-header-expandible .crop {
  height: 0;
  transition: all 0.3s;
  overflow: hidden;
}

.shopflow-header-expandible .crop .inner label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5em;
}

.shopflow-header-expandible .crop .inner .show-more-bar {
  background-color: transparent !important;
  background-image: none !important;
}

.shopflow-header-expandible .crop .inner .show-more-bar a {
  padding-top: 0 !important;
}

.shopflow-header-expandible.collapsed > .container:before {
  top: 40px;
  visibility: hidden;
  transition: all 0.1s ease 0s;
}

.shopflow-header-expandible.collapsed .shopflow-header-expandible-button {
  -webkit-tap-highlight-color: transparent;
}

.shopflow-header-expandible.collapsed .shopflow-header-expandible-button:before {
  content: "V";
}

.shopflow-header-expandible .shopflow-header-expandible-button {
  cursor: pointer;
  line-height: 1.3em;
  font-size: 1.07692308em;
  color: #30302e;
  position: absolute;
  top: -50px;
  right: 0;
  transition: right 0.3s;
  box-shadow: #fff 0 0 30px 20px, #fff -170px 0 30px 20px;
  text-align: right;
  padding-right: 3em;
  background-color: #fff;
}

@media screen and (min-width: 660px) and (max-width: 768px) {
  .shopflow-header-expandible .shopflow-header-expandible-button {
    top: -80px;
  }
}

.shopflow-header-expandible .shopflow-header-expandible-button:before {
  content: 'X';
  font-family: 'treicon', serif;
  position: absolute;
  right: 0;
  top: -0.05em;
  line-height: 1em;
  font-size: 2.7em;
  text-align: center;
  width: 0.8em;
  color: #EE4A56;
}

.company .shopflow-header-expandible .shopflow-header-expandible-button:before {
  color: #51c1c1;
}

.shopflow-header-expandible .shopflow-header-expandible-button:active:before {
  -webkit-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  transform: translate(0, 1px);
}

.shopflow-header-expandible .shopflow-header-expandible-button strong {
  display: block;
  line-height: 2.28571429em;
}

@media screen and (max-width: 659px) {
  .shopflow-header-expandible {
    background-color: #eee;
    margin-top: 1.8em;
  }

  .shopflow-header-expandible .container.color-fill {
    background-color: transparent;
    color: #7f7f7c;
    font-weight: 600;
  }

  .shopflow-header-expandible .container:before,
  .shopflow-header-expandible .container:after {
    display: none;
  }

  .shopflow-header-expandible .container .inner {
    padding: 0;
  }

  .shopflow-header-expandible.collapsed .shopflow-header-expandible-button:before {
    content: 'w';
  }

  .shopflow-header-expandible .shopflow-header-expandible-button {
    font-size: 1.33333333em;
    position: relative;
    top: auto;
    right: auto;
    text-align: left;
    line-height: 4em;
    color: #F7931D;
    box-shadow: none;
    background-color: transparent;
  }

  .shopflow-header-expandible .shopflow-header-expandible-button:before {
    font-size: 1.66666667em;
    content: "x";
    top: 0.6em;
  }

  .shopflow-header-expandible .shopflow-header-expandible-button span {
    display: none;
  }
}

.subscription-list .shopflow-header-expandible .container:before {
  border-bottom-color: #F7931D;
}

/************************************
OLD SHOPFLOW AFTER THIS!
************************************/

#shopflow-wrapper {
  margin-top: 2.30769231em;
}

#shopflow-wrapper .no-device-link {
  line-height: 1;
}

#shopflow-wrapper .no-device-link .shopping-cart-call-to-action {
  font-weight: 600;
  cursor: pointer;
}

#shopflow-wrapper .no-device-link .shopping-cart-call-to-action:hover {
  text-decoration: none;
}

#shopflow-wrapper p.ingress {
  margin-top: 0;
  font-size: 1.077em;
  font-weight: 600;
}

#shopflow-wrapper .shopflow-ingress {
  overflow: hidden;
}

#shopflow-wrapper .shopflow-ingress img {
  float: right;
}

#shopflow-wrapper [class*="icon"] {
  font-size: 2.143em;
  line-height: 0em;
}

#shopflow-wrapper .product-features.multi-select th {
  vertical-align: top;
}

#shopflow-wrapper .product-features span.product-feature {
  display: block;
}

#shopflow-wrapper .menu-bar {
  margin-top: 2em;
  margin-bottom: 0.2em;
  background-color: #F7931D;
}

#shopflow-wrapper .menu-bar ul {
  list-style: none;
  list-style-type: none;
  margin: 0em;
  padding: 0em;
  color: #fff;
}

#shopflow-wrapper .menu-bar ul li {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
  -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
  float: left;
  position: relative;
  width: 18em;
  text-align: center;
  *background-color: rgba(255, 255, 255, 0);
  background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1px 100%;
}

#shopflow-wrapper .menu-bar ul li:focus {
  outline: none !important;
}

#shopflow-wrapper .menu-bar ul li:last-child {
  background-size: 0px 0%;
}

#shopflow-wrapper .menu-bar ul li > [class*="icon"] {
  display: none;
  position: absolute;
  top: 1em;
  right: 0;
}

#shopflow-wrapper .menu-bar ul li > a,
#shopflow-wrapper .menu-bar ul li > span {
  cursor: pointer;
  line-height: 5em;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  width: 100%;
}

#shopflow-wrapper .menu-bar ul li > a:hover,
#shopflow-wrapper .menu-bar ul li > span:hover,
#shopflow-wrapper .menu-bar ul li > a:active,
#shopflow-wrapper .menu-bar ul li > span:active,
#shopflow-wrapper .menu-bar ul li > a:visited,
#shopflow-wrapper .menu-bar ul li > span:visited {
  text-decoration: none;
}

#shopflow-wrapper .menu-bar ul li .triangle {
  display: none;
  width: 0em;
  height: 0em;
  border-style: solid;
  border-width: 0 12.5px 15px 12.5px;
  position: absolute;
  bottom: 0em;
  left: 8em;
  border-color: transparent transparent #fff transparent;
}

#shopflow-wrapper .menu-bar ul li.active {
  background-color: #F7931D;
}

#shopflow-wrapper .menu-bar ul li.active > a,
#shopflow-wrapper .menu-bar ul li.active > span {
  font-weight: 600;
}

#shopflow-wrapper .menu-bar ul li.active .triangle {
  display: block;
}

#shopflow-wrapper .menu-bar ul li:hover {
  background-color: #F7931D;
}

#shopflow-wrapper .menu-bar.auto-size ul li {
  width: inherit;
  display: inline;
  cursor: pointer;
}

#shopflow-wrapper .menu-bar.auto-size ul li > a,
#shopflow-wrapper .menu-bar.auto-size ul li > span {
  display: inline;
  padding: 2em;
}

#shopflow-wrapper .menu-bar.auto-size ul li .triangle {
  left: 36%;
}

#shopflow-wrapper #device-header {
  padding-bottom: 1em;
  padding-top: 3em;
}

#shopflow-wrapper #device-header .device-title {
  margin-top: .4em;
}

#shopflow-wrapper #device-header .lowest-cost-text {
  display: block;
  line-height: 1;
  margin-top: .5em;
}

#shopflow-wrapper #device-header p.ingress {
  margin-top: 1.5em;
}

#shopflow-wrapper #device-header strong {
  font-weight: 600;
}

#shopflow-wrapper #device-header h4 {
  font-size: 1.231em;
  font-weight: 600;
  margin-top: 0em;
}

#shopflow-wrapper #device-header .row {
  margin-top: 2em;
  margin-bottom: 2em;
}

#shopflow-wrapper #device-header [class*="button"] {
  background-color: #f2f2f2;
  color: #7f7f7c;
}

#shopflow-wrapper #device-header [class*="button"].selected {
  background-color: #EE4A56;
  color: #fff;
}

#shopflow-wrapper #device-header [class*="button"].disabled {
  cursor: default;
  color: #999;
}

#shopflow-wrapper #device-header input[type="radio"] {
  margin-right: 0.5em;
}

#shopflow-wrapper #device-header .device-variants .device-sizes {
  margin-top: 3.5em;
  line-height: 2.9;
}

#shopflow-wrapper #recommendations-div {
  *background-color: rgba(255, 255, 255, 0);
  background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: top center;
}

#shopflow-wrapper #subscription-bar {
  background-color: #f2f2f2;
  line-height: 3em;
  margin-top: 1em;
}

#shopflow-wrapper #subscription-bar .row {
  margin-top: 1em;
  margin-bottom: 1em;
}

#shopflow-wrapper #subscription-bar a {
  color: #f1696b;
  font-weight: 600;
  margin-right: 2em;
}

#shopflow-wrapper #subscription-bar p {
  display: inline-block;
  margin-top: 0em;
  margin-bottom: 0em;
  font-size: 1.077em;
}

#shopflow-wrapper #subscription-bar div.from-right {
  text-align: right;
}

#shopflow-wrapper #subscription-bar [class^="button"] {
  font-size: 12px;
  color: #fff;
}

#shopflow-wrapper .addon-list .color-list {
  margin-top: 5px;
}

#shopflow-wrapper .addon-list .align-with-text {
  height: 11px;
}

#shopflow-wrapper .addon-list .show-more-hidden {
  display: none;
}

#shopflow-wrapper .addon-list > .container > .row {
  *background-color: rgba(255, 255, 255, 0);
  background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: top center;
  padding-top: 2em;
  padding-bottom: 2em;
}

#shopflow-wrapper .addon-list > .container > .row.first-item {
  background-size: 0;
}

#shopflow-wrapper .addon-list > .container > .row .regular-price {
  position: relative;
}

#shopflow-wrapper .addon-list > .container > .row .regular-price img {
  left: 0;
  top: 3px;
  position: absolute;
}

#shopflow-wrapper .addon-list h2 {
  font-size: 2.769em;
}

#shopflow-wrapper .addon-list h4 {
  margin-top: 0em;
  font-weight: 600;
  font-size: 1.231em;
}

#shopflow-wrapper .addon-list a {
  margin-top: 1em;
  display: block;
}

#shopflow-wrapper .addon-list a.read-more {
  font-weight: 600;
}

#shopflow-wrapper .addon-list .read-more-bubble a {
  font-weight: 600;
}

#shopflow-wrapper .addon-list .suffix {
  font-size: 1.231em;
  font-weight: 600;
}

#shopflow-wrapper .addon-list [class*="button"] {
  background-color: #f2f2f2;
  color: #7f7f7c;
  line-height: 2.154em;
  display: inline-block;
  margin-left: 8em;
  margin-right: 3em;
  padding: 0;
  font-size: 12px;
  width: 85px;
  height: 2.1em;
  line-height: 2.2;
}

#shopflow-wrapper .addon-list [class*="button"] i {
  display: none;
}

#shopflow-wrapper .addon-list [class*="button"].selected {
  background-color: #EE4A56;
  color: #fff;
  padding: 0;
}

#shopflow-wrapper .addon-list [class*="button"].selected i {
  display: inline-block;
  margin-right: 0.35em;
  line-height: 0.5em;
}

#shopflow-wrapper .addon-list dl {
  margin-bottom: 0em;
  margin-top: 0em;
  margin-right: 3em;
  float: right;
}

#shopflow-wrapper .addon-list dl dt {
  float: left;
  clear: left;
  margin-bottom: 1em;
  padding-top: 0.2em;
  display: block;
  position: relative;
}

#shopflow-wrapper .addon-list dl dt input {
  margin-right: 0.5em;
}

#shopflow-wrapper .addon-list dl dt .radio {
  /*margin-top:-10px;*/
}

#shopflow-wrapper .addon-list dl dt.none-item {
  margin-left: -8em;
  margin-bottom: -2em;
}

#shopflow-wrapper .addon-list dl dd {
  float: right;
  margin: 0;
}

#shopflow-wrapper .addon-list dl dd .suffix {
  font-size: 1.231em;
  font-weight: 600;
}

#shopflow-wrapper .addon-list.highlight {
  background-color: #F7931D;
  color: #fff;
  margin-top: 2em;
  margin-bottom: 2em;
}

#shopflow-wrapper .addon-list.highlight .row {
  *background-color: rgba(255, 255, 255, 0);
  background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: bottom center;
}

#shopflow-wrapper .addon-list.highlight [class*="button"] {
  background-color: #F7931D;
}

#shopflow-wrapper .addon-list.highlight [class*="button"].selected {
  background-color: #EE4A56;
}

#shopflow-wrapper .addon-list.highlight h3 {
  margin-top: 0.5em;
}

#shopflow-wrapper .addon-list.highlight a {
  color: #fff;
  font-weight: 600;
}

#shopflow-wrapper .addon-list.highlight .read-more-bubble {
  color: #7f7f7c;
}

#shopflow-wrapper .addon-list.highlight .read-more-bubble a {
  color: #f18d2d;
}

#shopflow-wrapper .read-more-bubble {
  background-color: #f2f2f2;
}

#shopflow-wrapper .read-more-bubble h2 {
  margin: 0.5em 0 0 0;
}

#shopflow-wrapper .read-more-bubble .container {
  position: relative;
  padding-left: 6em;
  padding-bottom: 2em;
}

#shopflow-wrapper .read-more-bubble .container .triangle {
  width: 0em;
  height: 0em;
  border-style: solid;
  border-width: 0 12.5px 15px 12.5px;
  position: absolute;
  top: -1em;
  left: 13.5em;
  border-color: transparent transparent #f2f2f2 transparent;
}

#shopflow-wrapper .read-more-bubble .icon-close {
  margin-top: 0.5em;
}

#shopflow-wrapper .read-more-bubble a.button {
  color: #f48158;
  margin-left: 0em;
  font-weight: 600;
}

#shopflow-wrapper .read-more-bubble a.button i {
  vertical-align: sub;
  line-height: 0.2em;
  display: inline-block;
  margin-right: 0.3em;
  margin-left: -0.5em;
}

#shopflow-wrapper .show-more-bar {
  position: relative;
  text-align: center;
  *background-color: rgba(255, 255, 255, 0);
  background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: bottom center;
  background-color: #f2f2f2;
}

#shopflow-wrapper .show-more-bar .triangle {
  position: absolute;
  left: 49.5%;
  top: -0.1em;
  width: 0em;
  height: 0em;
  border-style: solid;
  border-width: 15px 12.5px 0 12.5px;
  border-color: #fff transparent transparent transparent;
}

#shopflow-wrapper .show-more-bar a {
  color: #f1696b;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

#shopflow-wrapper .color-fill-plate #filter-bar {
  background-size: 0% 0px !important;
}

#shopflow-wrapper .repeater-list li {
  display: none;
}

#shopflow-wrapper .repeater-list li.active {
  display: inline-block;
}

#shopflow-wrapper .repeater-list li.active.st-selected .triangle {
  position: absolute;
  left: 50%;
  bottom: -2em;
  width: 0em;
  height: 0em;
  border-style: solid;
  border-width: 0 12.5px 15px 12.5px;
  border-color: transparent transparent #f2f2f2 transparent;
  display: block;
}

#shopflow-wrapper #MainContent_features .triangle {
  display: none;
}

#shopflow-wrapper #MainContent_features h2 {
  margin-top: 0em;
}

#shopflow-wrapper #pott-container {
  display: none;
}

#shopflow-wrapper #pott-container .addon-list {
  display: none;
}

#shopflow-wrapper #pott-graph-container {
  margin-top: 1em;
}

#shopflow-wrapper #pott-graph-container h2 {
  margin-top: 0em;
  display: inline-block;
}

#shopflow-wrapper #pott-graph-container h2.mobile {
  display: none;
}

#shopflow-wrapper #pott-graph-container .suffix {
  font-weight: 600;
}

#shopflow-wrapper #pott-graph-container #monthly-pott-cost {
  float: right;
}

#shopflow-wrapper #pott-graph-container #monthly-pott-cost .t-large-price {
  margin-left: 0.5em;
}

#shopflow-wrapper #pott-graph-container #overflow {
  float: right;
  clear: both;
}

#shopflow-wrapper #pott-graph-container #overflow .t-large-price {
  margin-left: 0.5em;
}

#shopflow-wrapper #pott-graph-container #graph-wrapper {
  position: relative;
}

#shopflow-wrapper #pott-graph-container #graph-wrapper #graph {
  background-color: #7f7f7c;
  color: #fff;
  width: 100%;
  height: 2em;
  text-align: right;
  box-sizing: border-box;
  margin-top: 3em;
  margin-bottom: 0.5em;
  border-radius: 5em;
  position: relative;
}

#shopflow-wrapper #pott-graph-container #graph-wrapper #graph .graph-item {
  background-color: #fff;
  color: #7f7f7c;
  font-weight: 600;
  height: 100%;
  float: left;
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
  overflow: hidden;
  line-height: 1.6em;
  box-sizing: border-box;
  border: 2px solid #7f7f7c;
  border-radius: 5em;
  margin-right: -2px;
}

#shopflow-wrapper #pott-graph-container #graph-wrapper #graph .graph-item:first-child {
  margin-right: 0px;
}

#shopflow-wrapper #pott-graph-container #graph-wrapper #graph .remaining {
  color: #fff;
  text-align: right;
  font-weight: 400;
  position: absolute;
  right: 1em;
  top: 0.2em;
}

#shopflow-wrapper #pott-graph-container #graph-wrapper .graph-item-price {
  float: left;
  padding-left: 1em;
  box-sizing: border-box;
}

#shopflow-wrapper #pott-graph-container #graph-wrapper .graph-item-price.remaining {
  text-align: right;
  padding-left: 0em;
  padding-right: 1em;
  position: absolute;
  right: 0em;
}

#shopflow-wrapper #pott-graph-container #graph-wrapper .graph-item-price .description {
  display: none;
  font-size: 1.077em;
  font-weight: 600;
}

#shopflow-wrapper #interestForm {
  background-color: #f2f2f2;
  line-height: 3em;
  padding-top: 3em;
  padding-bottom: 3em;
  margin-top: 2em;
}

#shopflow-wrapper #interestForm .row.thanks {
  display: none;
}

#shopflow-wrapper #interestForm .row.thanks span {
  font-size: 1.538em;
}

#shopflow-wrapper #interestForm div.errorMessage {
  color: #f1696b;
  font-weight: 600;
  display: block;
}

#shopflow-wrapper #interestForm label {
  display: block;
  font-weight: 600;
  font-size: 1.077em;
}

#shopflow-wrapper #interestForm input[type=text],
#shopflow-wrapper #interestForm textarea {
  width: 100%;
  resize: none;
}

#shopflow-wrapper #interestForm #submitInterest {
  background-color: #f1696b;
  color: #fff;
  margin-top: 2em;
}

#shopflow-wrapper #interestForm input[type="radio"] {
  margin: 0 2em 0 .5em;
}

@media screen and (min-width: 660px) and (max-width: 768px) {
  #shopflow-wrapper #interestForm #submitInterest,
  #shopflow-wrapper #interestForm input[type="text"],
  #shopflow-wrapper #interestForm .span12 {
    width: 100%;
  }

  #shopflow-wrapper #pott-graph-container #graph-wrapper #graph {
    margin-top: 3em;
  }

  #shopflow-wrapper #pott-graph-container #graph-wrapper #graph .graph-item {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }

  #shopflow-wrapper .menu-bar,
  #shopflow-wrapper .menu-bar.auto-size {
    margin-bottom: 1em;
    background-color: #fff;
  }

  #shopflow-wrapper .menu-bar ul li,
  #shopflow-wrapper .menu-bar.auto-size ul li {
    float: none;
    position: relative;
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 0em;
    padding-right: 0em;
    background-size: 0% 0px;
    box-sizing: border-box;
    margin-left: -1em;
    background-color: #fff;
  }

  #shopflow-wrapper .menu-bar ul li > [class*="icon"],
  #shopflow-wrapper .menu-bar.auto-size ul li > [class*="icon"] {
    display: block;
  }

  #shopflow-wrapper .menu-bar ul li > span,
  #shopflow-wrapper .menu-bar.auto-size ul li > span {
    display: block;
    width: 100%;
    padding-right: 0.6em;
    padding-left: 1em;
    padding-top: 0em;
    padding-bottom: 0em;
    *background-color: rgba(255, 255, 255, 0);
    background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% 1px;
    background-color: #f1696b;
  }

  #shopflow-wrapper .menu-bar ul li .information-page,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page {
    color: #7f7f7c;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 0.4em;
    margin-right: -1.6em;
    cursor: default;
  }

  #shopflow-wrapper .menu-bar ul li .information-page.addon-list,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page.addon-list {
    margin-bottom: -2em;
  }

  #shopflow-wrapper .menu-bar ul li .information-page table th,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page table th,
  #shopflow-wrapper .menu-bar ul li .information-page table td,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page table td {
    width: 40%;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #summary,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #summary {
    margin-top: 0em;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #summary dl dt,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #summary dl dt {
    clear: left;
    width: 30%;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #summary dl dd,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #summary dl dd {
    float: right;
    text-align: right;
    width: 45%;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #includedInPackage,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #includedInPackage {
    padding-top: 0em;
    margin-top: 0em;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #includedInPackage h4,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #includedInPackage h4 {
    margin-bottom: 1em;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #includedInPackage ul,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #includedInPackage ul {
    margin-top: 1em;
    color: #7f7f7c;
    padding-left: 1.4em;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #imageAndPuffs,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #imageAndPuffs {
    padding-top: 2em;
    margin-top: 2em;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #imageAndPuffs .row,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #imageAndPuffs .row {
    margin-bottom: 0em;
  }

  #shopflow-wrapper .menu-bar ul li.active,
  #shopflow-wrapper .menu-bar.auto-size ul li.active,
  #shopflow-wrapper .menu-bar ul li:hover,
  #shopflow-wrapper .menu-bar.auto-size ul li:hover {
    background-color: #fff;
  }

  #shopflow-wrapper .menu-bar ul li.active .triangle,
  #shopflow-wrapper .menu-bar.auto-size ul li.active .triangle,
  #shopflow-wrapper .menu-bar ul li:hover .triangle,
  #shopflow-wrapper .menu-bar.auto-size ul li:hover .triangle {
    display: none;
  }
}

@media screen and (max-width: 659px) {
  #shopflow-wrapper h1 {
    font-size: 3.818em;
  }

  #shopflow-wrapper #filter-bar {
    position: relative;
    padding-bottom: 0em;
  }

  #shopflow-wrapper #filter-bar div[class*="span"] {
    margin-bottom: 1em;
    margin-left: 0;
  }

  #shopflow-wrapper #filter-bar .hidden-filter {
    display: none;
  }

  #shopflow-wrapper .menu-bar,
  #shopflow-wrapper .menu-bar.auto-size {
    padding: 1em 0;
    background-color: transparent;
  }

  #shopflow-wrapper .menu-bar ul li,
  #shopflow-wrapper .menu-bar.auto-size ul li {
    float: none;
    position: relative;
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 0em;
    padding-right: 0em;
    background-size: 0% 0px;
    box-sizing: border-box;
    margin-left: -1em;
    background-color: #fff;
  }

  #shopflow-wrapper .menu-bar ul li > [class*="icon"],
  #shopflow-wrapper .menu-bar.auto-size ul li > [class*="icon"] {
    display: block;
  }

  #shopflow-wrapper .menu-bar ul li > span,
  #shopflow-wrapper .menu-bar.auto-size ul li > span {
    width: 100%;
    display: block;
    padding-right: 0.6em;
    padding-left: 1em;
    padding-top: 0em;
    padding-bottom: 0em;
    *background-color: rgba(255, 255, 255, 0);
    background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% 1px;
    background-color: #f1696b;
  }

  #shopflow-wrapper .menu-bar ul li .information-page,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page {
    color: #7f7f7c;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 0.4em;
    margin-right: -1.6em;
    cursor: default;
  }

  #shopflow-wrapper .menu-bar ul li .information-page.addon-list,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page.addon-list {
    margin-bottom: -2em;
  }

  #shopflow-wrapper .menu-bar ul li .information-page table th,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page table th,
  #shopflow-wrapper .menu-bar ul li .information-page table td,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page table td {
    width: 40%;
  }

  #shopflow-wrapper .menu-bar ul li .information-page.addon-list,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page.addon-list {
    margin-bottom: -2em;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #summary,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #summary {
    margin-top: 0em;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #summary dl dt,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #summary dl dt {
    clear: left;
    width: 30%;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #summary dl dd,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #summary dl dd {
    float: right;
    text-align: right;
    width: 45%;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #summary #includedInPackage,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #summary #includedInPackage {
    padding-top: 0em;
    margin-top: 0em;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #summary #includedInPackage h4,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #summary #includedInPackage h4 {
    margin-bottom: 1em;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #summary #includedInPackage ul,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #summary #includedInPackage ul {
    margin-top: 1em;
    color: #7f7f7c;
    padding-left: 1.4em;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #summary #imageAndPuffs,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #summary #imageAndPuffs {
    padding-top: 2em;
    margin-top: 2em;
  }

  #shopflow-wrapper .menu-bar ul li .information-page #summary #imageAndPuffs .row,
  #shopflow-wrapper .menu-bar.auto-size ul li .information-page #summary #imageAndPuffs .row {
    margin-bottom: 0em;
  }

  #shopflow-wrapper .menu-bar ul li.active,
  #shopflow-wrapper .menu-bar.auto-size ul li.active,
  #shopflow-wrapper .menu-bar ul li:hover,
  #shopflow-wrapper .menu-bar.auto-size ul li:hover {
    background-color: #fff;
  }

  #shopflow-wrapper .menu-bar ul li.active .triangle,
  #shopflow-wrapper .menu-bar.auto-size ul li.active .triangle,
  #shopflow-wrapper .menu-bar ul li:hover .triangle,
  #shopflow-wrapper .menu-bar.auto-size ul li:hover .triangle {
    display: none;
  }

  #shopflow-wrapper #subscription-bar {
    line-height: 1.2em;
    margin-top: 0em;
  }

  #shopflow-wrapper #subscription-bar a {
    display: block;
  }

  #shopflow-wrapper #subscription-bar p {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  #shopflow-wrapper #subscription-bar [class*="button"] {
    margin-top: 1em;
  }

  #shopflow-wrapper .addon-list {
    padding-bottom: 0em;
  }

  #shopflow-wrapper .addon-list .selection-row {
    float: right;
    text-align: left;
    margin-top: 1em;
  }

  #shopflow-wrapper .addon-list .selection-row a.button {
    float: left;
    margin-left: 0em;
    margin-right: 2em;
    margin-top: 0.6em;
  }

  #shopflow-wrapper .addon-list h4 {
    font-size: 1.6em;
    font-weight: 600;
  }

  #shopflow-wrapper .addon-list dl {
    float: left;
    width: 100%;
    margin-top: 2em;
  }

  #shopflow-wrapper .addon-list dl dd {
    margin-right: 10%;
  }

  #shopflow-wrapper .addon-list dl dt {
    margin-left: 10%;
  }

  #shopflow-wrapper .addon-list dl dt.none-item {
    margin-left: 10%;
    margin-bottom: 1em;
  }

  #shopflow-wrapper #device-header {
    padding-bottom: 0em;
  }

  #shopflow-wrapper #device-header h1 {
    margin-top: 0.2em;
    font-weight: 600;
    font-size: 2.3em;
    font-family: 'Helvetica', Arial;
  }

  #shopflow-wrapper #device-header h4 {
    font-size: 1.8em;
    margin-top: 0em;
    font-weight: 600;
  }

  #shopflow-wrapper #device-header .row {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  #shopflow-wrapper #device-header img {
    margin: 0px auto;
    margin-bottom: 1em;
  }

  #shopflow-wrapper #device-header [class*="button"] {
    background-color: #f2f2f2;
    color: #7f7f7c;
  }

  #shopflow-wrapper #device-header [class*="button"].selected {
    background-color: #EE4A56;
    color: #fff;
  }

  #shopflow-wrapper #device-header input[type="radio"] {
    margin-right: 0.5em;
  }

  #shopflow-wrapper #device-list-container #device-list .row {
    padding-top: 0em;
    padding-bottom: 0em;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device {
    width: 100%;
    margin-left: 0em;
    *background-color: rgba(255, 255, 255, 0);
    background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: bottom center;
    padding-bottom: 2em;
    padding-top: 2em;
    padding-left: 0em;
    position: relative;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device .button {
    display: none;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device img {
    float: left;
    margin-right: 0em;
    margin-top: 0em;
    padding-top: 0em;
    padding-left: 0em;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device img.bundle-image-right {
    width: 18% !important;
    left: 0;
    top: 0;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device .price {
    font-size: 1.6em;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device h2 {
    position: relative;
    margin-bottom: 0.6em;
    margin-top: 0em;
    text-align: left;
    font-size: 3.5em;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device h4 {
    position: relative;
    margin-top: 0em;
    margin-bottom: 0.2em;
    font-size: 1.5em;
    font-weight: 600;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device .device-info-container {
    float: left;
    padding-left: 1em;
    padding-right: 0em;
    width: 60%;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device .device-info-container h2 {
    font-family: 'Helvetica', Arial;
    font-size: 1.6em;
    font-weight: 600;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device .link-arrow {
    color: #F7931D;
    right: 0px;
  }

  #shopflow-wrapper #device-list-container #device-list .link-arrow {
    position: absolute;
    top: 65px;
    right: 5px;
  }

  #shopflow-wrapper #device-list-container #device-list .promoted-device {
    position: relative;
  }

  #shopflow-wrapper #device-list-container #device-list .promoted-device .container {
    position: relative;
  }

  #shopflow-wrapper #device-list-container #device-list .promoted-device .row {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  #shopflow-wrapper #device-list-container #device-list .promoted-device .row .row {
    padding: 0em;
  }

  #shopflow-wrapper #device-list-container #device-list .promoted-device h2 {
    margin-top: 0em;
    font-size: 2.5em;
  }

  #shopflow-wrapper #device-list-container #device-list .promoted-device h4 {
    margin-top: 0em;
  }

  #shopflow-wrapper #device-list-container #device-list .promoted-device [class*="button"] {
    display: none;
  }

  #shopflow-wrapper #device-list-container .promo-carousel .slide-item .row div[class^="span"] h2 {
    margin-top: 0em;
  }

  #shopflow-wrapper #interestForm #submitInterest {
    width: 100%;
  }

  #shopflow-wrapper #MainContent_features {
    position: relative;
  }

  #shopflow-wrapper #MainContent_features .triangle {
    display: block;
    position: absolute;
    left: 50%;
    top: -3.4em;
    width: 0em;
    height: 0em;
    border-style: solid;
    border-width: 0 12.5px 15px 12.5px;
    border-color: transparent transparent #f2f2f2 transparent;
  }

  #shopflow-wrapper #MainContent_features h2 {
    margin-bottom: 0.5em;
  }

  #shopflow-wrapper #MainContent_features .span12 {
    display: block;
    width: 100%;
    margin-left: 0em;
  }

  #shopflow-wrapper #MainContent_features th {
    width: 50%;
  }

  #shopflow-wrapper .subscription-chooser li {
    text-align: center;
    position: initial;
    padding-top: 1em;
    *background-color: rgba(255, 255, 255, 0);
    background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: top center;
  }

  #shopflow-wrapper .subscription-chooser li:first-child {
    background-image: none;
    padding-top: 0;
  }

  #shopflow-wrapper .subscription-chooser li.subscription h3 {
    margin-top: 1em;
    font-size: 2em;
    font-family: 'Helvetica', Arial;
    font-weight: normal;
  }

  #shopflow-wrapper .subscription-chooser li.subscription .from {
    display: inline;
  }

  #shopflow-wrapper .subscription-chooser li.subscription .short-info {
    width: 95%;
    position: absolute;
    display: none;
    top: 107%;
    left: 0;
    color: #7f7f7c;
    text-align: left;
    margin-top: 0em;
  }

  #shopflow-wrapper .subscription-chooser li.subscription .short-info img {
    margin-top: 0;
  }

  #shopflow-wrapper .subscription-chooser li.subscription .radio-button.st-selected {
    padding-left: 0em;
  }

  #shopflow-wrapper .subscription-chooser li.subscription .radio-button.st-selected i {
    float: none;
    margin-right: .2em;
    vertical-align: baseline;
    font-size: 1.5em;
  }

  #shopflow-wrapper .subscription-chooser li .row {
    display: inline-block;
    text-align: left;
    width: 90%;
    position: relative;
  }

  #shopflow-wrapper .subscription-chooser li .row .button {
    padding-left: 0em;
    padding-right: 0em;
    min-width: 100%;
  }

  #shopflow-wrapper .subscription-chooser li.st-selected.subscription .triangle {
    left: 30%;
  }

  #shopflow-wrapper .subscription-chooser li.st-selected.subscription .short-info {
    display: block;
  }

  #shopflow-wrapper .radio-buttons-labeled {
    width: 80%;
    margin: 0em auto 2em auto;
  }

  #shopflow-wrapper .radio-buttons-labeled .radio-button,
  #shopflow-wrapper .radio-buttons-labeled .radio-button-dark {
    width: 100% !important;
  }

  #shopflow-wrapper #subscription-heading {
    margin-top: 6.5em;
  }

  #shopflow-wrapper .repeater-list.radio-buttons-labeled .radio-button {
    padding-top: 3em;
  }

  #shopflow-wrapper .repeater-list li.active {
    display: block;
    width: 100%;
    margin-bottom: 3px;
  }

  #shopflow-wrapper .repeater-list li.active.st-selected .triangle {
    display: none;
  }

  #shopflow-wrapper #MainContent_BindingPeriodContainer .repeater-list li.active {
    display: inline-block;
    width: inherit;
    border: none;
  }

  #shopflow-wrapper #pott-graph-container .t-large-price {
    font-size: 1.6em;
  }

  #shopflow-wrapper #pott-graph-container h2 {
    display: none;
  }

  #shopflow-wrapper #pott-graph-container h2.mobile {
    display: inline-block;
  }

  #shopflow-wrapper #pott-graph-container #graph-wrapper #graph {
    margin-bottom: 2em;
  }

  #shopflow-wrapper #pott-graph-container #graph-wrapper #graph .graph-item {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }

  #shopflow-wrapper #pott-graph-container #graph-wrapper .graph-item-price {
    width: 100% !important;
    float: none;
    display: block;
    padding: 0em;
    margin: 0em;
    margin-top: 1em;
  }

  #shopflow-wrapper #pott-graph-container #graph-wrapper .graph-item-price.total {
    text-align: left;
    width: 100% !important;
    padding: 0em;
  }

  #shopflow-wrapper #pott-graph-container #graph-wrapper .graph-item-price .description {
    display: inline-block;
    float: left;
    width: 50%;
  }
}

#cartSubTotal .regular-price {
  position: relative;
}

#cartSubTotal .regular-price img {
  left: 0;
  top: 3px;
  position: absolute;
}

#cartSubTotal .price-length {
  display: block;
  margin-bottom: 12px;
}

.smallPriceSpan .t-large-price {
  font-size: 1.385em;
}

.smallPriceSpan .suffix {
  font-size: 1.231em;
  font-weight: 600;
}

#recommendations-div .bundle-image-container {
  position: relative;
}

#recommendations-div .bundle-image-left {
  position: relative;
}

#recommendations-div .bundle-image-right {
  position: absolute;
  right: 50px;
  bottom: 30px;
}

#recommendations-div .recommendations-link {
  cursor: pointer;
}

#recommendations-div .recommendations-link .link-arrow {
  top: 115px !important;
}

@media screen and (max-width: 659px) {
  .cartSubTotal {
    margin-top: 2em;
  }

  .cartSubTotal h2 {
    margin-top: 0;
    padding-top: 0 !important;
  }

  [class^="c-table-module"].cartSubTotal .sub-total-item {
    *background-color: rgba(255, 255, 255, 0);
    background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: top center;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  [class^="c-table-module"].cartSubTotal .sub-total-item h4 {
    margin-top: 0;
  }

  [class^="c-table-module"].cartSubTotal .sub-total-item:first-child {
    background-image: none;
  }

  [class^="c-table-module"].cartSubTotal table {
    background-image: none;
  }

  [class^="c-table-module"].cartSubTotal table tr th,
  [class^="c-table-module"].cartSubTotal table tr td {
    padding: 0.1em 0;
  }

  #shopflow-wrapper {
    margin-top: 0;
  }

  #shopflow-wrapper .offset10.span9.span-phone12.tar {
    margin-left: 0;
    text-align: center;
  }

  #shopflow-wrapper .span5.span-phone12.tar .shopping-cart-next-button {
    width: 100%;
  }

  #shopflow-wrapper .binding-period-list {
    margin-top: 0;
  }

  #shopflow-wrapper .features-table-container {
    margin-top: 1em;
  }

  #shopflow-wrapper #device-list-container #device-list.mtl {
    margin-top: 0;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device {
    padding: 1em 0;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device:active {
    background-color: #f2f2f2;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device p {
    margin-top: 0;
  }

  #shopflow-wrapper #device-list-container #device-list .row .device div.color {
    display: none;
  }

  #shopflow-wrapper .shopflow-ingress {
    overflow: hidden;
  }

  #shopflow-wrapper .shopflow-ingress img {
    display: none;
  }

  #shopflow-wrapper .custom-selector-label {
    color: #fff;
  }
}

#shopflow-wrapper .binding-period-list li {
  margin-right: 1em;
}

div.slideshow {
  padding-top: 122.39902081%;
  position: relative;
  padding-bottom: 1.9em;
  margin-bottom: 1.9em;
}

@media screen and (max-width: 659px) {
  div.slideshow {
    padding-top: 84%;
  }
}

div.slideshow nav {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin-left: 0!important;
  height: 6px;
  opacity: 0;
  transition: opacity 0.5s;
  white-space: nowrap;
}

div.slideshow nav span {
  border-radius: 100%;
  position: relative;
  width: 6px;
  height: 6px;
  background-color: #ccc;
  display: inline-block;
  margin: 0 0.35em;
  cursor: pointer;
  transition: all 0.1s;
}

div.slideshow nav span:hover {
  background-color: #999999;
}

div.slideshow nav span.active {
  background-color: #EE4A56;
}

div.slideshow nav span:after {
  content: '';
  position: absolute;
  left: -0.35em;
  right: -0.35em;
  top: -0.35em;
  bottom: -0.35em;
}