@charset "UTF-8";




@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .section-size {
    padding: 1.875rem 0; }
  .fr-touch-button {
    margin-right: 0.9375rem !important; }
  .banner_grand-opening {
    width: 100%;
    height: 2.5rem;
    display: block;
    position: static;
    top: auto;
    left: auto;
    background: url(../images/banner_grand-opening-horizontal.png) no-repeat 50% 0 #ed1c24;
    background-size: contain; } }

.title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.30em;

  color: #030101;
  /*& strong[att*='hprc']{
        color:red !important;
    }*/ }
  .title--underline strong {
    position: relative;
    padding-bottom: 0.9375rem;
    font-weight: 600;
    font-size: 1.25rem; }
    .title--underline strong:after {
      content: '';
      width: 1.875rem;
      height: 0.125rem;
      background: #030101;
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
  .title--line-through span {
    position: relative;
    padding: 0 125px; }
    .title--line-through span:before, .title--line-through span:after {
      content: '';
      display: block;
      width: 100px;
      height: 1px;
      background: #fff;
      position: absolute;
      top: 50%;
      left: 0px;
      opacity: 0.45; }
    .title--line-through span:before {
      left: 0px; }
    .title--line-through span:after {
      left: auto;
      right: 0px; }
  .title--dark {
    color: #424242; }
    .title--dark strong:after {
      background: #424242; }
  .title--strong * {
   }
  .title--medium * {
    font-weight: 600; }
  .title--thin * {
    }
  .title--small {
    font-size: 1.25rem;
    line-height: 1.5rem; }
  .title__red {
    color: #df273e; }
  .title small {
    font-size: 0.75rem;
    text-transform: none;
    color: rgba(66, 66, 66, 0.6);

    display: block;
    width: 100%;
    text-align: center;
    margin-top: 1.25rem; }
  .title--serif {
 }

.sub-title {
  font-size: 1.5rem !important;
 }
  .sub-title--tiny {
    font-size: 1rem !important;
    margin-bottom: 0px;
    color: #030101; }
  .sub-title__border-bottom {
    border-bottom: 0.0625rem solid #e5e5e5;
    padding-bottom: 0.3125rem; }
  .sub-title__filled {
    background: #df273e;
    color: #FFFFFF;
    padding: 0.3125rem 0.625rem; }

.section-title {
  font-size: 1.75rem;
  
  text-transform: uppercase; }
  .section-title strong {
    font-weight: 200;
    position: relative; }
    .section-title strong:before, .section-title strong:after {
      content: '';
      display: block;
      width: 50%;
      height: 0.0625rem;
      position: absolute;
      top: 50%; }
    .section-title strong:before {
      left: -60%; }
    .section-title strong:after {
      right: -60%; }
  .section-title--dark {
    color: #030101; }
  .section-title--yellow {
    color: #a21829; }
    .section-title--yellow strong:before, .section-title--yellow strong:after {
      background: #a21829; }
  .section-title--gray {
    color: #cd6969; }
    .section-title--gray strong:before, .section-title--gray strong:after {
      background: #cd6969; }
  .section-title--white {
    color: #fff; }
  .section-title__wide-divider {
    position: relative; }
    .section-title__wide-divider:after {
      content: '';
      display: block;
      width: 100%;
      height: 0.0625rem;
      position: absolute;
      top: 50%;
      background: #c75656; }
    .section-title__wide-divider strong {
      font-size: 1.5rem;
      font-weight: 200;
     
      position: relative;
      background: #FFFFFF;
      z-index: 10;
      padding: 0 1.875rem;
      color: #632121; }
      .section-title__wide-divider strong:before, .section-title__wide-divider strong:after {
        display: none; }

.page-title {
  font-size: 2.625rem;
  line-height: 3.25rem;

  text-transform: uppercase; }
  .page-title strong {
    font-weight: normal;
    position: relative; }
  .page-title--dark {
    color: #030101; }
  .page-title--yellow {
    color: #df273e; }
  .page-title--gray {
    color: #cd6969; }
  .page-title--white {
    color: #fff; }
  .page-title--maxwidth strong {
    max-width: 70%;
    display: inline-block; }
  .page-title--underline strong {
    position: relative;
    padding-bottom: 1.875rem;
    color: #030101; }
    .page-title--underline strong:after {
      content: '';
      width: 3.75rem;
      height: 0.1875rem;
      background: #030101;
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }

@media only screen and (max-width: 40em) {
  .section-title {
    font-size: 1.125rem; }
    .section-title strong {

      font-weight: 200;
      position: relative; }
      .section-title strong:before, .section-title strong:after {
        content: '';
        display: block;
        width: 8%;
        height: 0.125rem;
        position: relative;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 0.625rem; }
      .section-title strong:before {
        display: none; }
      .section-title strong:after {
        right: -60%; }
  .title--curls {
    /*margin:0px;
            & span{
            padding:0 rem-calc(50);
            font-size:rem-calc(32);
            line-height:1.0em;
        }*/ }
    .title--curls span {
      font-size: 2rem;
      line-height: 1.1em;
      padding: 0px; }
      .title--curls span:before, .title--curls span:after {
        display: none; }
  .title--line-through span {
    padding: 0px; }
    .title--line-through span:before, .title--line-through span:after {
      display: none; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .section-title {
    font-size: 1.5rem; }
    .section-title strong {
 
      font-weight: 200;
      position: relative; }
      .section-title strong:before, .section-title strong:after {
        content: '';
        display: block;
        width: 8%;
        height: 0.125rem;
        position: relative;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 0.625rem; }
      .section-title strong:before {
        display: none; }
      .section-title strong:after {
        right: -60%; } }

body {
 }

p {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(66, 66, 66, 0.8); }

small {
  font-size: 0.75rem !important;
  color: rgba(66, 66, 66, 0.6); }

h1, h2, h3, h4, h5, h6 {
  }

.white {
  color: #FFFFFF; }

.medium-lighter {
  opacity: 0.75; }

.lighter {
  opacity: 0.5; }

time {
  display: block;
  font-size: 0.875rem; }

.page-intro {
  margin: 1.875rem auto; }
  .page-intro__dark-bg {
    color: #cccccc; }

.size-11 {
  font-size: 0.6875rem; }

.size-12 {
  font-size: 0.75rem; }

.size-13 {
  font-size: 0.8125rem; }

.size-14 {
  font-size: 0.875rem; }

.size-15 {
  font-size: 0.9375rem; }

.size-16 {
  font-size: 1rem;
  line-height: 1.4em; }

.size-18 {
  font-size: 1.125rem; }

.size-20 {
  font-size: 1.25rem; }

.size-22 {
  font-size: 1.375rem; }

.size-24 {
  font-size: 1.5rem; }

.size-26 {
  font-size: 1.625rem; }

.size-28 {
  font-size: 1.75rem; }

.size-30 {
  font-size: 1.875rem; }

.size-36 {
  font-size: 2.25rem; }

.size-42 {
  font-size: 2.625rem; }

.size-48 {
  font-size: 3rem; }

/* Typography */
.standard-title, .main-title, .small-title {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: normal;
  color: #030101;
  line-height: 1.3; }

.main-title {
  font-weight: normal;
  font-size: 2.25rem !important; }
  @media only screen and (min-width: 40.0625em) {
    .main-title {
      font-size: 3.25rem; } }

.small-title {
  font-weight: normal;
  font-size: 1.125rem; }

.type-title, .type-subtitle {
  text-transform: uppercase;
  line-height: 1;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.625rem !important; }

.type-subtitle {
  font-size: 1.125rem; }

.main-slider {
  transition: all 700ms;
  min-height: 26.25rem;
  background: #030101;
  position: relative;
  /* & picture:after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.1);
  z-index: 2;
}*/ }
  .main-slider__tuning, .main-slider__outlet {
    min-height: 0 !important; }
  .main-slider figure {
    position: relative;
    display: block;
    overflow: hidden; }
    .main-slider figure img {
      width: 100%; }
    .main-slider figure figcaption {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 50;
      width: 70%; }
      .main-slider figure figcaption .caption-inner {
        display: inline-block;
        max-width: 39%; }
      .main-slider figure figcaption h2 {
        font-size: 2.625rem;
        line-height: 1.2em;
        text-transform: uppercase;
        margin: 0 0 0.9375rem;
        color: #FFFFFF;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 600; }
      .main-slider figure figcaption h3 {
        font-size: 1.875rem;
        line-height: 2.25rem;
        color: #FFFFFF; }
      .main-slider figure figcaption p {
        color: #FFFFFF;
        font-weight: 300; }
      .main-slider figure figcaption.left {
        text-align: left;
        padding-left: 1.875rem; }
      .main-slider figure figcaption.center {
        text-align: center; }
      .main-slider figure figcaption.right {
        text-align: right;
        padding-right: 1.875rem; }
      .main-slider figure figcaption .button {
        margin-top: 0;
        font-size: 0.8125rem;
        padding: 0.8125rem 1.25rem;
        border: 0.0625rem solid #FFFFFF; }
        .main-slider figure figcaption .button:hover {
          color: #FFFFFF;
          border: 0.0625rem solid transparent; }
  .main-slider__outlet figure figcaption .caption-inner {
    max-width: 60%; }
  .main-slider .slick-dots {
    list-style: none;
    width: 100%;
    background: transparent;
    margin: 0px;
    padding: 0px 2%;
    z-index: 20;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px; }
  .main-slider .slick-dots li {
    display: inline-block;
    margin: 0px;
    padding: 0px; }
  .main-slider .slick-dots li button {
    margin: 0px;
    padding: 2.1875rem 0.9375rem;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    background: transparent;
    outline: none; }
  .main-slider .slick-dots li button:before {
    content: '';
    width: 0.875rem;
    height: 0.875rem;
    background: #030101;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%; }
  .main-slider .slick-dots li button:before {
    background: #030101;
    border: 0.25rem solid #030101; }
  .main-slider .slick-dots li.slick-active button:before {
    background: #df273e; }
  .main-slider .slick-prev,
  .main-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    padding: 0;
    width: 3.75rem;
    height: 3.75rem;
    display: block;
    outline: none;
    z-index: 20;
    opacity: 0.5;
    transition: all 300ms ease-out; }
    .main-slider .slick-prev:hover, .main-slider .slick-prev:link, .main-slider .slick-prev:active, .main-slider .slick-prev:focus,
    .main-slider .slick-next:hover,
    .main-slider .slick-next:link,
    .main-slider .slick-next:active,
    .main-slider .slick-next:focus {
      opacity: 1; }
  .main-slider .slick-prev {
    left: 1.875rem;
    background: url(../images/spritesheet/arrow-left_thin_2.svg) no-repeat 50% 50%;
    background-size: contain; }
  .main-slider .slick-next {
    right: 1.875rem;
    background: url(../images/spritesheet/arrow-right_thin_2.svg) no-repeat 50% 50%;
    background-size: contain; }

@media only screen and (max-width: 40em) {
  .main-slider {
    min-height: 8.75rem;
    background: #FFFFFF;
    border-bottom: 0.0625rem solid rgba(66, 66, 66, 0.25); }
    .main-slider figure picture:after {
      display: none; }
    .main-slider figure img {
      width: 100%; }
    .main-slider figure figcaption {
      transform: translate(0, 0);
      position: relative;
      float: left;
      transform: none;
      top: none;
      left: 0;
      width: 100%;
      padding: 0.9375rem 0.9375rem 0; }
      .main-slider figure figcaption .caption-inner {
        display: inline-block;
        max-width: 100%; }
      .main-slider figure figcaption h2 {
        font-size: 2.25rem;
        line-height: 2.4375rem;
        margin: 0 0 0.4375rem;
        color: #424242; }
      .main-slider figure figcaption h3 {
        font-size: 1.125rem;
        line-height: 1.375rem;
        color: #fff;
        font-family: "Roboto", Arial, sans-serif; }
      .main-slider figure figcaption.left, .main-slider figure figcaption.center, .main-slider figure figcaption.right {
        text-align: center; }
      .main-slider figure figcaption .button {
        color: gray;
        border-color: gray;
        border-width: 0.125rem;
        font-size: 0.6875rem;
        padding: 0.625rem 1.25rem; }
        .main-slider figure figcaption .button:hover {
          color: #FFFFFF; }
    .main-slider .slick-dots {
      position: static;
      bottom: auto;
      left: auto; }
    .main-slider .slick-dots li button {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; }
    .main-slider .slick-dots li button:before {
      content: '';
      width: 0.5rem;
      height: 0.5rem;
      background: #333333 !important;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%; }
    .main-slider .slick-dots li button:before {
      background: #030101;
      border: 0.0625rem solid transparent; }
    .main-slider .slick-dots li.slick-active button:before {
      background: #df273e !important; }
    .main-slider__outlet figure figcaption {
      background: #e76000;
      max-width: 100%; }
      .main-slider__outlet figure figcaption .caption-inner {
        max-width: 100%; }
        .main-slider__outlet figure figcaption .caption-inner h2 {
          color: #FFFFFF; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .main-slider {
    background: #FFFFFF;
    border-bottom: 0.0625rem solid rgba(66, 66, 66, 0.2); }
    .main-slider figure picture:after {
      display: none; }
    .main-slider figure img {
      width: 100%; }
    .main-slider figure figcaption {
      transform: translate(0, 0);
      position: relative;
      float: left;
      transform: none;
      top: none;
      left: 0;
      width: 100%;
      padding: 1.875rem 0.9375rem 0; }
      .main-slider figure figcaption .caption-inner {
        display: inline-block;
        max-width: 100%; }
      .main-slider figure figcaption h2 {
        font-size: 2.25rem;
        line-height: 2.4375rem;
        margin: 0 0 0.4375rem;
        color: #df273e; }
      .main-slider figure figcaption h3 {
        font-size: 1.125rem;
        line-height: 1.375rem;
        color: #fff;
        font-family: "Roboto", Arial, sans-serif; }
      .main-slider figure figcaption.left, .main-slider figure figcaption.center, .main-slider figure figcaption.right {
        text-align: center; }
      .main-slider figure figcaption .button {
        color: gray;
        border-color: gray;
        font-size: 0.6875rem;
        padding: 0.625rem 1.25rem; }
        .main-slider figure figcaption .button:hover {
          color: #FFFFFF; }
    .main-slider .slick-dots {
      position: static;
      bottom: auto;
      left: auto; }
    .main-slider .slick-dots li button {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; }
    .main-slider .slick-dots li button:before {
      content: '';
      width: 0.5rem;
      height: 0.5rem;
      background: #333333 !important;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%; }
    .main-slider .slick-dots li button:before {
      background: #030101;
      border: 0.0625rem solid transparent; }
    .main-slider .slick-dots li.slick-active button:before {
      background: #df273e !important; }
    .main-slider__outlet figure figcaption {
      background: #e76000;
      max-width: 100%; }
      .main-slider__outlet figure figcaption .caption-inner {
        max-width: 100%; }
        .main-slider__outlet figure figcaption .caption-inner h2 {
          color: #FFFFFF; } }

/*@media only screen and (min-width:64.0625em) {
.main-slider{
min-height: rem-calc(710);
}
}*/
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .main-slider {
    min-height: 23.75rem; }
    .main-slider figure figcaption {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 50;
      width: 80%; }
      .main-slider figure figcaption .caption-inner {
        display: inline-block;
        max-width: 65%; }
      .main-slider figure figcaption h2 {
        font-size: 3.75rem;
        line-height: 3.75rem;
        margin: 0 0 0.4375rem;
        color: #FFFFFF; }
      .main-slider figure figcaption h3 {
        font-size: 1.25rem;
        line-height: 1.5rem;
        color: #030101;
     }
      .main-slider figure figcaption .button {
        margin-top: 0.625rem;
        font-size: 0.8125rem;
        letter-spacing: 0;
        padding: 0.625rem 1.25rem;
        color: #FFFFFF;
        border-color: #FFFFFF;
        opacity: 1; }
        .main-slider figure figcaption .button:hover {
          color: #FFFFFF; }
    .main-slider .slick-dots {
      position: absolute;
      bottom: 60px;
      left: auto;
      display: none !important; }
    .main-slider__tuning, .main-slider__outlet {
      max-height: 23.75rem;
      min-height: 0 !important; }
      .main-slider__tuning h2 span, .main-slider__outlet h2 span {
        font-size: 2.25rem;
        line-height: 2.25rem; }
    .main-slider__outlet {
      max-height: 23.75rem;
      min-height: 0 !important; }
      .main-slider__outlet h2 span {
        font-size: 2.25rem;
        line-height: 2.25rem; }
      .main-slider__outlet__outlet figure figcaption .caption-inner {
        max-width: 60%; } }

.product-slider a {
  display: block; }
  .product-slider a figure {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    transition: all 300ms ease-out; }
    .product-slider a figure img {
      float: none;
      display: inline-block; }
    .product-slider a figure:before {
      content: '';
      width: 2.625rem;
      height: 2.625rem;
      display: block;
      background: url(../images/spritesheet/magnify_white.svg) no-repeat 50% 50%;
      background-size: contain;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: all 300ms ease-out;
      z-index: 20;
      opacity: 0; }
    .product-slider a figure:after {

      display: block;
      margin: auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      transition: all 300ms ease-out;
      opacity: 0;
      z-index: 10; }
  .product-slider a:hover figure:before, .product-slider a:hover figure:after {
    opacity: 1; }

.product-slider .slick-dots {
  list-style: none;
  width: 100%;
  background: transparent;
  margin: -1.875rem 0 0 0;
  padding: 0px 2%;
  z-index: 20;
  text-align: center;
  position: static;
  bottom: auto;
  left: auto; }

.product-slider .slick-dots li {
  display: inline-block;
  margin: 0px;
  padding: 0px; }

.product-slider .slick-dots li button {
  margin: 0px;
  padding: 2.1875rem 0.9375rem;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  background: transparent;
  outline: none; }

.product-slider .slick-dots li button:before {
  content: '';
  width: 0.625rem;
  height: 0.625rem;
  background: #030101;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%; }

.product-slider .slick-dots li button:before {
  background: #da8f8f;
  border: 0 solid #030101; }

.product-slider .slick-dots li.slick-active button:before {
  background: #030101; }

.product-slider-nav a {
  border: 0.0625rem solid transparent;
  display: block;
  margin: 0 0 0;
  padding: 0 0;
  overflow: hidden;
  transition: all 300ms ease-out; }
  .product-slider-nav a:hover {
    border: 0.0625rem solid transparent;
    opacity: 0.8 !important; }

.product-slider-nav .slick-list {
  padding: 1.25rem 0px !important; }

.op .slick-track {margin-left:-20%;}
.product-slider-nav .slick-track {
  padding: 0px 0 !important;}

.product-slider-nav .slick-center a {
  border: 0.0625rem solid rgba(223, 39, 62, 0.7);
  opacity: 1; }

.product-slider-nav {
  position: relative;
  margin-top: 0.125rem;
  padding: 0 1.75rem; }
  .product-slider-nav .slick-prev,
  .product-slider-nav .slick-next {
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    z-index: 10;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    transition: all 300ms ease-out;
    width: 2.1875rem;
    height: 2.1875rem;
    padding: 0;
    outline: none;
    opacity: 0.6; }
  .product-slider-nav button.slick-prev {
    left: -0.9375rem !important;
    background: url(../images/arrow-left_thin.svg) no-repeat 50% 50% #fff;
    background-size: contain; }
  .product-slider-nav button.slick-next {
    right: -0.9375rem !important;
    background: url(../images/arrow-right_thin.svg) no-repeat 50% 50% #fff;
    background-size: contain; }
  .product-slider-nav button:hover {
    opacity: 1; }
  .product-slider-nav .slick-slide {
    margin: 0 0.0625rem; }