body {
  font-family:var(--font-base);
  background-color:var(--c-surface-0); }

.banner_top {
  background-color:var(--c-line);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 180px;
  display: block; }
  @media (min-width: 768px) {
    .banner_top {
      height: 300px; } }
  @media (min-width: 992px) {
    .banner_top {
      height: 350px; } }
  @media (min-width: 1024px) {
    .banner_top {
      height: 400px; } }
  @media (min-width: 1440px) {
    .banner_top {
      height: 600px; } }

#main {
  margin-top:var(--sp-30);
  margin-bottom:var(--sp-30); }
  @media (min-width: 1024px) {
    #main {
      margin-top: 75px;
      margin-bottom: 75px; } }

#main > .content > .container > .row {
  position: relative; }
  @media (max-width: 767px) {
    #main > .content > .container > .row {
      margin-left: 0;
      margin-right: 0; } }
  #main > .content > .container > .row .col-lg-4 {
    position: static; }

.button {
  color:var(--c-surface-0) !important;
  background-color:var(--c-brand-500);
  font-size:var(--fs-24);
  text-transform: uppercase;
  text-align: center;
  display: block; }
  .button:hover {
    background-color:var(--c-brand-500); }

.box-text {
  background-color:var(--c-surface-0);
  border-radius:var(--r-4);
  padding:var(--sp-30) var(--sp-20);
  overflow: hidden;
  cursor: pointer; }
  .box-text .title,
  .box-text .value {
    text-transform: uppercase;
    line-height:var(--fs-20); }
  .box-text .title {
    font-size:var(--fs-16);
    font-weight:var(--fw-normal);
    float: left; }
  .box-text .value {
    font-size:var(--fs-24);
    font-weight:var(--fw-bold);
    color:var(--c-brand-500);
    float: right; }

.cms-breadcrumbs {
  display: none; }

.summary {
  background-color:var(--c-ink-300);
  box-shadow:var(--shadow-1);
  border-radius:var(--r-4);
  overflow: hidden;
  color:var(--c-surface-0);
  margin-bottom:var(--sp-30); }
  @media (min-width: 1024px) {
    .summary {
      width: 303px; } }
  @media (min-width: 1200px) {
    .summary {
      width: 370px; } }
  .summary.fixed {
    position: fixed;
    top: 0; }
  .summary.stopped {
    position: absolute;
    bottom: 0; }
  .summary .summary-top {
    background-color:var(--c-brand-500);
    line-height:var(--fs-20);
    padding:var(--sp-20);
    font-size:var(--fs-24);
    text-align: center;
    text-transform: uppercase;
    font-weight:var(--fw-bold); }
  .summary .summary-entry {
    padding:var(--sp-10) var(--sp-30); }
    .summary .summary-entry .package-item {
      padding-bottom:var(--sp-10); }
      .summary .summary-entry .package-item.link a {
        font-size:var(--fs-18);
        text-transform: uppercase;
        font-weight:var(--fw-normal);
        padding-left: 35px;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color:var(--c-surface-0);
        display: block; }
        .summary .summary-entry .package-item.link a span {
          font-size:var(--fs-14);
          font-weight:var(--fw-normal);
          display: block;
          text-decoration: underline;
          text-transform: none; }
        .summary .summary-entry .package-item.link a:hover span {
          color:var(--c-brand-500); }
      .summary .summary-entry .package-item .checkbox label {
        font-size:var(--fs-18);
        text-transform: uppercase;
        font-weight:var(--fw-bold);
        padding-left: 15px;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .summary .summary-entry .package-item .checkbox label:before, .summary .summary-entry .package-item .checkbox label:after {
          width: 20px;
          height: 20px;
          top: 50%;
          margin-top:calc(var(--sp-12)*-1); }
        .summary .summary-entry .package-item .checkbox label:before {
          border: 0; }
        .summary .summary-entry .package-item .checkbox label:after {
          font-size:var(--fs-18);
          font-weight:var(--fw-normal);
          line-height:var(--fs-20);
          padding-left: 0;
          padding-top: 0;
          text-align: center; }
        .summary .summary-entry .package-item .checkbox label span.price {
          font-size:var(--fs-14);
          font-weight:var(--fw-normal);
          display: block;
          text-transform: none; }
  .summary .summary-bottom {
    padding:0px var(--sp-30) 45px; }
    .summary .summary-bottom hr {
      border-color:var(--c-ink-300); }
    .summary .summary-bottom .total-final {
      font-size:var(--fs-30);
      font-weight:var(--fw-bold); }
      .summary .summary-bottom .total-final label {
        text-transform: uppercase;
        font-weight:var(--fw-normal);
        margin-right:var(--sp-20); }
    .summary .summary-bottom #addToCart {
      width: 100%;
      margin-top: 15px; }

.section {
  padding:var(--sp-40) var(--sp-30);
  border-radius:var(--r-4);
  background-color:var(--c-surface-50);
  border:solid 1px var(--c-line);
  color:var(--c-ink-300);
  margin-bottom:var(--sp-30); }
  .section .head .title {
    color:var(--c-ink-900);
    font-size:var(--fs-24);
    font-weight:var(--fw-bold);
    line-height:normal;
    margin: 0;
    text-transform: uppercase; }
  .section .head .subtitle {
    margin-top: 15px;
    margin-bottom:var(--sp-30); }
  .section .h3 {
    font-size:var(--fs-16);
    font-weight:var(--fw-bold);
    text-transform: uppercase;
    color:var(--c-ink-500); }
  .section .m-t-sm {
    margin-top: 15px; }
  .section .m-b-sm {
    margin-bottom: 15px; }
  .section .m-b-md {
    margin-bottom:var(--sp-30); }
  .section .form-control {
    border: 0;
    background-color:var(--c-surface-0);
    line-height:var(--fs-24);
    padding:var(--sp-10);
    height: auto; }

@media (max-width: 767px) {
  #maintenance > .row,
  #optimizing > .row {
    text-align: center; } }
.loading-icon {
  font-family: fontawesome;
  margin-left:var(--sp-10);
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  display: inline-block;
  font-weight:var(--fw-normal);
  font-style: normal; }
  .loading-icon:after {
    content: "\f021"; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
#customizing .button {
  display: inline-block; }
#customizing .loading-icon {
  font-size:var(--fs-20); }
#customizing .form_notice {
  padding:var(--sp-10) var(--sp-20);
  background-color: rgba(0, 0, 0, 0.05);
  border-left:var(--sp-4) solid; }